bootstrap-rn 0.3.0 → 0.3.2

package/lib/commonjs/components/type/Code.js

@@ -0,0 +1,50 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _utils = require("../../utils");
+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 propTypes = {
+  children: _propTypes.default.node.isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  code: (0, _css.default)`
+    font-family: $font-family-code;
+    font-size: $code-font-size;
+    color: $code-color;
+    @include platform(web) {
+      word-wrap: break-word;
+    }
+  `
+});
+const Code = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    style,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['code']);
+
+  // Accessiblity role code is only supported on web.
+  const role = _reactNative.Platform.OS === 'web' ? 'code' : null;
+  return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, elementProps, {
+    ref: ref,
+    role: role,
+    style: [classes, style]
+  }), children);
+});
+Code.displayName = 'Code';
+Code.propTypes = propTypes;
+var _default = exports.default = Code;
+//# sourceMappingURL=Code.js.map

package/lib/commonjs/components/type/Code.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_StyleSheet","_css","_Text","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","style","any","styles","StyleSheet","create","code","css","Code","React","forwardRef","props","ref","elementProps","classes","getStyles","role","Platform","OS","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/type/Code.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAExC,MAAMQ,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnC;EACAC,KAAK,EAAEH,kBAAS,CAACI;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/BC,IAAI,EAAE,IAAAC,YAAG,CAAC;AACZ;AACA;AACA;AACA;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMC,IAAI,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC5C,MAAM;IAAEf,QAAQ;IAAEI,KAAK;IAAE,GAAGY;EAAa,CAAC,GAAGF,KAAK;EAElD,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACZ,MAAM,EAAE,CAAC,MAAM,CAAC,CAAC;;EAE3C;EACA,MAAMa,IAAI,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,MAAM,GAAG,IAAI;EAElD,oBACEhD,MAAA,CAAAW,OAAA,CAAAsC,aAAA,CAAC1C,KAAA,CAAAI,OAAI,EAAAC,QAAA,KAAK+B,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACI,IAAI,EAAEA,IAAK;IAACf,KAAK,EAAE,CAACa,OAAO,EAAEb,KAAK;EAAE,IACnEJ,QACG,CAAC;AAEX,CAAC,CAAC;AAEFW,IAAI,CAACY,WAAW,GAAG,MAAM;AACzBZ,IAAI,CAACZ,SAAS,GAAGA,SAAS;AAAC,IAAAyB,QAAA,GAAAC,OAAA,CAAAzC,OAAA,GAEZ2B,IAAI"}

package/lib/commonjs/components/type/DisplayHeading.js

@@ -0,0 +1,47 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _Heading = _interopRequireDefault(require("../Heading"));
+var _proxies = require("../../theme/proxies");
+var _utils = require("../../utils");
+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 propTypes = {
+  children: _propTypes.default.node.isRequired,
+  size: _propTypes.default.oneOf(Object.keys(_proxies.DISPLAY_FONT_SIZES).map(k => Number(k))).isRequired,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  ...(0, _utils.each)(_proxies.DISPLAY_FONT_SIZES, (size, value) => ({
+    [`.display-${size}`]: (0, _css.default)`
+      font-size: ${value};
+      line-height: ${value} * $headings-line-height;
+    `
+  }))
+});
+const DisplayHeading = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    size,
+    style,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, [`.display-${size}`]);
+  return /*#__PURE__*/_react.default.createElement(_Heading.default, _extends({}, elementProps, {
+    ref: ref,
+    size: 1,
+    style: [classes, style]
+  }), children);
+});
+DisplayHeading.displayName = 'Heading';
+DisplayHeading.propTypes = propTypes;
+var _default = exports.default = DisplayHeading;
+//# sourceMappingURL=DisplayHeading.js.map

