@prototyp/skeletor 1.0.19 → 1.1.0

package/README.md

@@ -29,12 +29,20 @@ Configure the SkeletorProvider properties with whatever you desire. Here is the
 interface SkeletorConfig {
   defaultFont: Font | undefined;
   defaultFontSize: [number, number] | number;
-  defaultStatusBarType: "dark-content" | "light-content" | "default";
-  defaultTextColor: string;
-  /** Defaults to false */
+  defaultStatusBarType: StatusBarStyle;
+  /** Defaults to transparent if not set.
+   * Can be overriden via the Screen component per-screen. */
+  defaultStatusBarBackground?: ColorValue;
+  /** When set to true, the application will draw under the status bar.
+   * Defaults to false if not set.
+   * Can be overriden via the Screen component per-screen. */
+  defaultStatusBarTranslucent?: boolean;
+  defaultTextColor: ColorValue;
+  /** When set to true, font size will scale based on the user's device settings.
+   * Defaults to false */
   allowFontScaling: boolean;
-  /** Defaults to 1 */
-  maxFontSizeMultiplier: number;
+  /** Clamp the maximum font size multiplier that can be applied to the original scale. */
+  defaultMaxFontSizeMultiplier?: number;
 }
 ```
 
@@ -62,63 +70,46 @@ return <SomeComponent style={{ fontFamily: skeletor.defaultFont }} />;
 
 ```javascript
 type Spacing = {
-	/** All margin properties from ViewStyle */
-	margins?: {...}
-	/** All padding properties from ViewStyle */
-	paddings?: {...}
-	gap?: { row?: number; col?: number } | [number, number] | number;
-}
+  /** Supports CSS-like shorthands as well as ViewStyle object - 20, [0, 20], [20, 0, 30], [20, 0, 10, 40], { marginLeft: 20 } */
+  margins?: MarginStyles,
+  /** Supports CSS-like shorthands as well as ViewStyle object - 20, [0, 20], [20, 0, 30], [20, 0, 10, 40], { paddingLeft: 20 } */
+  paddings?: PaddingStyles,
+  gap?: { row?: number, col?: number } | [number, number] | number,
+};
 
 type Alignment = {
-	align?: ViewStyle["alignItems"];
-  alignSelf?: ViewStyle["alignSelf"];
-  justify?: ViewStyle["justifyContent"];
-  flexDirection?: ViewStyle["flexDirection"];
-}
+  align?: ViewStyle["alignItems"],
+  alignSelf?: ViewStyle["alignSelf"],
+  justify?: ViewStyle["justifyContent"],
+  flexDirection?: ViewStyle["flexDirection"],
+};
 
 type Border = {
-	/** All border properties from ViewStyle */
-	border: {...}
-}
+  /** All border properties from ViewStyle */
+  border: { ... },
+};
 
 type Flex = {
-	/** Either just a number or all flex properties from ViewStyle + gap, columnGap & rowGap for backwards compatibility */
-	flex?: number | {...}
-}
-
-type Offsets =
-  | [ViewStyle["top"]]
-  | [ViewStyle["top"], ViewStyle["left"]]
-  | [ViewStyle["top"], ViewStyle["left"], ViewStyle["bottom"]]
-  | [
-      ViewStyle["top"],
-      ViewStyle["left"],
-      ViewStyle["bottom"],
-      ViewStyle["right"],
-    ]
-  | {
-      top?: ViewStyle["top"];
-      bottom?: ViewStyle["bottom"];
-      left?: ViewStyle["left"];
-      right?: ViewStyle["right"];
-    };
+  /** Either just a number or all flex properties from ViewStyle + gap, columnGap & rowGap for backwards compatibility */
+  flex?: number | { ... },
+};
 
 type Position = {
-  absolute?: boolean;
-  zIndex?: number;
-  offsets?: Offsets;
-  overflow?: ViewStyle["overflow"];
-}
+  absolute?: boolean,
+  zIndex?: number,
+  /** Supports CSS-like shorthands as well as a ViewStyle object - [20], [0, 20], [10, 0, 20], [10, 0, 20, 40], { top: 20, bottom: 20, left: 20, right: 20} */
+  offsets?: Offsets,
+  overflow?: ViewStyle["overflow"],
+};
 
 type Size = {
-	width?: DimensionValue;
-  height?: DimensionValue;
-  minHeight?: DimensionValue;
-  minWidth?: DimensionValue;
-  maxHeight?: DimensionValue;
-  maxWidth?: DimensionValue;
-}
-
+  width?: DimensionValue,
+  height?: DimensionValue,
+  minHeight?: DimensionValue,
+  minWidth?: DimensionValue,
+  maxHeight?: DimensionValue,
+  maxWidth?: DimensionValue,
+};
 ```
 
 ## Components
@@ -132,16 +123,16 @@ Use this as the top-level wrapper for every screen you navigate to. Is not inten
 #### Props
 
 ```javascript
