antd-mobile 5.0.0-beta.9 → 5.0.0-rc.3

package/cjs/components/pull-to-refresh/pull-to-refresh.js

@@ -3,17 +3,17 @@
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.PullToRefresh = exports.defaultProps = void 0;
+exports.defaultProps = exports.PullToRefresh = void 0;
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
 var _web = require("@react-spring/web");
 
-var _reactUseGesture = require("react-use-gesture");
+var _react = require("@use-gesture/react");
 
 var _getScrollParent = require("../../utils/get-scroll-parent");
 
-var _react = _interopRequireWildcard(require("react"));
+var _react2 = _interopRequireWildcard(require("react"));
 
 var _supportsPassive = require("../../utils/supports-passive");
 
@@ -60,31 +60,24 @@ var __awaiter = void 0 && (void 0).__awaiter || function (thisArg, _arguments, P
 };
 
 var classPrefix = "adm-pull-to-refresh";
-var PullStatus;
-
-(function (PullStatus) {
-  PullStatus[PullStatus["idle"] = 0] = "idle";
-  PullStatus[PullStatus["thresholdMet"] = 1] = "thresholdMet";
-  PullStatus[PullStatus["refreshing"] = 2] = "refreshing";
-  PullStatus[PullStatus["complete"] = 3] = "complete";
-})(PullStatus || (PullStatus = {}));
-
 var defaultProps = {
   pullingText: '下拉刷新',
-  releaseText: '释放立即刷新',
+  canReleaseText: '释放立即刷新',
   refreshingText: '加载中……',
   completeText: '刷新成功',
   completeDelay: 500,
   onRefresh: function onRefresh() {}
 };
 exports.defaultProps = defaultProps;
-var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (props) {
+
+var PullToRefresh = function PullToRefresh(p) {
   var _a, _b;
 
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   var headHeight = (_a = props.headHeight) !== null && _a !== void 0 ? _a : (0, _convertPx.convertPx)(40);
   var threshold = (_b = props.threshold) !== null && _b !== void 0 ? _b : (0, _convertPx.convertPx)(60);
 
-  var _useState = (0, _react.useState)(PullStatus.idle),
+  var _useState = (0, _react2.useState)('pulling'),
       status = _useState[0],
       setStatus = _useState[1];
 
@@ -103,47 +96,33 @@ var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(functi
       springStyles = _useSpring[0],
       api = _useSpring[1];
 
-  var elementRef = (0, _react.useRef)(null);
-  var pullingRef = (0, _react.useRef)(false);
+  var elementRef = (0, _react2.useRef)(null);
+  var pullingRef = (0, _react2.useRef)(false);
 
   function doRefresh() {
-    return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+    return __awaiter(this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee3() {
       var _this = this;
 
-      return regeneratorRuntime.wrap(function _callee2$(_context2) {
+      return regeneratorRuntime.wrap(function _callee3$(_context3) {
         while (1) {
-          switch (_context2.prev = _context2.next) {
+          switch (_context3.prev = _context3.next) {
             case 0:
               api.start({
                 height: headHeight
               });
-              setStatus(PullStatus.refreshing);
-              setStatus(PullStatus.refreshing);
-              _context2.prev = 3;
-              _context2.next = 6;
+              setStatus('refreshing');
+              _context3.prev = 2;
+              _context3.next = 5;
               return props.onRefresh();
 
-            case 6:
-              setStatus(PullStatus.complete);
-              _context2.next = 13;
+            case 5:
+              setStatus('complete');
+              _context3.next = 12;
               break;
 
-            case 9:
-              _context2.prev = 9;
-              _context2.t0 = _context2["catch"](3);
-              setStatus(PullStatus.idle);
-              throw _context2.t0;
-
-            case 13:
-              if (!(props.completeDelay > 0)) {
-                _context2.next = 16;
-                break;
-              }
-
-              _context2.next = 16;
-              return (0, _sleep.sleep)(props.completeDelay);
-
-            case 16:
+            case 8:
+              _context3.prev = 8;
+              _context3.t0 = _context3["catch"](2);
               api.start({
                 to: function to(next) {
                   return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee() {
@@ -157,41 +136,71 @@ var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(functi
                             });
 
                           case 2:
-                            _context.next = 4;
+                            setStatus('pulling');
+
+                          case 3:
+                          case "end":
+                            return _context.stop();
+                        }
+                      }
+                    }, _callee);
+                  }));
+                }
+              });
+              throw _context3.t0;
+
+            case 12:
+              if (!(props.completeDelay > 0)) {
+                _context3.next = 15;
+                break;
+              }
+
+              _context3.next = 15;
+              return (0, _sleep.sleep)(props.completeDelay);
+
+            case 15:
+              api.start({
+                to: function to(next) {
+                  return __awaiter(_this, void 0, void 0, /*#__PURE__*/regeneratorRuntime.mark(function _callee2() {
+                    return regeneratorRuntime.wrap(function _callee2$(_context2) {
+                      while (1) {
+                        switch (_context2.prev = _context2.next) {
+                          case 0:
+                            _context2.next = 2;
                             return next({
                               height: 0
                             });
 
-                          case 4:
-                            setStatus(PullStatus.idle);
+                          case 2:
+                            setStatus('pulling');
 
-                          case 5:
+                          case 3:
                           case "end":
-                            return _context.stop();
+                            return _context2.stop();
                         }
                       }
-                    }, _callee);
+                    }, _callee2);
                   }));
                 }
               });
 
-            case 17:
+            case 16:
             case "end":
-              return _context2.stop();
+              return _context3.stop();
           }
         }
-      }, _callee2, null, [[3, 9]]);
+      }, _callee3, null, [[2, 8]]);
     }));
   }
 