package/lib/commonjs/components/type/DisplayHeading.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_propTypes","_StyleSheet","_css","_Heading","_proxies","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","size","oneOf","keys","DISPLAY_FONT_SIZES","map","k","Number","style","any","styles","StyleSheet","create","each","value","css","DisplayHeading","React","forwardRef","props","ref","elementProps","classes","getStyles","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/type/DisplayHeading.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,UAAA,GAAAF,sBAAA,CAAAC,OAAA;AACA,IAAAE,WAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,IAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,QAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,QAAA,GAAAL,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAA8C,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAE9C,MAAMQ,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnCC,IAAI,EAAEH,kBAAS,CAACI,KAAK,CAACnB,MAAM,CAACoB,IAAI,CAACC,2BAAkB,CAAC,CAACC,GAAG,CAAEC,CAAC,IAAKC,MAAM,CAACD,CAAC,CAAC,CAAC,CAAC,CACzEN,UAAU;EACb;EACAQ,KAAK,EAAEV,kBAAS,CAACW;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/B,GAAG,IAAAC,WAAI,EAACT,2BAAkB,EAAE,CAACH,IAAI,EAAEa,KAAK,MAAM;IAC5C,CAAE,YAAWb,IAAK,EAAC,GAAG,IAAAc,YAAG,CAAC;AAC9B,mBAAmBD,KAAM;AACzB,qBAAqBA,KAAM;AAC3B;EACE,CAAC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAME,cAAc,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EACtD,MAAM;IAAEvB,QAAQ;IAAEI,IAAI;IAAEO,KAAK;IAAE,GAAGa;EAAa,CAAC,GAAGF,KAAK;EAExD,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACb,MAAM,EAAE,CAAE,YAAWT,IAAK,EAAC,CAAC,CAAC;EAEvD,oBACE/B,MAAA,CAAAW,OAAA,CAAA2C,aAAA,CAAChD,QAAA,CAAAK,OAAO,EAAAC,QAAA,KAAKuC,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACnB,IAAI,EAAE,CAAE;IAACO,KAAK,EAAE,CAACc,OAAO,EAAEd,KAAK;EAAE,IACnEX,QACM,CAAC;AAEd,CAAC,CAAC;AAEFmB,cAAc,CAACS,WAAW,GAAG,SAAS;AACtCT,cAAc,CAACpB,SAAS,GAAGA,SAAS;AAAC,IAAA8B,QAAA,GAAAC,OAAA,CAAA9C,OAAA,GAEtBmC,cAAc"}

package/lib/commonjs/components/type/Paragraph.js

@@ -0,0 +1,53 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _propTypes = _interopRequireDefault(require("prop-types"));
+var _StyleSheet = _interopRequireDefault(require("../../style/StyleSheet"));
+var _css = _interopRequireDefault(require("../../style/css"));
+var _Text = _interopRequireDefault(require("../Text"));
+var _utils = require("../../utils");
+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 propTypes = {
+  children: _propTypes.default.node.isRequired,
+  lead: _propTypes.default.bool,
+  // eslint-disable-next-line react/forbid-prop-types
+  style: _propTypes.default.any
+};
+const styles = _StyleSheet.default.create({
+  paragraph: (0, _css.default)`
+    margin-top: 0;
+    margin-bottom: $paragraph-margin-bottom;
+  `,
+  '.lead': (0, _css.default)`
+    font-size: $lead-font-size;
+    line-height: $lead-font-size * $line-height-base; // added for bootstrap-rn
+    font-weight: $lead-font-weight;
+  `
+});
+const Heading = /*#__PURE__*/_react.default.forwardRef((props, ref) => {
+  const {
+    children,
+    lead,
+    style,
+    ...elementProps
+  } = props;
+  const classes = (0, _utils.getStyles)(styles, ['paragraph', lead && '.lead']);
+
+  // Accessiblity role paragraph is only supported on web.
+  const role = _reactNative.Platform.OS === 'web' ? 'paragraph' : null;
+  return /*#__PURE__*/_react.default.createElement(_Text.default, _extends({}, elementProps, {
+    ref: ref,
+    role: role,
+    style: [classes, style]
+  }), children);
+});
+Heading.displayName = 'Heading';
+Heading.propTypes = propTypes;
+var _default = exports.default = Heading;
+//# sourceMappingURL=Paragraph.js.map