-/** Pass a specific background view (gradients, animated backgrounds etc) OR just a background color value. Custom components should be 100% height and width to span the full screen area. */
-background?: JSX.Element | string;
-hideTopSafeArea?: boolean;
-hideBottomSafeArea?: boolean;
-/** Set bottom safe area background color */
-bottomSafeAreaColor?: string;
-/** Set top safe area background color */
-topSafeAreaColor?: string;
-/** Set device status bar color type. */
-statusBarType?: "default" | "light-content" | "dark-content";
+/** Pass a specific background view OR just a background color value. Custom components should be 100% height and width. */
+  background?: React.ReactNode | ColorValue;
+  hideTopSafeArea?: boolean;
+  hideBottomSafeArea?: boolean;
+  bottomSafeAreaColor?: ColorValue;
+  topSafeAreaColor?: ColorValue;
+  statusBarType?: StatusBarStyle;
+  statusBarBackground?: ColorValue;
+  /** When set to true, the application will draw under the status bar. */
+  statusBarTranslucent?: StatusBarProps["translucent"];
 ```
 
 #### Usage
@@ -285,6 +276,24 @@ height?: "full" | "auto";
 
 New utilities have been created to reduce boilerplate when using animations Animated from react-native. The previous hook-based approach is still available.
 
+### Breaking change >1.1.0
+
+Looped animations are no longer configured when creating the animation due to a performance issue associated with using Animated.loop, especially when the app is backgrounded or the phone is locked.
+
+Starting with 1.1.0, use the `loopAnimation` function to create a looped animation. The function blueprint is the same as the regular animation, except this one does not support an `onFinished` handler on the `start` call for obvious reasons.
+
+Usage
+
+```javascript
+const element1 = loopAnimation(
+  animateParallel({
+    opacity: [0, 1],
+    translateX: [20, 0],
+    translateY: [20, 0],
+  })
+);
+```
+
 ### Overview
 
 The concept behind this approach is to:
@@ -406,7 +415,7 @@ useEffect(() => {
 
 Read documentation about useForm here: https://github.com/prototypdigital/skeleform
 
-### LEGACY: useAnimation & useAnimationTimeline
+### DEPRECATED (<1.0.10): useAnimation & useAnimationTimeline
 
 This approach is not going to be maintained anymore starting from version 1.0.10. New utilities have been created that are more performant and more flexible, but the following hooks will still be available for the foreseeable future. For more information on the new approach, see <b>Animations</b> above.
 

package/lib/commonjs/@types/Font.d.js

@@ -0,0 +1,2 @@
+"use strict";
+//# sourceMappingURL=Font.d.js.map

package/lib/commonjs/@types/Font.d.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sourceRoot":"../../../src","sources":["@types/Font.d.ts"],"mappings":"","ignoreList":[]}

package/lib/commonjs/components/Block/Block.js

@@ -0,0 +1,117 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Block = void 0;
+var _react = _interopRequireWildcard(require("react"));
+var _reactNative = require("react-native");
+var _index = require("../../utils/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+const BlockElement = ({
+  children,
+  ...props
+}) => {
+  const {
+    border,
+    paddings,
+    margins,
+    background,
+    style,
+    overflow,
+    animations,
+    opacity,
+    flex,
+    gap,
+    ...view
+  } = props;
+  const sizeProps = (0, _index.extractSizeProperties)(props);
+  const positionProps = (0, _index.extractPositionProperties)(props);
+  const alignmentProps = (0, _index.extractAlignmentProperties)(props);
+  const flexProps = (0, _react.useMemo)(() => (0, _index.extractFlexProperties)({
+    flex
+  }), [flex]);
+  const gapProps = (0, _react.useMemo)(() => (0, _index.extractGapProperties)({
+    gap
+  }), [gap]);
+  const animationProps = (0, _react.useMemo)(() => (0, _index.extractAnimationProperties)(animations), [animations]);
+  const normalizedMargins = (0, _react.useMemo)(() => (0, _index.normalizeMarginValues)(margins), [margins]);
+  const normalizedPaddings = (0, _react.useMemo)(() => (0, _index.normalizePaddingValues)(paddings), [paddings]);
+  const styles = _reactNative.StyleSheet.flatten([{
+    backgroundColor: typeof background === "string" ? background : undefined,
+    overflow,
+    opacity
+  }, alignmentProps, normalizedMargins, normalizedPaddings, border, flexProps, sizeProps, positionProps, gapProps, style]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Animated.View, {
+    ...view,
+    style: [styles, animationProps],
+    children: children
+  });
+};
+function isScrollable(props) {
+  return !!props.scrollable;
+}
+
+/** Can be switched to a scrollable view by passing in `scrollable`. When scrollable, control ScrollView related parameters through `scrollProps`. Default values for `scrollProps` are:
+ * @param keyboardShouldPersistTaps `handled`
+ * @param showsVerticalScrollIndicator `false`
+ * @param showsHorizontalScrollIndicator `false`
+ * @param bounces `false`
+ * @param contentContainerStyle `{ flexGrow: 1, backgroundColor: rest.background }` */
+const Block = ({
+  children,
+  ...props
+}) => {
+  if (!isScrollable(props)) {
+    return /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockElement, {
+      ...props,
+      children: [props.background && typeof props.background !== "string" && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockElement, {
+        absolute: true,
+        zIndex: -1,
+        offsets: {
+          top: 0,
+          bottom: 0,
+          left: 0,
+          right: 0
+        },
+        children: props.background
+      }), children]
+    });
+  }
+  const {
+    scrollProps,
+    ...rest
+  } = props;
+  const {
+    horizontal,
+    keyboardShouldPersistTaps = "handled",
+    showsVerticalScrollIndicator = false,
+    showsHorizontalScrollIndicator = false,
+    bounces = false,
+    contentContainerStyle
+  } = scrollProps || {};
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    horizontal: horizontal,
+    keyboardShouldPersistTaps: keyboardShouldPersistTaps,
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    bounces: bounces,
+    contentContainerStyle: [{
+      flexGrow: 1,
+      backgroundColor: typeof rest.background === "string" ? rest.background : undefined
+    }, contentContainerStyle],
+    ...scrollProps,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(BlockElement, {
+      ...rest,
+      children: [rest.background && typeof rest.background !== "string" && /*#__PURE__*/(0, _jsxRuntime.jsx)(BlockElement, {
+        absolute: true,
+        zIndex: -1,
+        offsets: [0, 0, 0, 0],
+        children: rest.background
+      }), children]
+    })
+  });
+};
+exports.Block = Block;
+//# sourceMappingURL=Block.js.map

package/lib/commonjs/components/Block/Block.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireWildcard","require","_reactNative","_index","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","sizeProps","extractSizeProperties","positionProps","extractPositionProperties","alignmentProps","extractAlignmentProperties","flexProps","useMemo","extractFlexProperties","gapProps","extractGapProperties","animationProps","extractAnimationProperties","normalizedMargins","normalizeMarginValues","normalizedPaddings","normalizePaddingValues","styles","StyleSheet","flatten","backgroundColor","undefined","jsx","Animated","View","isScrollable","scrollable","Block","jsxs","absolute","zIndex","offsets","top","bottom","left","right","scrollProps","rest","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","ScrollView","flexGrow","exports"],"sourceRoot":"../../../../src","sources":["components/Block/Block.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/Block/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Block = require("./Block.js");
+Object.keys(_Block).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Block[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Block[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Block/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Block","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/Block/index.ts"],"mappings":";;;;;AAAA,IAAAA,MAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,MAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,MAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,MAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js

@@ -0,0 +1,111 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.InputFocusScrollView = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _index = require("../../utils/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * This scroll view will automatically scroll to an active input field rendered within it, provided you attach the `onInputFocus` callback to the input onFocus prop.
+ *
+ * The return value is a lambda component, returning a callback which you attach to input fields rendered within it.
+ * @example <InputFocusScrollView>{(onInputFocus) => <TextInput onFocus={onInputFocus} ... />}</InputFocusScrollView>
+ * NOTE: This works on iOS only, Android does this by default with @param android:windowSoftInputMode
+ *
+ * Default props are:
+ * @param height `full`
+ * @param focusPositionOffset `0.3`
+ * @param showsVerticalScrollIndicator `false`
+ * @param showsHorizontalScrollIndicator `false`
+ * @param bounces `false`
+ * @param contentContainerStyle `{flexGrow: 1, paddingBottom: 30}`
+ */
+const InputFocusScrollView = ({
+  children,
+  style,
+  contentContainerStyle,
+  height = "full",
+  focusPositionOffset = 0.3,
+  margins,
+  paddings,
+  gap,
+  showsVerticalScrollIndicator = false,
+  showsHorizontalScrollIndicator = false,
+  bounces = false,
+  ...rest
+}) => {
+  const ref = (0, _react.useRef)(null);
+  const scrollTarget = (0, _react.useRef)();
+  const elementOffset = (0, _react.useRef)(0);
+  const contentHeight = (0, _react.useRef)(0);
+  /** Cached scroll position to keep focus on input if layout shifts. */
+  const scrollPosition = (0, _react.useRef)(0);
+  const focusOffset = (0, _react.useRef)(0);
+  function onInputFocus(e) {
+    if (_reactNative.Platform.OS !== "ios" || !scrollTarget.current) {
+      return;
+    }
+    e.currentTarget.measureLayout(scrollTarget.current, (_nope, top, _nuuh, elementHeight) => {
+      focusOffset.current = focusPositionOffset !== undefined ? _reactNative.Dimensions.get("screen").height * focusPositionOffset : 0;
+      // bottom of element
+      elementOffset.current = top + elementHeight;
+      const scrollY = elementOffset.current - focusOffset.current;
+      scrollPosition.current = scrollY;
+      ref.current?.scrollTo({
+        y: scrollY
+      });
+    }, () => console.error("failed to measure layout"));
+  }
+  (0, _react.useEffect)(() => {
+    const listener = _reactNative.Keyboard.addListener("keyboardWillHide", () => {
+      const keyboardHeight = _reactNative.Keyboard.metrics()?.height || 0;
+      const leftoverSpace = contentHeight.current - elementOffset.current;
+      // If we haven't reached scroll view overflow yet, do nothing
+      if (leftoverSpace < keyboardHeight) ref.current?.scrollToEnd();
+    });
+    return listener.remove;
+  });
+  const gapProps = (0, _react.useMemo)(() => (0, _index.extractGapProperties)({
+    gap
+  }), [gap]);
+  const normalizedMargins = (0, _react.useMemo)(() => (0, _index.normalizeMarginValues)(margins), [margins]);
+  const normalizedPaddings = (0, _react.useMemo)(() => (0, _index.normalizePaddingValues)(paddings), [paddings]);
+  const containerStyles = _reactNative.StyleSheet.flatten([styles[height], normalizedMargins, style]);
+  const contentStyles = _reactNative.StyleSheet.flatten([styles.content, normalizedPaddings, gapProps, contentContainerStyle]);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.ScrollView, {
+    ref: ref,
+    scrollToOverflowEnabled: true,
+    scrollEventThrottle: 33,
+    onLayout: ({
+      currentTarget
+    }) => {
+      scrollTarget.current = currentTarget;
+    },
+    onContentSizeChange: (_, height) => {
+      contentHeight.current = height;
+    },
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    bounces: bounces,
+    style: containerStyles,
+    contentContainerStyle: contentStyles,
+    ...rest,
+    children: children(onInputFocus)
+  });
+};
+exports.InputFocusScrollView = InputFocusScrollView;
+const styles = _reactNative.StyleSheet.create({
+  full: {
+    height: "100%"
+  },
+  auto: {
+    height: "auto"
+  },
+  content: {
+    flexGrow: 1
+  }
+});
+//# sourceMappingURL=InputFocusScrollView.js.map

package/lib/commonjs/components/InputFocusScrollView/InputFocusScrollView.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_index","_jsxRuntime","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","gap","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","rest","ref","useRef","scrollTarget","elementOffset","contentHeight","scrollPosition","focusOffset","onInputFocus","e","Platform","OS","current","currentTarget","measureLayout","_nope","top","_nuuh","elementHeight","undefined","Dimensions","get","scrollY","scrollTo","y","console","error","useEffect","listener","Keyboard","addListener","keyboardHeight","metrics","leftoverSpace","scrollToEnd","remove","gapProps","useMemo","extractGapProperties","normalizedMargins","normalizeMarginValues","normalizedPaddings","normalizePaddingValues","containerStyles","StyleSheet","flatten","styles","contentStyles","content","jsx","ScrollView","scrollToOverflowEnabled","scrollEventThrottle","onLayout","onContentSizeChange","_","exports","create","full","auto","flexGrow"],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/InputFocusScrollView.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/components/InputFocusScrollView/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _InputFocusScrollView = require("./InputFocusScrollView.js");
+Object.keys(_InputFocusScrollView).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _InputFocusScrollView[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _InputFocusScrollView[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/InputFocusScrollView/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_InputFocusScrollView","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/InputFocusScrollView/index.ts"],"mappings":";;;;;AAAA,IAAAA,qBAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,qBAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,qBAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,qBAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/Screen/Screen.js

@@ -0,0 +1,58 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Screen = void 0;
+var _reactNative = require("react-native");
+var _index = require("../../hooks/index.js");
+var _index2 = require("../Block/index.js");
+var _jsxRuntime = require("react/jsx-runtime");
+const Screen = ({
+  background,
+  children,
+  hideBottomSafeArea,
+  hideTopSafeArea,
+  bottomSafeAreaColor,
+  topSafeAreaColor,
+  statusBarType,
+  statusBarBackground,
+  statusBarTranslucent,
+  paddings,
+  ...blockProps
+}) => {
+  const {
+    defaultStatusBarType,
+    defaultStatusBarBackground,
+    defaultStatusBarTranslucent
+  } = (0, _index.useSkeletor)();
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+    children: [background && (typeof background === "string" ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
+      style: [_reactNative.StyleSheet.absoluteFill, {
+        backgroundColor: background
+      }]
+    }) : /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
+      style: _reactNative.StyleSheet.absoluteFill,
+      children: background
+    })), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.StatusBar, {
+      translucent: statusBarTranslucent || defaultStatusBarTranslucent || false,
+      barStyle: statusBarType || defaultStatusBarType,
+      backgroundColor: statusBarBackground || defaultStatusBarBackground || "transparent"
+    }), !hideTopSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+      style: {
+        backgroundColor: topSafeAreaColor
+      }
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_index2.Block, {
+      flex: 1,
+      paddings: paddings,
+      ...blockProps,
+      children: children
+    }), !hideBottomSafeArea && /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.SafeAreaView, {
+      style: {
+        backgroundColor: bottomSafeAreaColor
+      }
+    })]
+  });
+};
+exports.Screen = Screen;
+//# sourceMappingURL=Screen.js.map

package/lib/commonjs/components/Screen/Screen.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_reactNative","require","_index","_index2","_jsxRuntime","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","statusBarBackground","statusBarTranslucent","paddings","blockProps","defaultStatusBarType","defaultStatusBarBackground","defaultStatusBarTranslucent","useSkeletor","jsxs","Fragment","jsx","Block","style","StyleSheet","absoluteFill","backgroundColor","StatusBar","translucent","barStyle","SafeAreaView","flex","exports"],"sourceRoot":"../../../../src","sources":["components/Screen/Screen.tsx"],"mappings":";;;;;;AACA,IAAAA,YAAA,GAAAC,OAAA;AASA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,OAAA,GAAAF,OAAA;AAAkD,IAAAG,WAAA,GAAAH,OAAA;AAiB3C,MAAMI,MAAgD,GAAGA,CAAC;EAChEC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,mBAAmB;EACnBC,oBAAoB;EACpBC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACL,MAAM;IACLC,oBAAoB;IACpBC,0BAA0B;IAC1BC;EACD,CAAC,GAAG,IAAAC,kBAAW,EAAC,CAAC;EAEjB,oBACC,IAAAhB,WAAA,CAAAiB,IAAA,EAAAjB,WAAA,CAAAkB,QAAA;IAAAf,QAAA,GACED,UAAU,KACT,OAAOA,UAAU,KAAK,QAAQ,gBAC9B,IAAAF,WAAA,CAAAmB,GAAA,EAACpB,OAAA,CAAAqB,KAAK;MACLC,KAAK,EAAE,CAACC,uBAAU,CAACC,YAAY,EAAE;QAAEC,eAAe,EAAEtB;MAAW,CAAC;IAAE,CAClE,CAAC,gBAEF,IAAAF,WAAA,CAAAmB,GAAA,EAACpB,OAAA,CAAAqB,KAAK;MAACC,KAAK,EAAEC,uBAAU,CAACC,YAAa;MAAApB,QAAA,EAAED;IAAU,CAAQ,CAC1D,CAAC,eAEH,IAAAF,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAA6B,SAAS;MACTC,WAAW,EACVhB,oBAAoB,IAAIK,2BAA2B,IAAI,KACvD;MACDY,QAAQ,EAAEnB,aAAa,IAAIK,oBAAqB;MAChDW,eAAe,EACdf,mBAAmB,IAAIK,0BAA0B,IAAI;IACrD,CACD,CAAC,EAED,CAACT,eAAe,iBAChB,IAAAL,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAAgC,YAAY;MAACP,KAAK,EAAE;QAAEG,eAAe,EAAEjB;MAAiB;IAAE,CAAE,CAC7D,eAED,IAAAP,WAAA,CAAAmB,GAAA,EAACpB,OAAA,CAAAqB,KAAK;MAACS,IAAI,EAAE,CAAE;MAAClB,QAAQ,EAAEA,QAAS;MAAA,GAAKC,UAAU;MAAAT,QAAA,EAChDA;IAAQ,CACH,CAAC,EAEP,CAACC,kBAAkB,iBACnB,IAAAJ,WAAA,CAAAmB,GAAA,EAACvB,YAAA,CAAAgC,YAAY;MACZP,KAAK,EAAE;QACNG,eAAe,EAAElB;MAClB;IAAE,CACF,CACD;EAAA,CACA,CAAC;AAEL,CAAC;AAACwB,OAAA,CAAA7B,MAAA,GAAAA,MAAA","ignoreList":[]}

package/lib/commonjs/components/Screen/index.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+var _Screen = require("./Screen.js");
+Object.keys(_Screen).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _Screen[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function () {
+      return _Screen[key];
+    }
+  });
+});
+//# sourceMappingURL=index.js.map

package/lib/commonjs/components/Screen/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_Screen","require","Object","keys","forEach","key","exports","defineProperty","enumerable","get"],"sourceRoot":"../../../../src","sources":["components/Screen/index.ts"],"mappings":";;;;;AAAA,IAAAA,OAAA,GAAAC,OAAA;AAAAC,MAAA,CAAAC,IAAA,CAAAH,OAAA,EAAAI,OAAA,WAAAC,GAAA;EAAA,IAAAA,GAAA,kBAAAA,GAAA;EAAA,IAAAA,GAAA,IAAAC,OAAA,IAAAA,OAAA,CAAAD,GAAA,MAAAL,OAAA,CAAAK,GAAA;EAAAH,MAAA,CAAAK,cAAA,CAAAD,OAAA,EAAAD,GAAA;IAAAG,UAAA;IAAAC,GAAA,WAAAA,CAAA;MAAA,OAAAT,OAAA,CAAAK,GAAA;IAAA;EAAA;AAAA","ignoreList":[]}

package/lib/commonjs/components/SkeletorProvider/SkeletorContext.js

@@ -0,0 +1,17 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletorDefaults = exports.SkeletorContext = void 0;
+var _react = _interopRequireDefault(require("react"));
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+const SkeletorDefaults = exports.SkeletorDefaults = {
+  defaultFont: undefined,
+  defaultFontSize: [12, 16],
+  defaultStatusBarType: "dark-content",
+  defaultTextColor: "black",
+  allowFontScaling: false
+};
+const SkeletorContext = exports.SkeletorContext = /*#__PURE__*/_react.default.createContext(SkeletorDefaults);
+//# sourceMappingURL=SkeletorContext.js.map

package/lib/commonjs/components/SkeletorProvider/SkeletorContext.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","_interopRequireDefault","require","e","__esModule","default","SkeletorDefaults","exports","defaultFont","undefined","defaultFontSize","defaultStatusBarType","defaultTextColor","allowFontScaling","SkeletorContext","React","createContext"],"sourceRoot":"../../../../src","sources":["components/SkeletorProvider/SkeletorContext.ts"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AAA0B,SAAAD,uBAAAE,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAGnB,MAAMG,gBAAgC,GAAAC,OAAA,CAAAD,gBAAA,GAAG;EAC/CE,WAAW,EAAEC,SAAS;EACtBC,eAAe,EAAE,CAAC,EAAE,EAAE,EAAE,CAAC;EACzBC,oBAAoB,EAAE,cAAc;EACpCC,gBAAgB,EAAE,OAAO;EACzBC,gBAAgB,EAAE;AACnB,CAAC;AAEM,MAAMC,eAAe,GAAAP,OAAA,CAAAO,eAAA,gBAC3BC,cAAK,CAACC,aAAa,CAAiBV,gBAAgB,CAAC","ignoreList":[]}

package/lib/commonjs/components/SkeletorProvider/SkeletorProvider.js

@@ -0,0 +1,24 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.SkeletorProvider = void 0;
+var _SkeletorContext = require("./SkeletorContext.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
+ * @example type Font = "Helvetica" | "Montserrat" ...  */
+const SkeletorProvider = ({
+  children,
+  ...config
+}) => {
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_SkeletorContext.SkeletorContext.Provider, {
+    value: {
+      ..._SkeletorContext.SkeletorDefaults,
+      ...config
+    },
+    children: children
+  });
+};
+exports.SkeletorProvider = SkeletorProvider;
+//# sourceMappingURL=SkeletorProvider.js.map

package/lib/commonjs/components/SkeletorProvider/SkeletorProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_SkeletorContext","require","_jsxRuntime","SkeletorProvider","children","config","jsx","SkeletorContext","Provider","value","SkeletorDefaults","exports"],"sourceRoot":"../../../../src","sources":["components/SkeletorProvider/SkeletorProvider.tsx"],"mappings":";;;;;;AAEA,IAAAA,gBAAA,GAAAC,OAAA;AAAsE,IAAAC,WAAA,GAAAD,OAAA;AAItE;AACA;AACO,MAAME,gBAAoD,GAAGA,CAAC;EACpEC,QAAQ;EACR,GAAGC;AACJ,CAAC,KAAK;EACL,oBACC,IAAAH,WAAA,CAAAI,GAAA,EAACN,gBAAA,CAAAO,eAAe,CAACC,QAAQ;IAACC,KAAK,EAAE;MAAE,GAAGC,iCAAgB;MAAE,GAAGL;IAAO,CAAE;IAAAD,QAAA,EAClEA;EAAQ,CACgB,CAAC;AAE7B,CAAC;AAACO,OAAA,CAAAR,gBAAA,GAAAA,gBAAA","ignoreList":[]}