-  (0, _reactUseGesture.useDrag)(function (state) {
-    if (status === PullStatus.refreshing || status === PullStatus.complete) return;
+  (0, _react.useDrag)(function (state) {
+    if (status === 'refreshing' || status === 'complete') return;
     var event = state.event;
 
     if (state.last) {
       pullingRef.current = false;
 
-      if (status === PullStatus.thresholdMet) {
+      if (status === 'canRelease') {
         doRefresh();
       } else {
         api.start({
@@ -203,7 +212,6 @@ var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(functi
     }
 
     var _state$movement = state.movement,
-        x = _state$movement[0],
         y = _state$movement[1];
 
     if (state.first) {
@@ -220,7 +228,7 @@ var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(functi
 
     if (!pullingRef.current) return;
 
-    if (typeof event.cancelable !== 'boolean' || event.cancelable) {
+    if (event.cancelable) {
       event.preventDefault();
     }
 
@@ -229,26 +237,45 @@ var PullToRefresh = (0, _withDefaultProps.withDefaultProps)(defaultProps)(functi
     api.start({
       height: height
     });
-    setStatus(height > threshold ? PullStatus.thresholdMet : PullStatus.idle);
+    setStatus(height > threshold ? 'canRelease' : 'pulling');
   }, {
-    useTouch: true,
+    pointer: {
+      touch: true
+    },
     axis: 'y',
-    domTarget: elementRef,
+    target: elementRef,
     eventOptions: _supportsPassive.supportsPassive ? {
       passive: false
     } : false
   });
-  return /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+
+  var renderStatusText = function renderStatusText() {
+    var _a;
+
+    if (props.renderText) {
+      return (_a = props.renderText) === null || _a === void 0 ? void 0 : _a.call(props, status);
+    }
+
+    if (status === 'pulling') return props.pullingText;
+    if (status === 'canRelease') return props.canReleaseText;
+    if (status === 'refreshing') return props.refreshingText;
+    if (status === 'complete') return props.completeText;
+  };
+
+  return /*#__PURE__*/_react2["default"].createElement(_web.animated.div, {
     ref: elementRef,
     className: classPrefix
-  }, /*#__PURE__*/_react["default"].createElement(_web.animated.div, {
+  }, /*#__PURE__*/_react2["default"].createElement(_web.animated.div, {
     style: springStyles,
     className: classPrefix + "-head"
-  }, /*#__PURE__*/_react["default"].createElement("div", {
+  }, /*#__PURE__*/_react2["default"].createElement("div", {
     className: classPrefix + "-head-content",
     style: {
       height: headHeight
     }
-  }, status === PullStatus.idle && props.pullingText, status === PullStatus.thresholdMet && props.releaseText, status === PullStatus.refreshing && props.refreshingText, status === PullStatus.complete && props.completeText)), /*#__PURE__*/_react["default"].createElement("div", null, props.children));
-});
+  }, renderStatusText())), /*#__PURE__*/_react2["default"].createElement("div", {
+    className: classPrefix + "-content"
+  }, props.children));
+};
+
 exports.PullToRefresh = PullToRefresh;

package/cjs/components/radio/group.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import { FC } from 'react';
 import { RadioValue } from '.';
 export interface RadioGroupProps {
     value?: RadioValue | null;
@@ -6,4 +6,4 @@ export interface RadioGroupProps {
     defaultValue?: RadioValue | null;
     disabled?: boolean;
 }
-export declare const Group: React.FC<RadioGroupProps>;
+export declare const Group: FC<RadioGroupProps>;

package/cjs/components/radio/group.js

@@ -11,7 +11,7 @@ var _withDefaultProps = require("../../utils/with-default-props");
 
 var _groupContext = require("./group-context");
 
-var _useControllableValue = require("../../utils/use-controllable-value");
+var _usePropsValue2 = require("../../utils/use-props-value");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -19,10 +19,13 @@ var defaultProps = {
   disabled: false,
   defaultValue: null
 };
-var Group = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (props) {
-  var _useNewControllableVa = (0, _useControllableValue.useNewControllableValue)(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+
+var Group = function Group(p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+
+  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   return /*#__PURE__*/_react["default"].createElement(_groupContext.RadioGroupContext.Provider // TODO: 性能优化
   , {
@@ -36,5 +39,6 @@ var Group = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (prop
       disabled: props.disabled
     }
   }, props.children);
-});
+};
+
 exports.Group = Group;

package/cjs/components/radio/radio.css

@@ -1,5 +1,9 @@
 .adm-radio {
+  --icon-size: 22px;
+  --font-size: 17px;
+  --gap: 8px;
   display: inline-flex;
+  vertical-align: text-bottom;
   justify-content: flex-start;
   align-items: center;
   cursor: pointer;
@@ -10,25 +14,24 @@
 .adm-radio .adm-radio-icon {
   flex: none;
   border: 1px solid #ccc;
-  border-radius: 22px;
+  border-radius: var(--icon-size);
   box-sizing: border-box;
   display: flex;
   justify-content: center;
   align-items: center;
-  width: 22px;
-  height: 22px;
-  font-size: 12px;
-  color: transparent;
+  width: var(--icon-size);
+  height: var(--icon-size);
+  color: #ffffff;
 }
-.adm-radio .adm-radio-icon > span {
-  font-size: 12px;
+.adm-radio .adm-radio-icon-checked {
   display: block;
+  width: 65%;
+  height: 65%;
 }
 .adm-radio.adm-radio-block {
   display: flex;
 }
 .adm-radio.adm-radio-checked .adm-radio-icon {
-  color: #ffffff;
   border-color: var(--adm-color-primary);
   background-color: var(--adm-color-primary);
 }
@@ -39,18 +42,15 @@
   color: var(--adm-color-weak);
 }
 .adm-radio.adm-radio-disabled .adm-radio-icon {
-  background-color: #ebedf0;
-}
-.adm-radio.adm-radio-disabled.adm-radio-checked .adm-radio-icon {
   color: #ccc;
   border-color: #ccc;
   background-color: #ebedf0;
 }
 .adm-radio .adm-radio-custom-icon {
-  font-size: 17px;
+  font-size: var(--icon-size);
 }
 .adm-radio-content {
   flex: none;
-  font-size: 17px;
-  padding-left: 8px;
+  font-size: var(--font-size);
+  padding-left: var(--gap);
 }

package/cjs/components/radio/radio.d.ts

@@ -10,5 +10,5 @@ export declare type RadioProps = {
     block?: boolean;
     id?: string;
     icon?: (checked: boolean) => React.ReactNode;
-} & NativeProps;
+} & NativeProps<'--icon-size' | '--font-size' | '--gap'>;
 export declare const Radio: FC<RadioProps>;

package/cjs/components/radio/radio.js

@@ -7,16 +7,18 @@ exports.Radio = void 0;
 
 var _react = _interopRequireWildcard(require("react"));
 
-var _classnames = _interopRequireDefault(require("classnames"));
+var _nativeProps = require("../../utils/native-props");
 
-var _icons = require("@ant-design/icons");
+var _classnames = _interopRequireDefault(require("classnames"));
 
 var _groupContext = require("./group-context");
 
-var _useControllableValue = require("../../utils/use-controllable-value");
+var _usePropsValue2 = require("../../utils/use-props-value");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
+var _checkIcon = require("../checkbox/check-icon");
+
 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 _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
@@ -34,13 +36,13 @@ var Radio = function Radio(p) {
   var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
   var groupContext = (0, _react.useContext)(_groupContext.RadioGroupContext);
 
-  var _useNewControllableVa = (0, _useControllableValue.useNewControllableValue)({
+  var _usePropsValue = (0, _usePropsValue2.usePropsValue)({
     value: props.checked,
     defaultValue: props.defaultChecked,
     onChange: props.onChange
   }),
-      checked = _useNewControllableVa[0],
-      setChecked = _useNewControllableVa[1];
+      checked = _usePropsValue[0],
+      setChecked = _usePropsValue[1];
 
   var disabled = props.disabled;
   var value = props.value;
@@ -72,12 +74,12 @@ var Radio = function Radio(p) {
 
     return /*#__PURE__*/_react["default"].createElement("div", {
       className: classPrefix + "-icon"
-    }, /*#__PURE__*/_react["default"].createElement(_icons.CheckOutlined, {
+    }, checked && /*#__PURE__*/_react["default"].createElement(_checkIcon.CheckIcon, {
       className: classPrefix + "-icon-checked"
     }));
   };
 
-  return /*#__PURE__*/_react["default"].createElement("label", {
+  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("label", {
     className: (0, _classnames["default"])(classPrefix, props.className, (_classNames = {}, _classNames[classPrefix + "-checked"] = checked, _classNames[classPrefix + "-disabled"] = disabled, _classNames[classPrefix + "-block"] = props.block, _classNames)),
     style: props.style
   }, /*#__PURE__*/_react["default"].createElement("input", {
@@ -94,7 +96,7 @@ var Radio = function Radio(p) {
     id: props.id
   }), renderIcon(), props.children && /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-content"
-  }, props.children));
+  }, props.children)));
 };
 
 exports.Radio = Radio;

package/cjs/components/rate/rate.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React, { FC } from 'react';
 import { NativeProps } from '../../utils/native-props';
 export declare type RateProps = {
     allowClear?: boolean;
@@ -6,8 +6,8 @@ export declare type RateProps = {
     character?: React.ReactNode;
     count?: number;
     defaultValue?: number;
-    readonly?: boolean;
+    readOnly?: boolean;
     value?: number;
     onChange?: (value: number) => void;
 } & NativeProps<'--star-size' | '--active-color'>;
-export declare const Rate: React.FC<RateProps>;
+export declare const Rate: FC<RateProps>;

package/cjs/components/rate/rate.js

@@ -13,9 +13,9 @@ var _nativeProps = require("../../utils/native-props");
 
 var _withDefaultProps = require("../../utils/with-default-props");
 
-var _icons = require("@ant-design/icons");
+var _antdMobileIcons = require("antd-mobile-icons");
 
-var _useControllableValue = require("../../utils/use-controllable-value");
+var _usePropsValue2 = require("../../utils/use-props-value");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
@@ -23,15 +23,18 @@ var classPrefix = "adm-rate";
 var defaultProps = {
   count: 5,
   allowHalf: false,
-  character: /*#__PURE__*/_react["default"].createElement(_icons.StarFilled, null),
+  character: /*#__PURE__*/_react["default"].createElement(_antdMobileIcons.StarFill, null),
   defaultValue: 0,
-  readonly: false,
+  readOnly: false,
   allowClear: true
 };
-var Rate = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (props) {
-  var _useNewControllableVa = (0, _useControllableValue.useNewControllableValue)(props),
-      value = _useNewControllableVa[0],
-      setValue = _useNewControllableVa[1];
+
+var Rate = function Rate(p) {
+  var props = (0, _withDefaultProps.mergeProps)(defaultProps, p);
+
+  var _usePropsValue = (0, _usePropsValue2.usePropsValue)(props),
+      value = _usePropsValue[0],
+      setValue = _usePropsValue[1];
 
   var starList = Array(props.count).fill(null);
 
@@ -39,9 +42,9 @@ var Rate = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (props
     var _classNames;
 
     return /*#__PURE__*/_react["default"].createElement("div", {
-      className: (0, _classnames["default"])(classPrefix + "-star", (_classNames = {}, _classNames[classPrefix + "-star-active"] = value >= v, _classNames[classPrefix + "-star-half"] = half, _classNames[classPrefix + "-star-readonly"] = props.readonly, _classNames)),
+      className: (0, _classnames["default"])(classPrefix + "-star", (_classNames = {}, _classNames[classPrefix + "-star-active"] = value >= v, _classNames[classPrefix + "-star-half"] = half, _classNames[classPrefix + "-star-readonly"] = props.readOnly, _classNames)),
       onClick: function onClick() {
-        if (props.readonly) return;
+        if (props.readOnly) return;
 
         if (props.allowClear && value === v) {
           setValue(0);
@@ -60,5 +63,6 @@ var Rate = (0, _withDefaultProps.withDefaultProps)(defaultProps)(function (props
       className: (0, _classnames["default"])(classPrefix + "-box")
     }, props.allowHalf && renderStar(i + 0.5, true), renderStar(i + 1, false));
   })));
-});
+};
+
 exports.Rate = Rate;

package/cjs/components/result/result.css

@@ -12,7 +12,7 @@
   margin: 0 auto 20px auto;
   padding: 6px;
 }
-.adm-result-icon .anticon {
+.adm-result-icon .antd-mobile-icon {
   font-size: 52px;
 }
 .adm-result-title {
@@ -28,18 +28,18 @@
   line-height: 1.4;
   text-align: center;
 }
-.adm-result-success .adm-result-icon .anticon {
+.adm-result-success .adm-result-icon .antd-mobile-icon {
   color: var(--adm-color-primary);
 }
-.adm-result-error .adm-result-icon .anticon {
+.adm-result-error .adm-result-icon .antd-mobile-icon {
   color: var(--adm-color-danger);
 }
-.adm-result-info .adm-result-icon .anticon {
+.adm-result-info .adm-result-icon .antd-mobile-icon {
   color: var(--adm-color-primary);
 }
-.adm-result-waiting .adm-result-icon .anticon {
+.adm-result-waiting .adm-result-icon .antd-mobile-icon {
   color: var(--adm-color-success);
 }
-.adm-result-warning .adm-result-icon .anticon {
+.adm-result-warning .adm-result-icon .antd-mobile-icon {
   color: var(--adm-color-warning);
 }

package/cjs/components/result/result.d.ts

@@ -1,10 +1,9 @@
-import React, { FC, ReactNode } from 'react';
-export interface ResultProps {
+import { FC, ReactNode } from 'react';
+import { NativeProps } from '../../utils/native-props';
+export declare type ResultProps = {
     status: 'success' | 'error' | 'info' | 'waiting' | 'warning';
     title: string;
     description?: string;
     icon?: ReactNode;
-    className?: string;
-    style?: React.CSSProperties;
-}
+} & NativeProps;
 export declare const Result: FC<ResultProps>;

package/cjs/components/result/result.js

@@ -9,42 +9,39 @@ var _react = _interopRequireDefault(require("react"));
 
 var _classnames = _interopRequireDefault(require("classnames"));
 
-var _icons = require("@ant-design/icons");
+var _antdMobileIcons = require("antd-mobile-icons");
+
+var _nativeProps = require("../../utils/native-props");
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
 var classPrefix = "adm-result";
-var ICONS = {
-  success: _icons.CheckCircleFilled,
-  error: _icons.CloseCircleFilled,
-  info: _icons.InfoCircleFilled,
-  waiting: _icons.ClockCircleFilled,
-  warning: _icons.ExclamationCircleFilled
+var iconRecord = {
+  success: _antdMobileIcons.CheckCircleFill,
+  error: _antdMobileIcons.CloseCircleFill,
+  info: _antdMobileIcons.InformationCircleFill,
+  waiting: _antdMobileIcons.ClockCircleFill,
+  warning: _antdMobileIcons.ExclamationCircleFill
 };
 
 var Result = function Result(props) {
-  var className = props.className,
-      style = props.style,
-      status = props.status,
+  var status = props.status,
       title = props.title,
       description = props.description,
       icon = props.icon;
+  if (!status) return null;
 
-  var resultIcon = icon || /*#__PURE__*/_react["default"].createElement(ICONS[status]);
+  var resultIcon = icon || /*#__PURE__*/_react["default"].createElement(iconRecord[status]);
 
-  return /*#__PURE__*/_react["default"].createElement("div", {
-    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + status, className),
-    style: style
+  return (0, _nativeProps.withNativeProps)(props, /*#__PURE__*/_react["default"].createElement("div", {
+    className: (0, _classnames["default"])(classPrefix, classPrefix + "-" + status)
   }, /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-icon"
   }, resultIcon), /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-title"
   }, title), description ? /*#__PURE__*/_react["default"].createElement("div", {
     className: classPrefix + "-description"
-  }, description) : null);
+  }, description) : null));
 };
 
-exports.Result = Result;
-Result.defaultProps = {
-  description: ''
-};
+exports.Result = Result;

package/cjs/components/safe-area/index.d.ts

@@ -0,0 +1,4 @@
+import './safe-area.less';
+import { SafeArea } from './safe-area';
+export type { SafeAreaProps } from './safe-area';
+export default SafeArea;

package/cjs/components/safe-area/index.js

@@ -0,0 +1,13 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports["default"] = void 0;
+
+require("./safe-area.css");
+
+var _safeArea2 = require("./safe-area");
+
+var _default = _safeArea2.SafeArea;
+exports["default"] = _default;