package/lib/commonjs/components/type/Paragraph.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_propTypes","_StyleSheet","_css","_Text","_utils","obj","__esModule","default","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","propTypes","children","PropTypes","node","isRequired","lead","bool","style","any","styles","StyleSheet","create","paragraph","css","Heading","React","forwardRef","props","ref","elementProps","classes","getStyles","role","Platform","OS","createElement","displayName","_default","exports"],"sourceRoot":"..\\..\\..\\..\\src","sources":["components/type/Paragraph.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,YAAA,GAAAD,OAAA;AACA,IAAAE,UAAA,GAAAH,sBAAA,CAAAC,OAAA;AACA,IAAAG,WAAA,GAAAJ,sBAAA,CAAAC,OAAA;AACA,IAAAI,IAAA,GAAAL,sBAAA,CAAAC,OAAA;AACA,IAAAK,KAAA,GAAAN,sBAAA,CAAAC,OAAA;AACA,IAAAM,MAAA,GAAAN,OAAA;AAAwC,SAAAD,uBAAAQ,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAAA,SAAAG,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAExC,MAAMQ,SAAS,GAAG;EAChBC,QAAQ,EAAEC,kBAAS,CAACC,IAAI,CAACC,UAAU;EACnCC,IAAI,EAAEH,kBAAS,CAACI,IAAI;EACpB;EACAC,KAAK,EAAEL,kBAAS,CAACM;AACnB,CAAC;AAED,MAAMC,MAAM,GAAGC,mBAAU,CAACC,MAAM,CAAC;EAC/BC,SAAS,EAAE,IAAAC,YAAG,CAAC;AACjB;AACA;AACA,GAAG;EACD,OAAO,EAAE,IAAAA,YAAG,CAAC;AACf;AACA;AACA;AACA;AACA,CAAC,CAAC;AAEF,MAAMC,OAAO,gBAAGC,cAAK,CAACC,UAAU,CAAC,CAACC,KAAK,EAAEC,GAAG,KAAK;EAC/C,MAAM;IAAEjB,QAAQ;IAAEI,IAAI;IAAEE,KAAK;IAAE,GAAGY;EAAa,CAAC,GAAGF,KAAK;EAExD,MAAMG,OAAO,GAAG,IAAAC,gBAAS,EAACZ,MAAM,EAAE,CAAC,WAAW,EAAEJ,IAAI,IAAI,OAAO,CAAC,CAAC;;EAEjE;EACA,MAAMiB,IAAI,GAAGC,qBAAQ,CAACC,EAAE,KAAK,KAAK,GAAG,WAAW,GAAG,IAAI;EAEvD,oBACElD,MAAA,CAAAW,OAAA,CAAAwC,aAAA,CAAC5C,KAAA,CAAAI,OAAI,EAAAC,QAAA,KAAKiC,YAAY;IAAED,GAAG,EAAEA,GAAI;IAACI,IAAI,EAAEA,IAAK;IAACf,KAAK,EAAE,CAACa,OAAO,EAAEb,KAAK;EAAE,IACnEN,QACG,CAAC;AAEX,CAAC,CAAC;AAEFa,OAAO,CAACY,WAAW,GAAG,SAAS;AAC/BZ,OAAO,CAACd,SAAS,GAAGA,SAAS;AAAC,IAAA2B,QAAA,GAAAC,OAAA,CAAA3C,OAAA,GAEf6B,OAAO"}

package/lib/commonjs/hooks/useAction.js

@@ -0,0 +1,36 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useAction;
+var _utils = require("../utils");
+const getActionHook = (toggle, dismiss) => {
+  if (toggle) {
+    return toggle.useToggle || toggle;
+  }
+  if (dismiss) {
+    return dismiss.useDismiss || dismiss;
+  }
+  return null;
+};
+function useAction(props, ref) {
+  const {
+    toggle,
+    dismiss,
+    ...restProps
+  } = props;
+  const useActionHook = getActionHook(toggle, dismiss);
+  if (!useActionHook) {
+    return [props, ref];
+  }
+  if (typeof useActionHook !== 'function') {
+    throw new Error('Action hook must be of type function.');
+  }
+  const {
+    ref: actionRef,
+    ...actionProps
+  } = useActionHook(restProps);
+  return [actionProps, (0, _utils.concatRefs)(actionRef, ref)];
+}
+//# sourceMappingURL=useAction.js.map

package/lib/commonjs/hooks/useAction.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_utils","require","getActionHook","toggle","dismiss","useToggle","useDismiss","useAction","props","ref","restProps","useActionHook","Error","actionRef","actionProps","concatRefs"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useAction.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEA,MAAMC,aAAa,GAAGA,CAACC,MAAM,EAAEC,OAAO,KAAK;EACzC,IAAID,MAAM,EAAE;IACV,OAAOA,MAAM,CAACE,SAAS,IAAIF,MAAM;EACnC;EAEA,IAAIC,OAAO,EAAE;IACX,OAAOA,OAAO,CAACE,UAAU,IAAIF,OAAO;EACtC;EAEA,OAAO,IAAI;AACb,CAAC;AAEc,SAASG,SAASA,CAACC,KAAK,EAAEC,GAAG,EAAE;EAC5C,MAAM;IAAEN,MAAM;IAAEC,OAAO;IAAE,GAAGM;EAAU,CAAC,GAAGF,KAAK;EAE/C,MAAMG,aAAa,GAAGT,aAAa,CAACC,MAAM,EAAEC,OAAO,CAAC;EAEpD,IAAI,CAACO,aAAa,EAAE;IAClB,OAAO,CAACH,KAAK,EAAEC,GAAG,CAAC;EACrB;EAEA,IAAI,OAAOE,aAAa,KAAK,UAAU,EAAE;IACvC,MAAM,IAAIC,KAAK,CAAC,uCAAuC,CAAC;EAC1D;EAEA,MAAM;IAAEH,GAAG,EAAEI,SAAS;IAAE,GAAGC;EAAY,CAAC,GAAGH,aAAa,CAACD,SAAS,CAAC;EAEnE,OAAO,CAACI,WAAW,EAAE,IAAAC,iBAAU,EAACF,SAAS,EAAEJ,GAAG,CAAC,CAAC;AAClD"}

package/lib/commonjs/hooks/useBackground.js

@@ -0,0 +1,99 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useBackground;
+var _reactNative = require("react-native");
+// The assumed background styles are typed as followed:
+//
+// type Position = 'center' | 'left' | 'right' | 'top' | 'bottom';
+// type PositionX = 'center' | 'left' | 'right';
+// type PositionY = 'center' | 'top' | 'bottom';
+//
+// type BackgroundStyles = {
+//   backgroundImage: string,
+//   backgroundSize: 'contain' | 'cover' | string | number,
+//   backgroundPosition: Position,
+//   backgroundPositionX:
+//     | PositionX
+//     | { position: PositionX, offset: string | number },
+//   backgroundPositionY:
+//     | PositionY
+//     | { position: PositionY, offset: string | number },
+// };
+const styles = _reactNative.StyleSheet.create({
+  reset: {
+    // Background repeat is not supported on native yet.
+    backgroundRepeat: 'no-repeat'
+  }
+});
+const normalizeValue = value => typeof value === 'number' && value !== 0 ? `${value}px` : value;
+const resolveBackgroundSize = style => {
+  const {
+    backgroundSize
+  } = style;
+  if (typeof backgroundSize !== 'object') {
+    return backgroundSize;
+  }
+  const {
+    width = 'auto',
+    height = 'auto'
+  } = backgroundSize;
+  return `${normalizeValue(width)} ${normalizeValue(height)}`;
+};
+const resolveBackgroundPosition = style => {
+  const {
+    backgroundPosition,
+    backgroundPositionX,
+    backgroundPositionY
+  } = style;
+  if (!backgroundPosition && !backgroundPositionX && !backgroundPositionY) {
+    return null;
+  }
+  const value = {
+    positionX: backgroundPosition || 'left',
+    offsetX: 0,
+    positionY: backgroundPosition || 'top',
+    offsetY: 0
+  };
+  if (backgroundPositionX) {
+    const {
+      position: positionX = 'left',
+      offset: offsetX = 0
+    } = typeof backgroundPositionX === 'object' ? backgroundPositionX : {
+      position: backgroundPositionX
+    };
+    value.positionX = positionX;
+    value.offsetX = normalizeValue(offsetX);
+  }
+  if (backgroundPositionY) {
+    const {
+      position: positionY = 'top',
+      offset: offsetY = 0
+    } = typeof backgroundPositionY === 'object' ? backgroundPositionY : {
+      position: backgroundPositionY
+    };
+    value.positionY = positionY;
+    value.offsetY = normalizeValue(offsetY);
+  }
+  const valueX = value.offsetX ? `${value.positionX} ${value.offsetX}` : value.positionX;
+  const valueY = value.offsetY ? `${value.positionY} ${value.offsetY}` : value.positionY;
+  return `${valueX} ${valueY}`;
+};
+function useBackground(style) {
+  const flattenedStyle = _reactNative.StyleSheet.flatten(style);
+  return {
+    style: [flattenedStyle, styles.reset, {
+      // Transform background size
+      backgroundSize: resolveBackgroundSize(flattenedStyle),
+      // Workaround, because some browsers do not support two-value syntax:
+      // https://developer.mozilla.org/en-US/docs/Web/CSS/background-position-x#browser_compatibility
+      backgroundPositionX: null,
+      backgroundPositionY: null,
+      backgroundPosition: resolveBackgroundPosition(flattenedStyle)
+    }],
+    element: null
+  };
+}
+//# sourceMappingURL=useBackground.js.map

package/lib/commonjs/hooks/useBackground.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","styles","StyleSheet","create","reset","backgroundRepeat","normalizeValue","value","resolveBackgroundSize","style","backgroundSize","width","height","resolveBackgroundPosition","backgroundPosition","backgroundPositionX","backgroundPositionY","positionX","offsetX","positionY","offsetY","position","offset","valueX","valueY","useBackground","flattenedStyle","flatten","element"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useBackground.js"],"mappings":";;;;;;AAAA,IAAAA,YAAA,GAAAC,OAAA;AAEA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AAEA,MAAMC,MAAM,GAAGC,uBAAU,CAACC,MAAM,CAAC;EAC/BC,KAAK,EAAE;IACL;IACAC,gBAAgB,EAAE;EACpB;AACF,CAAC,CAAC;AAEF,MAAMC,cAAc,GAAIC,KAAK,IAC3B,OAAOA,KAAK,KAAK,QAAQ,IAAIA,KAAK,KAAK,CAAC,GAAI,GAAEA,KAAM,IAAG,GAAGA,KAAK;AAEjE,MAAMC,qBAAqB,GAAIC,KAAK,IAAK;EACvC,MAAM;IAAEC;EAAe,CAAC,GAAGD,KAAK;EAEhC,IAAI,OAAOC,cAAc,KAAK,QAAQ,EAAE;IACtC,OAAOA,cAAc;EACvB;EAEA,MAAM;IAAEC,KAAK,GAAG,MAAM;IAAEC,MAAM,GAAG;EAAO,CAAC,GAAGF,cAAc;EAE1D,OAAQ,GAAEJ,cAAc,CAACK,KAAK,CAAE,IAAGL,cAAc,CAACM,MAAM,CAAE,EAAC;AAC7D,CAAC;AAED,MAAMC,yBAAyB,GAAIJ,KAAK,IAAK;EAC3C,MAAM;IACJK,kBAAkB;IAClBC,mBAAmB;IACnBC;EACF,CAAC,GAAGP,KAAK;EAET,IAAI,CAACK,kBAAkB,IAAI,CAACC,mBAAmB,IAAI,CAACC,mBAAmB,EAAE;IACvE,OAAO,IAAI;EACb;EAEA,MAAMT,KAAK,GAAG;IACZU,SAAS,EAAEH,kBAAkB,IAAI,MAAM;IACvCI,OAAO,EAAE,CAAC;IACVC,SAAS,EAAEL,kBAAkB,IAAI,KAAK;IACtCM,OAAO,EAAE;EACX,CAAC;EAED,IAAIL,mBAAmB,EAAE;IACvB,MAAM;MAAEM,QAAQ,EAAEJ,SAAS,GAAG,MAAM;MAAEK,MAAM,EAAEJ,OAAO,GAAG;IAAE,CAAC,GACzD,OAAOH,mBAAmB,KAAK,QAAQ,GACnCA,mBAAmB,GACnB;MAAEM,QAAQ,EAAEN;IAAoB,CAAC;IAEvCR,KAAK,CAACU,SAAS,GAAGA,SAAS;IAC3BV,KAAK,CAACW,OAAO,GAAGZ,cAAc,CAACY,OAAO,CAAC;EACzC;EAEA,IAAIF,mBAAmB,EAAE;IACvB,MAAM;MAAEK,QAAQ,EAAEF,SAAS,GAAG,KAAK;MAAEG,MAAM,EAAEF,OAAO,GAAG;IAAE,CAAC,GACxD,OAAOJ,mBAAmB,KAAK,QAAQ,GACnCA,mBAAmB,GACnB;MAAEK,QAAQ,EAAEL;IAAoB,CAAC;IAEvCT,KAAK,CAACY,SAAS,GAAGA,SAAS;IAC3BZ,KAAK,CAACa,OAAO,GAAGd,cAAc,CAACc,OAAO,CAAC;EACzC;EAEA,MAAMG,MAAM,GAAGhB,KAAK,CAACW,OAAO,GACvB,GAAEX,KAAK,CAACU,SAAU,IAAGV,KAAK,CAACW,OAAQ,EAAC,GACrCX,KAAK,CAACU,SAAS;EACnB,MAAMO,MAAM,GAAGjB,KAAK,CAACa,OAAO,GACvB,GAAEb,KAAK,CAACY,SAAU,IAAGZ,KAAK,CAACa,OAAQ,EAAC,GACrCb,KAAK,CAACY,SAAS;EAEnB,OAAQ,GAAEI,MAAO,IAAGC,MAAO,EAAC;AAC9B,CAAC;AAEc,SAASC,aAAaA,CAAChB,KAAK,EAAE;EAC3C,MAAMiB,cAAc,GAAGxB,uBAAU,CAACyB,OAAO,CAAClB,KAAK,CAAC;EAEhD,OAAO;IACLA,KAAK,EAAE,CACLiB,cAAc,EACdzB,MAAM,CAACG,KAAK,EACZ;MACE;MACAM,cAAc,EAAEF,qBAAqB,CAACkB,cAAc,CAAC;MACrD;MACA;MACAX,mBAAmB,EAAE,IAAI;MACzBC,mBAAmB,EAAE,IAAI;MACzBF,kBAAkB,EAAED,yBAAyB,CAACa,cAAc;IAC9D,CAAC,CACF;IACDE,OAAO,EAAE;EACX,CAAC;AACH"}

package/lib/commonjs/hooks/useBackground.native.js

@@ -0,0 +1,193 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useBackground;
+var _react = _interopRequireDefault(require("react"));
+var _reactNative = require("react-native");
+var _reactNativeSvg = require("react-native-svg");
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+// The assumed background styles are typed as followed:
+//
+// type Position = 'center' | 'left' | 'right' | 'top' | 'bottom';
+// type PositionX = 'center' | 'left' | 'right';
+// type PositionY = 'center' | 'top' | 'bottom';
+//
+// type BackgroundStyles = {
+//   backgroundImage: string,
+//   backgroundSize: 'contain' | 'cover' | string | number,
+//   backgroundPosition: Position,
+//   backgroundPositionX:
+//     | PositionX
+//     | { position: PositionX, offset: string | number },
+//   backgroundPositionY:
+//     | PositionY
+//     | { position: PositionY, offset: string | number },
+// };
+const styles = _reactNative.StyleSheet.create({
+  container: {
+    overflow: 'hidden'
+  },
+  object: {
+    aspectRatio: 1
+  }
+});
+const horizontalPositions = {
+  left: function () {
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return {
+      alignItems: _reactNative.I18nManager.isRTL ? 'flex-end' : 'flex-start',
+      paddingLeft: offset
+    };
+  },
+  right: function () {
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return {
+      alignItems: _reactNative.I18nManager.isRTL ? 'flex-start' : 'flex-end',
+      paddingRight: offset
+    };
+  },
+  center: offset => {
+    if (offset !== undefined) {
+      return null;
+    }
+    return {
+      alignItems: 'center'
+    };
+  }
+};
+const verticalPositions = {
+  top: function () {
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return {
+      justifyContent: 'flex-start',
+      paddingTop: offset
+    };
+  },
+  bottom: function () {
+    let offset = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 0;
+    return {
+      justifyContent: 'flex-end',
+      paddingBottom: offset
+    };
+  },
+  center: offset => {
+    if (offset !== undefined) {
+      return null;
+    }
+    return {
+      justifyContent: 'center'
+    };
+  }
+};
+const getXml = value => {
+  const match = value.match(/^url\("data:image\/svg\+xml,(.*?)"\)$/);
+  if (!match) {
+    return null;
+  }
+  return decodeURIComponent(match[1]);
+};
+const transforms = {
+  backgroundSize(value) {
+    if (value === 'cover') {
+      return {
+        width: '100%'
+        // TODO: Support cover for views with height > width.
+        // height: '100%',
+      };
+    }
+
+    if (value === 'contain') {
+      return {
+        width: '100%',
+        height: '100%'
+      };
+    }
+    const {
+      width,
+      height = width
+    } = value;
+    return {
+      width,
+      height
+    };
+  },
+  backgroundPosition(value) {
+    if (value === 'center') {
+      return {
+        alignItems: 'center',
+        justifyContent: 'center'
+      };
+    }
+    if (horizontalPositions[value]) {
+      return {
+        ...horizontalPositions[value](),
+        justifyContent: 'center'
+      };
+    }
+    if (verticalPositions[value]) {
+      return {
+        alignItems: 'center',
+        ...verticalPositions[value]()
+      };
+    }
+    return null;
+  },
+  backgroundPositionX(value) {
+    const {
+      position = 'left',
+      offset
+    } = typeof value === 'object' ? value : {
+      position: value
+    };
+    if (!horizontalPositions[position]) {
+      return null;
+    }
+    return horizontalPositions[position](offset);
+  },
+  backgroundPositionY(value) {
+    const {
+      position = 'top',
+      offset
+    } = typeof value === 'object' ? value : {
+      position: value
+    };
+    if (!verticalPositions[position]) {
+      return null;
+    }
+    return verticalPositions[position](offset);
+  }
+};
+function useBackground(style) {
+  const flattenedStyle = _reactNative.StyleSheet.flatten(style);
+  const background = {
+    containerStyle: {},
+    objectStyle: {},
+    xml: null
+  };
+  Object.entries(flattenedStyle).forEach(_ref => {
+    let [key, value] = _ref;
+    if (!value) {
+      return;
+    }
+    if (key === 'backgroundImage') {
+      background.xml = getXml(value);
+    } else if (key === 'backgroundSize') {
+      Object.assign(background.objectStyle, transforms[key](value));
+    } else if (key === 'backgroundPosition' || key === 'backgroundPositionX' || key === 'backgroundPositionY') {
+      Object.assign(background.containerStyle, transforms[key](value));
+    }
+  });
+  return {
+    style: flattenedStyle,
+    element: /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [_reactNative.StyleSheet.absoluteFill, styles.container, background.containerStyle]
+    }, /*#__PURE__*/_react.default.createElement(_reactNative.View, {
+      style: [styles.object, background.objectStyle]
+    }, background.xml && /*#__PURE__*/_react.default.createElement(_reactNativeSvg.SvgXml, {
+      xml: background.xml
+    })))
+  };
+}
+//# sourceMappingURL=useBackground.native.js.map

package/lib/commonjs/hooks/useBackground.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","_reactNative","_reactNativeSvg","obj","__esModule","default","styles","StyleSheet","create","container","overflow","object","aspectRatio","horizontalPositions","left","offset","arguments","length","undefined","alignItems","I18nManager","isRTL","paddingLeft","right","paddingRight","center","verticalPositions","top","justifyContent","paddingTop","bottom","paddingBottom","getXml","value","match","decodeURIComponent","transforms","backgroundSize","width","height","backgroundPosition","backgroundPositionX","position","backgroundPositionY","useBackground","style","flattenedStyle","flatten","background","containerStyle","objectStyle","xml","Object","entries","forEach","_ref","key","assign","element","createElement","View","absoluteFill","SvgXml"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useBackground.native.js"],"mappings":"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"}

package/lib/commonjs/hooks/useControlledState.js

@@ -0,0 +1,25 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useControlledState;
+var _react = require("react");
+function useControlledState(defaultValue, controlledValue) {
+  let handleChange = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : () => {};
+  const [stateValue, setStateValue] = (0, _react.useState)(defaultValue);
+  const isControlled = controlledValue !== undefined && controlledValue !== null;
+  const value = isControlled ? controlledValue : stateValue;
+  const setValue = next => {
+    const nextValue = typeof next === 'function' ? next(value) : next;
+    if (value === nextValue) {
+      return;
+    }
+    if (!isControlled) {
+      setStateValue(next);
+    }
+    handleChange(nextValue);
+  };
+  return [value, setValue];
+}
+//# sourceMappingURL=useControlledState.js.map

package/lib/commonjs/hooks/useControlledState.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","useControlledState","defaultValue","controlledValue","handleChange","arguments","length","undefined","stateValue","setStateValue","useState","isControlled","value","setValue","next","nextValue"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useControlledState.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAEe,SAASC,kBAAkBA,CACxCC,YAAY,EACZC,eAAe,EAEf;EAAA,IADAC,YAAY,GAAAC,SAAA,CAAAC,MAAA,QAAAD,SAAA,QAAAE,SAAA,GAAAF,SAAA,MAAG,MAAM,CAAC,CAAC;EAEvB,MAAM,CAACG,UAAU,EAAEC,aAAa,CAAC,GAAG,IAAAC,eAAQ,EAACR,YAAY,CAAC;EAE1D,MAAMS,YAAY,GAChBR,eAAe,KAAKI,SAAS,IAAIJ,eAAe,KAAK,IAAI;EAE3D,MAAMS,KAAK,GAAGD,YAAY,GAAGR,eAAe,GAAGK,UAAU;EAEzD,MAAMK,QAAQ,GAAIC,IAAI,IAAK;IACzB,MAAMC,SAAS,GAAG,OAAOD,IAAI,KAAK,UAAU,GAAGA,IAAI,CAACF,KAAK,CAAC,GAAGE,IAAI;IAEjE,IAAIF,KAAK,KAAKG,SAAS,EAAE;MACvB;IACF;IAEA,IAAI,CAACJ,YAAY,EAAE;MACjBF,aAAa,CAACK,IAAI,CAAC;IACrB;IAEAV,YAAY,CAACW,SAAS,CAAC;EACzB,CAAC;EAED,OAAO,CAACH,KAAK,EAAEC,QAAQ,CAAC;AAC1B"}

package/lib/commonjs/hooks/useFixedElement.js

@@ -0,0 +1,21 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useFixedElement;
+var _react = require("react");
+var _Context = _interopRequireDefault(require("../Context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useFixedElement() {
+  const context = (0, _react.useContext)(_Context.default);
+  const ref = (0, _react.useRef)();
+  (0, _react.useEffect)(() => {
+    const link = context.addFixedElement(ref);
+    return () => {
+      link.remove();
+    };
+  }, []);
+  return ref;
+}
+//# sourceMappingURL=useFixedElement.js.map

package/lib/commonjs/hooks/useFixedElement.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Context","_interopRequireDefault","obj","__esModule","default","useFixedElement","context","useContext","Context","ref","useRef","useEffect","link","addFixedElement","remove"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useFixedElement.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAiC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElB,SAASG,eAAeA,CAAA,EAAG;EACxC,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EACnC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,CAAC;EAEpB,IAAAC,gBAAS,EAAC,MAAM;IACd,MAAMC,IAAI,GAAGN,OAAO,CAACO,eAAe,CAACJ,GAAG,CAAC;IAEzC,OAAO,MAAM;MACXG,IAAI,CAACE,MAAM,CAAC,CAAC;IACf,CAAC;EACH,CAAC,EAAE,EAAE,CAAC;EAEN,OAAOL,GAAG;AACZ"}

package/lib/commonjs/hooks/useForcedContext.js

@@ -0,0 +1,15 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useForcedContext;
+var _react = require("react");
+var _tinyInvariant = _interopRequireDefault(require("tiny-invariant"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useForcedContext(Context) {
+  const context = (0, _react.useContext)(Context);
+  (0, _tinyInvariant.default)(context, `Failed to get context "${Context.displayName}".`);
+  return context;
+}
+//# sourceMappingURL=useForcedContext.js.map

package/lib/commonjs/hooks/useForcedContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_tinyInvariant","_interopRequireDefault","obj","__esModule","default","useForcedContext","Context","context","useContext","invariant","displayName"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useForcedContext.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,cAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAuC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAExB,SAASG,gBAAgBA,CAACC,OAAO,EAAE;EAChD,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACF,OAAO,CAAC;EAEnC,IAAAG,sBAAS,EAACF,OAAO,EAAG,0BAAyBD,OAAO,CAACI,WAAY,IAAG,CAAC;EAErE,OAAOH,OAAO;AAChB"}

package/lib/commonjs/hooks/useIdentifier.js

@@ -0,0 +1,18 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = useIdentifier;
+var _react = require("react");
+var _Context = _interopRequireDefault(require("../Context"));
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function useIdentifier(prefix) {
+  const context = (0, _react.useContext)(_Context.default);
+  const ref = (0, _react.useRef)();
+  if (!ref.current) {
+    ref.current = context.generateKey(prefix);
+  }
+  return ref.current;
+}
+//# sourceMappingURL=useIdentifier.js.map

package/lib/commonjs/hooks/useIdentifier.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_Context","_interopRequireDefault","obj","__esModule","default","useIdentifier","prefix","context","useContext","Context","ref","useRef","current","generateKey"],"sourceRoot":"..\\..\\..\\src","sources":["hooks/useIdentifier.js"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,QAAA,GAAAC,sBAAA,CAAAF,OAAA;AAAiC,SAAAE,uBAAAC,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,KAAAE,OAAA,EAAAF,GAAA;AAElB,SAASG,aAAaA,CAACC,MAAM,EAAE;EAC5C,MAAMC,OAAO,GAAG,IAAAC,iBAAU,EAACC,gBAAO,CAAC;EAEnC,MAAMC,GAAG,GAAG,IAAAC,aAAM,EAAC,CAAC;EAEpB,IAAI,CAACD,GAAG,CAACE,OAAO,EAAE;IAChBF,GAAG,CAACE,OAAO,GAAGL,OAAO,CAACM,WAAW,CAACP,MAAM,CAAC;EAC3C;EAEA,OAAOI,GAAG,CAACE,OAAO;AACpB"}