@prototyp/skeletor 1.0.12 → 1.0.15

package/README.md

@@ -54,6 +54,69 @@ const skeletor = useSkeletor();
 return <SomeComponent style={{ fontFamily: skeletor.defaultFont }} />;
 ```
 
+## Custom types legend
+
+```javascript
+type Spacing = {
+	/** All margin properties from ViewStyle */
+	margins?: {...}
+	/** All padding properties from ViewStyle */
+	paddings?: {...}
+	gap?: { row?: number; col?: number } | [number, number] | number;
+}
+
+type Alignment = {
+	align?: ViewStyle["alignItems"];
+  alignSelf?: ViewStyle["alignSelf"];
+  justify?: ViewStyle["justifyContent"];
+  flexDirection?: ViewStyle["flexDirection"];
+}
+
+type 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"];
+    };
+
+type Position = {
+  absolute?: boolean;
+  zIndex?: number;
+  offsets?: Offsets;
+  overflow?: ViewStyle["overflow"];
+}
+
+type Size = {
+	width?: DimensionValue;
+  height?: DimensionValue;
+  minHeight?: DimensionValue;
+  minWidth?: DimensionValue;
+  maxHeight?: DimensionValue;
+  maxWidth?: DimensionValue;
+}
+
+```
+
 ## Components
 
 ### Screen
@@ -75,7 +138,6 @@ bottomSafeAreaColor?: string;
 topSafeAreaColor?: string;
 /** Set device status bar color type. */
 statusBarType?: "default" | "light-content" | "dark-content";
-isLandscape?: boolean;
 ```
 
 #### Usage
@@ -106,6 +168,10 @@ letterSpacing?: TextStyle["letterSpacing"];
 color?: string;
 textAlign?: TextStyle["textAlign"];
 opacity?: TextStyle["opacity"];
+...Spacing,
+...Size,
+...Flex,
+...Position,
 animations?: Partial<ViewStyle>;
 ```
 
@@ -129,84 +195,23 @@ function MyComponent() {
 
 ---
 
-This is a flexible and customizable React Native component that can be used as either a `View` or a `ScrollView`. The `Block` component allows you to add paddings, margins, sizes, alignments, and borders to your layout. Extends `ScrollViewProps` or `ViewProps` depending on the value of the `scrollable` prop.
+This is a flexible and customizable React Native component that can be used as either a `View` or a `ScrollView`. The `Block` component allows you to add paddings, margins, sizes, alignments, and borders to your layout. Can be turned into a ScrollView by passing in `scrollable`. ScrollView props can be updated through `scrollProps`.
 
 #### Props
 
 ```javascript
-/** Determine if Block is scrollable or not. If scrollable, extends ScrollView props. To render as ScrollView and disable scrolling, use @param scrollEnabled */
+/** Determine if Block is scrollable or not.*/
 scrollable?: boolean;
+/** If scrollable, used to control ScrollView props. Some default props are applied, check JSDOC of component by hovering over it in your IDE. */
+scrollProps?: ScrollViewProps
 opacity?: ViewStyle["opacity"];
 animations?: Partial<ViewStyle>;
-/** Whether the element is absolutely positioned. */
-absolute?: boolean;
-zIndex?: number;
-overflow?: ViewStyle["overflow"];
-/** Offsets to use in combination with position. Can be defined as [top, left?, bottom?, right?] or as an object **/
-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"];
-    };
-align?: ViewStyle["alignItems"];
-alignSelf?: ViewStyle["alignSelf"];
-justify?: ViewStyle["justifyContent"];
-flexDirection?: ViewStyle["flexDirection"];
-flex?:
-	| number
-	| {
-			columnGap?: ViewStyle["columnGap"],
-      flex?: ViewStyle["flex"],
-      flexBasis?: ViewStyle["flexBasis"],
-      flexGrow?: ViewStyle["flexGrow"],
-      flexShrink?: ViewStyle["flexShrink"],
-      flexWrap?: ViewStyle["flexWrap"],
-      gap?: ViewStyle["gap"],
-      rowGap?: ViewStyle["rowGap"]
-		};
-width?: number | string;
-height?: number | string;
-minHeight?: number | string;
-minWidth?: number | string;
-maxHeight?: number | string;
-maxWidth?: number | string;
-margins?: {
-	marginTop?: number | string;
-	marginBottom?: number | string;
-	marginLeft?: number | string;
-	marginRight?: number | string;
-	marginHorizontal?: number | string;
-	marginVertical?: number | string;
-	margin?: number | string;
-};
-paddings?: {
-	paddingTop?: number | string;
-	paddingBottom?: number | string;
-	paddingLeft?: number | string;
-	paddingRight?: number | string;
-	paddingHorizontal?: number | string;
-	paddingVertical?: number | string;
-	padding?: number | string;
-};
-border?: {
-	borderWidth?: number;
-	borderTopWidth?: number;
-	borderBottomWidth?: number;
-	borderLeftWidth?: number;
-	borderRightWidth?: number;
-	borderColor?: string;
-	borderRadius?: number;
-	borderTopLeftRadius?: number;
-	borderTopRightRadius?: number;
-	borderBottomLeftRadius?: number;
-	... // all other border-related properties
-};
+...Position,
+...Alignment,
+...Flex,
+...Size,
+...Spacing,
+...Border,
 
 ```
 
@@ -233,6 +238,8 @@ This scroll view will automatically scroll to an active input field rendered ins
 
 <b>NOTE</b> &mdash; This works on iOS only, Android does this by default with `android:windowSoftInputMode`
 
+Some default props are applied, check JSDOC of component by hovering over it in your IDE.
+
 #### Props
 
 ```javascript
@@ -241,6 +248,8 @@ This scroll view will automatically scroll to an active input field rendered ins
 focusPositionOffset?: number;
 /** Is the scrollview 100% in height or automatic. Defaults to auto. */
 height?: "full" | "auto";
+/** Margins are applied to ScrollView style, paddings and gap to contentContainerStyle */
+...Spacing,
 ```
 
 #### Usage
@@ -282,7 +291,7 @@ The concept behind this approach is to:
 
 Use these methods to construct <b>element</b> animations in a super simple way. Create these animations outside the component body to avoid unnecessary re-renders and other lifecycle related issues. All animations are done via native driver, <i>except if the animation loops to avoid issues with the animation itself.</i>
 
-`animateParallel` will animate all of the defined element styles in parallel (meaning they will all start animating at the same time). In the example below, this means that opacity, translateY and translateX will all start animating at once. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `loop` and `easing`. The default configuration is `{ duration: 800, easing: Easing.ease(Easing.quad) }`.
+`animateParallel` will animate all of the defined element styles in parallel (meaning they will all start animating at the same time). In the example below, this means that opacity, translateY and translateX will all start animating at once. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `loop` and `easing`. The default configuration is `{ duration = 400, easing = Easing.inOut(Easing.ease), loop = false, native = true, }`.
 
 Usage
 
@@ -294,7 +303,7 @@ const element1 = animateParallel({
 });
 ```
 
-`animateSequence` will animate all of the defined element styles in sequence (meaning every property will start animating only when the previous property has finished animating). In the example below, that means that opacity, translateY and translateX will animate in sequence as they are defined - opacity first, translateX second, translateY last. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `loop` and `easing`. The default configuration is `{ duration: 800, easing: Easing.ease(Easing.quad) }`.
+`animateSequence` will animate all of the defined element styles in sequence (meaning every property will start animating only when the previous property has finished animating). In the example below, that means that opacity, translateY and translateX will animate in sequence as they are defined - opacity first, translateX second, translateY last. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `loop` and `easing`. The default configuration is `{ duration = 400, easing = Easing.inOut(Easing.ease), loop = false, native = true, }`.
 
 Usage
 
@@ -306,7 +315,7 @@ const element1 = animateSequence({
 });
 ```
 
-`animateStagger` will animate all of the defined elements in the order they are defined at a staggered pace defined in the configuration object (meaning every property will start animating after an X amount of miliseconds between animation starts, in the order they are defined in). In the example below, that means that opacity, translateY and translateX will animate in sequence with a 400ms delay between them. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `stagger`, `loop` and `easing`. The default configuration is `{ duration: 800, stagger: 400, easing: Easing.ease(Easing.quad) }`.
+`animateStagger` will animate all of the defined elements in the order they are defined at a staggered pace defined in the configuration object (meaning every property will start animating after an X amount of miliseconds between animation starts, in the order they are defined in). In the example below, that means that opacity, translateY and translateX will animate in sequence with a 400ms delay between them. Additional configuration is possible as a second parameter, where you can define the animation `duration`, `stagger`, `loop` and `easing`. The default configuration is `{ duration = 400, stagger = 200, easing = Easing.inOut(Easing.ease), loop = false, native = true, }`.
 
 Usage
 
@@ -469,8 +478,3 @@ useAppState({ onForeground: () => Alert.alert("Foreground") });
 ## Contributions
 
 Suggestions and requests welcome, contributions appreciated but will be reviewed.
-
-## Disclaimer
-
-Parts of this readme file were generated with ChatGPT.
-Thank you for making documentation easy for a lazy programmer.

package/lib/module/components/Block/Block.js

@@ -1,7 +1,7 @@
 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); }
 import React, { useMemo } from "react";
 import { Animated, ScrollView, StyleSheet } from "react-native";
-import { extractAlignmentProperties, extractAnimationProperties, extractFlexProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
+import { extractAlignmentProperties, extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
 const BlockElement = ({
   children,
   ...props
@@ -15,10 +15,17 @@ const BlockElement = ({
     overflow,
     animations,
     opacity,
+    flex,
+    gap,
     ...view
   } = props;
   const animationProps = useMemo(() => extractAnimationProperties(animations), [animations]);
-  const flexProps = useMemo(() => extractFlexProperties(props), [props]);
+  const flexProps = useMemo(() => extractFlexProperties({
+    flex
+  }), [flex]);
+  const gapProps = useMemo(() => extractGapProperties({
+    gap
+  }), [gap]);
   const sizeProps = useMemo(() => extractSizeProperties(props), [props]);
   const positionProps = useMemo(() => extractPositionProperties(props), [props]);
   const alignmentProps = useMemo(() => extractAlignmentProperties(props), [props]);
@@ -26,39 +33,50 @@ const BlockElement = ({
     backgroundColor: background,
     overflow,
     opacity
-  }, alignmentProps, margins, paddings, border, flexProps, sizeProps, positionProps, style]), [alignmentProps, sizeProps, background, style, overflow, margins, paddings, positionProps, flexProps, border, opacity]);
+  }, alignmentProps, margins, paddings, border, flexProps, sizeProps, positionProps, gapProps, style]), [alignmentProps, sizeProps, background, style, overflow, margins, paddings, positionProps, flexProps, gapProps, border, opacity]);
   return /*#__PURE__*/React.createElement(Animated.View, _extends({}, view, {
     style: [styles, animationProps]
   }), 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 }` */
 export const Block = ({
   children,
   ...props
 }) => {
+  if (!isScrollable(props)) {
+    return /*#__PURE__*/React.createElement(BlockElement, props, children);
+  }
   const {
-    scrollable,
+    scrollProps,
     ...rest
   } = props;
-  const element = () => /*#__PURE__*/React.createElement(BlockElement, rest, children);
-  if (!scrollable) {
-    return element();
-  }
   const {
     horizontal,
-    showsHorizontalScrollIndicator,
-    showsVerticalScrollIndicator,
-    bounces
-  } = props;
-  return /*#__PURE__*/React.createElement(ScrollView, {
+    keyboardShouldPersistTaps = "handled",
+    showsVerticalScrollIndicator = false,
+    showsHorizontalScrollIndicator = false,
+    bounces = false,
+    contentContainerStyle
+  } = scrollProps || {};
+  return /*#__PURE__*/React.createElement(ScrollView, _extends({
     horizontal: horizontal,
-    keyboardShouldPersistTaps: "handled",
+    keyboardShouldPersistTaps: keyboardShouldPersistTaps,
     showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
     showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    bounces: bounces,
     contentContainerStyle: [{
       flexGrow: 1,
       backgroundColor: rest.background
-    }],
-    bounces: bounces
-  }, element());
+    }, contentContainerStyle]
+  }, scrollProps), /*#__PURE__*/React.createElement(BlockElement, rest, children));
 };
 //# sourceMappingURL=Block.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Animated","ScrollView","StyleSheet","extractAlignmentProperties","extractAnimationProperties","extractFlexProperties","extractPositionProperties","extractSizeProperties","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","view","animationProps","flexProps","sizeProps","positionProps","alignmentProps","styles","flatten","backgroundColor","createElement","View","_extends","Block","scrollable","rest","element","horizontal","showsHorizontalScrollIndicator","showsVerticalScrollIndicator","bounces","keyboardShouldPersistTaps","contentContainerStyle","flexGrow"],"sourceRoot":"../../src","sources":["Block.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SACEC,QAAQ,EACRC,UAAU,EAGVC,UAAU,QAGL,cAAc;AAWrB,SACEC,0BAA0B,EAC1BC,0BAA0B,EAC1BC,qBAAqB,EACrBC,yBAAyB,EACzBC,qBAAqB,QAChB,aAAa;AAgCpB,MAAMC,YAA4D,GAAGA,CAAC;EACpEC,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IACJC,MAAM;IACNC,QAAQ;IACRC,OAAO;IACPC,UAAU;IACVC,KAAK;IACLC,QAAQ;IACRC,UAAU;IACVC,OAAO;IACP,GAAGC;EACL,CAAC,GAAGT,KAAK;EAET,MAAMU,cAAc,GAAGrB,OAAO,CAC5B,MAAMK,0BAA0B,CAACa,UAAU,CAAC,EAC5C,CAACA,UAAU,CACb,CAAC;EACD,MAAMI,SAAS,GAAGtB,OAAO,CAAC,MAAMM,qBAAqB,CAACK,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAMY,SAAS,GAAGvB,OAAO,CAAC,MAAMQ,qBAAqB,CAACG,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAMa,aAAa,GAAGxB,OAAO,CAC3B,MAAMO,yBAAyB,CAACI,KAAK,CAAC,EACtC,CAACA,KAAK,CACR,CAAC;EACD,MAAMc,cAAc,GAAGzB,OAAO,CAC5B,MAAMI,0BAA0B,CAACO,KAAK,CAAC,EACvC,CAACA,KAAK,CACR,CAAC;EAED,MAAMe,MAAM,GAAG1B,OAAO,CACpB,MACEG,UAAU,CAACwB,OAAO,CAAC,CACjB;IACEC,eAAe,EAAEb,UAAU;IAC3BE,QAAQ;IACRE;EACF,CAAC,EACDM,cAAc,EACdX,OAAO,EACPD,QAAQ,EACRD,MAAM,EACNU,SAAS,EACTC,SAAS,EACTC,aAAa,EACbR,KAAK,CACN,CAAC,EACJ,CACES,cAAc,EACdF,SAAS,EACTR,UAAU,EACVC,KAAK,EACLC,QAAQ,EACRH,OAAO,EACPD,QAAQ,EACRW,aAAa,EACbF,SAAS,EACTV,MAAM,EACNO,OAAO,CAEX,CAAC;EAED,oBACEpB,KAAA,CAAA8B,aAAA,CAAC5B,QAAQ,CAAC6B,IAAI,EAAAC,QAAA,KAAKX,IAAI;IAAEJ,KAAK,EAAE,CAACU,MAAM,EAAEL,cAAc;EAAE,IACtDX,QACY,CAAC;AAEpB,CAAC;AAYD,OAAO,MAAMsB,KAA8C,GAAGA,CAAC;EAC7DtB,QAAQ;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEsB,UAAU;IAAE,GAAGC;EAAK,CAAC,GAAGvB,KAAK;EACrC,MAAMwB,OAAO,GAAGA,CAAA,kBAAMpC,KAAA,CAAA8B,aAAA,CAACpB,YAAY,EAAKyB,IAAI,EAAGxB,QAAuB,CAAC;EAEvE,IAAI,CAACuB,UAAU,EAAE;IACf,OAAOE,OAAO,CAAC,CAAC;EAClB;EAEA,MAAM;IACJC,UAAU;IACVC,8BAA8B;IAC9BC,4BAA4B;IAC5BC;EACF,CAAC,GAAG5B,KAAK;EAET,oBACEZ,KAAA,CAAA8B,aAAA,CAAC3B,UAAU;IACTkC,UAAU,EAAEA,UAAW;IACvBI,yBAAyB,EAAC,SAAS;IACnCH,8BAA8B,EAAEA,8BAA+B;IAC/DC,4BAA4B,EAAEA,4BAA6B;IAC3DG,qBAAqB,EAAE,CACrB;MAAEC,QAAQ,EAAE,CAAC;MAAEd,eAAe,EAAEM,IAAI,CAACnB;IAAW,CAAC,CACjD;IACFwB,OAAO,EAAEA;EAAQ,GAEhBJ,OAAO,CAAC,CACC,CAAC;AAEjB,CAAC"}
+{"version":3,"names":["React","useMemo","Animated","ScrollView","StyleSheet","extractAlignmentProperties","extractAnimationProperties","extractFlexProperties","extractGapProperties","extractPositionProperties","extractSizeProperties","BlockElement","children","props","border","paddings","margins","background","style","overflow","animations","opacity","flex","gap","view","animationProps","flexProps","gapProps","sizeProps","positionProps","alignmentProps","styles","flatten","backgroundColor","createElement","View","_extends","isScrollable","scrollable","Block","scrollProps","rest","horizontal","keyboardShouldPersistTaps","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","contentContainerStyle","flexGrow"],"sourceRoot":"../../src","sources":["Block.tsx"],"mappings":"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"}

package/lib/module/components/InputFocusScrollView/InputFocusScrollView.js

@@ -1,12 +1,21 @@
 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); }
-import React, { useRef, useState } from "react";
+import React, { useMemo, useRef, useState } from "react";
 import { Dimensions, Platform, ScrollView, StyleSheet } from "react-native";
+import { extractGapProperties } from "../../utils";
 /**
- * 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.
+ * 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}`
  */
 export const InputFocusScrollView = ({
   children,
@@ -16,6 +25,10 @@ export const InputFocusScrollView = ({
   focusPositionOffset = 0.3,
   margins,
   paddings,
+  gap,
+  showsVerticalScrollIndicator = false,
+  showsHorizontalScrollIndicator = false,
+  bounces = false,
   ...rest
 }) => {
   const screenHeight = useRef(Dimensions.get("screen").height).current;
@@ -55,18 +68,20 @@ export const InputFocusScrollView = ({
     });
     setScrollPosition(null);
   }
+  const gapProps = useMemo(() => extractGapProperties({
+    gap
+  }), [gap]);
   const containerStyles = StyleSheet.flatten([styles[height], margins, style]);
-  const contentStyles = StyleSheet.flatten([styles.content, {
-    ...paddings
-  }, contentContainerStyle]);
+  const contentStyles = StyleSheet.flatten([styles.content, paddings, gapProps, contentContainerStyle]);
   return /*#__PURE__*/React.createElement(ScrollView, _extends({
     ref: ref,
     scrollToOverflowEnabled: true,
-    scrollEventThrottle: 16,
+    scrollEventThrottle: 33,
     onLayout: e => setScrollTarget(e.currentTarget),
     onContentSizeChange: onContentSizeChange,
-    showsVerticalScrollIndicator: false,
-    showsHorizontalScrollIndicator: false,
+    showsVerticalScrollIndicator: showsVerticalScrollIndicator,
+    showsHorizontalScrollIndicator: showsHorizontalScrollIndicator,
+    bounces: bounces,
     style: containerStyles,
     contentContainerStyle: contentStyles
   }, rest), children(onInputFocus));

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

@@ -1 +1 @@
-{"version":3,"names":["React","useRef","useState","Dimensions","Platform","ScrollView","StyleSheet","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","rest","screenHeight","get","current","ref","scrollPosition","setScrollPosition","scrollTarget","setScrollTarget","onInputFocus","e","OS","currentTarget","measureLayout","nope","top","nuuh","elementHeight","_ref$current","scrollY","undefined","scrollTo","y","console","error","onContentSizeChange","_ref$current2","animated","containerStyles","flatten","styles","contentStyles","content","createElement","_extends","scrollToOverflowEnabled","scrollEventThrottle","onLayout","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","create","full","auto","flexGrow","paddingBottom"],"sourceRoot":"../../src","sources":["InputFocusScrollView.tsx"],"mappings":"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"}
+{"version":3,"names":["React","useMemo","useRef","useState","Dimensions","Platform","ScrollView","StyleSheet","extractGapProperties","InputFocusScrollView","children","style","contentContainerStyle","height","focusPositionOffset","margins","paddings","gap","showsVerticalScrollIndicator","showsHorizontalScrollIndicator","bounces","rest","screenHeight","get","current","ref","scrollPosition","setScrollPosition","scrollTarget","setScrollTarget","onInputFocus","e","OS","currentTarget","measureLayout","nope","top","nuuh","elementHeight","_ref$current","scrollY","undefined","scrollTo","y","console","error","onContentSizeChange","_ref$current2","animated","gapProps","containerStyles","flatten","styles","contentStyles","content","createElement","_extends","scrollToOverflowEnabled","scrollEventThrottle","onLayout","create","full","auto","flexGrow","paddingBottom"],"sourceRoot":"../../src","sources":["InputFocusScrollView.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAIC,OAAO,EAAEC,MAAM,EAAEC,QAAQ,QAAQ,OAAO;AACxD,SACEC,UAAU,EAEVC,QAAQ,EACRC,UAAU,EAEVC,UAAU,QAGL,cAAc;AAGrB,SAASC,oBAAoB,QAAQ,aAAa;AAalD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,OAAO,MAAMC,oBAAyD,GAAGA,CAAC;EACxEC,QAAQ;EACRC,KAAK;EACLC,qBAAqB;EACrBC,MAAM,GAAG,MAAM;EACfC,mBAAmB,GAAG,GAAG;EACzBC,OAAO;EACPC,QAAQ;EACRC,GAAG;EACHC,4BAA4B,GAAG,KAAK;EACpCC,8BAA8B,GAAG,KAAK;EACtCC,OAAO,GAAG,KAAK;EACf,GAAGC;AACL,CAAC,KAAK;EACJ,MAAMC,YAAY,GAAGpB,MAAM,CAACE,UAAU,CAACmB,GAAG,CAAC,QAAQ,CAAC,CAACV,MAAM,CAAC,CAACW,OAAO;EACpE,MAAMC,GAAG,GAAGvB,MAAM,CAAa,IAAI,CAAC;EACpC;EACA,MAAM,CAACwB,cAAc,EAAEC,iBAAiB,CAAC,GAAGxB,QAAQ,CAAgB,IAAI,CAAC;EACzE,MAAM,CAACyB,YAAY,EAAEC,eAAe,CAAC,GAAG1B,QAAQ,CAAgB,IAAI,CAAC;EAErE,SAAS2B,YAAYA,CAACC,CAAgD,EAAE;IACtE,IAAI1B,QAAQ,CAAC2B,EAAE,KAAK,KAAK,IAAI,CAACJ,YAAY,EAAE;MAC1C;IACF;IAECG,CAAC,CAACE,aAAa,CAA0BC,aAAa,CACrDN,YAAY,EACZ,CAACO,IAAI,EAAEC,GAAG,EAAEC,IAAI,EAAEC,aAAa,KAAK;MAAA,IAAAC,YAAA;MAClC,IAAIC,OAAO,GAAGJ,GAAG,GAAGE,aAAa;MACjC,IAAIxB,mBAAmB,KAAK2B,SAAS,EAAE;QACrCD,OAAO,GAAGA,OAAO,GAAGlB,YAAY,GAAGR,mBAAmB;MACxD;;MAEA;MACAa,iBAAiB,CAACa,OAAO,CAAC;MAC1B;MACA,CAAAD,YAAA,GAAAd,GAAG,CAACD,OAAO,cAAAe,YAAA,eAAXA,YAAA,CAAaG,QAAQ,CAAC;QAAEC,CAAC,EAAEH;MAAQ,CAAC,CAAC;IACvC,CAAC,EACD,MAAMI,OAAO,CAACC,KAAK,CAAC,0BAA0B,CAChD,CAAC;EACH;;EAEA;EACA,SAASC,mBAAmBA,CAAA,EAAG;IAAA,IAAAC,aAAA;IAC7B,IAAI1C,QAAQ,CAAC2B,EAAE,KAAK,KAAK,IAAI,CAACN,cAAc,EAAE;MAC5C;IACF;IACA,CAAAqB,aAAA,GAAAtB,GAAG,CAACD,OAAO,cAAAuB,aAAA,eAAXA,aAAA,CAAaL,QAAQ,CAAC;MAAEC,CAAC,EAAEjB,cAAc;MAAEsB,QAAQ,EAAE;IAAM,CAAC,CAAC;IAC7DrB,iBAAiB,CAAC,IAAI,CAAC;EACzB;EAEA,MAAMsB,QAAQ,GAAGhD,OAAO,CAAC,MAAMO,oBAAoB,CAAC;IAAES;EAAI,CAAC,CAAC,EAAE,CAACA,GAAG,CAAC,CAAC;EACpE,MAAMiC,eAAe,GAAG3C,UAAU,CAAC4C,OAAO,CAAC,CAACC,MAAM,CAACvC,MAAM,CAAC,EAAEE,OAAO,EAAEJ,KAAK,CAAC,CAAC;EAE5E,MAAM0C,aAAa,GAAG9C,UAAU,CAAC4C,OAAO,CAAC,CACvCC,MAAM,CAACE,OAAO,EACdtC,QAAQ,EACRiC,QAAQ,EACRrC,qBAAqB,CACtB,CAAC;EAEF,oBACEZ,KAAA,CAAAuD,aAAA,CAACjD,UAAU,EAAAkD,QAAA;IACT/B,GAAG,EAAEA,GAAI;IACTgC,uBAAuB;IACvBC,mBAAmB,EAAE,EAAG;IACxBC,QAAQ,EAAE5B,CAAC,IAAIF,eAAe,CAACE,CAAC,CAACE,aAAa,CAAE;IAChDa,mBAAmB,EAAEA,mBAAoB;IACzC5B,4BAA4B,EAAEA,4BAA6B;IAC3DC,8BAA8B,EAAEA,8BAA+B;IAC/DC,OAAO,EAAEA,OAAQ;IACjBT,KAAK,EAAEuC,eAAgB;IACvBtC,qBAAqB,EAAEyC;EAAc,GACjChC,IAAI,GAEPX,QAAQ,CAACoB,YAAY,CACZ,CAAC;AAEjB,CAAC;AAED,MAAMsB,MAAM,GAAG7C,UAAU,CAACqD,MAAM,CAAC;EAC/BC,IAAI,EAAE;IAAEhD,MAAM,EAAE;EAAO,CAAC;EACxBiD,IAAI,EAAE;IAAEjD,MAAM,EAAE;EAAO,CAAC;EACxByC,OAAO,EAAE;IACPS,QAAQ,EAAE,CAAC;IACXC,aAAa,EAAE;EACjB;AACF,CAAC,CAAC"}

package/lib/module/components/Screen/Screen.js

@@ -1,6 +1,6 @@
 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); }
 import React from "react";
-import { Dimensions, Platform, SafeAreaView, StatusBar, StyleSheet, View } from "react-native";
+import { Platform, SafeAreaView, StatusBar, StyleSheet, View } from "react-native";
 import { useSkeletor } from "../../hooks";
 import { Block } from "../Block";
 export const Screen = ({
@@ -10,20 +10,22 @@ export const Screen = ({
   hideTopSafeArea,
   bottomSafeAreaColor,
   topSafeAreaColor,
-  style,
   statusBarType,
-  isLandscape,
-  ...rest
+  paddings = {
+    paddingTop: Platform.OS === "android" ? StatusBar.currentHeight : 0
+  },
+  flex = 1,
+  ...blockProps
 }) => {
   const {
     defaultStatusBarType
   } = useSkeletor();
   return /*#__PURE__*/React.createElement(React.Fragment, null, background && (typeof background === "string" ? /*#__PURE__*/React.createElement(View, {
-    style: [styles.container, {
+    style: [StyleSheet.absoluteFill, {
       backgroundColor: background
     }]
   }) : /*#__PURE__*/React.createElement(View, {
-    style: styles.container
+    style: StyleSheet.absoluteFill
   }, background)), !hideTopSafeArea && /*#__PURE__*/React.createElement(SafeAreaView, {
     style: {
       backgroundColor: topSafeAreaColor
@@ -33,22 +35,12 @@ export const Screen = ({
     backgroundColor: "transparent",
     barStyle: statusBarType || defaultStatusBarType
   }), /*#__PURE__*/React.createElement(Block, _extends({
-    paddings: {
-      paddingTop: Platform.OS === "android" && !isLandscape ? StatusBar.currentHeight || 24 : 0
-    },
-    flex: 1,
-    style: style
-  }, rest), children), !hideBottomSafeArea && /*#__PURE__*/React.createElement(SafeAreaView, {
+    flex: flex,
+    paddings: paddings
+  }, blockProps), children), !hideBottomSafeArea && /*#__PURE__*/React.createElement(SafeAreaView, {
     style: {
       backgroundColor: bottomSafeAreaColor
     }
   }));
 };
-const styles = StyleSheet.create({
-  container: {
-    position: "absolute",
-    height: Dimensions.get("screen").height,
-    width: Dimensions.get("screen").width
-  }
-});
 //# sourceMappingURL=Screen.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Dimensions","Platform","SafeAreaView","StatusBar","StyleSheet","View","useSkeletor","Block","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","style","statusBarType","isLandscape","rest","defaultStatusBarType","createElement","Fragment","styles","container","backgroundColor","translucent","barStyle","_extends","paddings","paddingTop","OS","currentHeight","flex","create","position","height","get","width"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SACEC,UAAU,EACVC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,IAAI,QAEC,cAAc;AAErB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,KAAK,QAAQ,UAAU;AAehC,OAAO,MAAMC,MAAgD,GAAGA,CAAC;EAC/DC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,KAAK;EACLC,aAAa;EACbC,WAAW;EACX,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAqB,CAAC,GAAGb,WAAW,CAAC,CAAC;EAE9C,oBACEP,KAAA,CAAAqB,aAAA,CAAArB,KAAA,CAAAsB,QAAA,QACGZ,UAAU,KACR,OAAOA,UAAU,KAAK,QAAQ,gBAC7BV,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACU,KAAK,EAAE,CAACO,MAAM,CAACC,SAAS,EAAE;MAAEC,eAAe,EAAEf;IAAW,CAAC;EAAE,CAAE,CAAC,gBAEpEV,KAAA,CAAAqB,aAAA,CAACf,IAAI;IAACU,KAAK,EAAEO,MAAM,CAACC;EAAU,GAAEd,UAAiB,CAClD,CAAC,EAEH,CAACG,eAAe,iBACfb,KAAA,CAAAqB,aAAA,CAAClB,YAAY;IAACa,KAAK,EAAE;MAAES,eAAe,EAAEV;IAAiB;EAAE,CAAE,CAC9D,eAEDf,KAAA,CAAAqB,aAAA,CAACjB,SAAS;IACRsB,WAAW;IACXD,eAAe,EAAC,aAAa;IAC7BE,QAAQ,EAAEV,aAAa,IAAIG;EAAqB,CACjD,CAAC,eAEFpB,KAAA,CAAAqB,aAAA,CAACb,KAAK,EAAAoB,QAAA;IACJC,QAAQ,EAAE;MACRC,UAAU,EACR5B,QAAQ,CAAC6B,EAAE,KAAK,SAAS,IAAI,CAACb,WAAW,GACrCd,SAAS,CAAC4B,aAAa,IAAI,EAAE,GAC7B;IACR,CAAE;IACFC,IAAI,EAAE,CAAE;IACRjB,KAAK,EAAEA;EAAM,GACTG,IAAI,GAEPR,QACI,CAAC,EAEP,CAACC,kBAAkB,iBAClBZ,KAAA,CAAAqB,aAAA,CAAClB,YAAY;IACXa,KAAK,EAAE;MACLS,eAAe,EAAEX;IACnB;EAAE,CACH,CAEH,CAAC;AAEP,CAAC;AAED,MAAMS,MAAM,GAAGlB,UAAU,CAAC6B,MAAM,CAAC;EAC/BV,SAAS,EAAE;IACTW,QAAQ,EAAE,UAAU;IACpBC,MAAM,EAAEnC,UAAU,CAACoC,GAAG,CAAC,QAAQ,CAAC,CAACD,MAAM;IACvCE,KAAK,EAAErC,UAAU,CAACoC,GAAG,CAAC,QAAQ,CAAC,CAACC;EAClC;AACF,CAAC,CAAC"}
+{"version":3,"names":["React","Platform","SafeAreaView","StatusBar","StyleSheet","View","useSkeletor","Block","Screen","background","children","hideBottomSafeArea","hideTopSafeArea","bottomSafeAreaColor","topSafeAreaColor","statusBarType","paddings","paddingTop","OS","currentHeight","flex","blockProps","defaultStatusBarType","createElement","Fragment","style","absoluteFill","backgroundColor","translucent","barStyle","_extends"],"sourceRoot":"../../src","sources":["Screen.tsx"],"mappings":";AAAA,OAAOA,KAAK,MAA6B,OAAO;AAChD,SACEC,QAAQ,EACRC,YAAY,EACZC,SAAS,EACTC,UAAU,EACVC,IAAI,QACC,cAAc;AAErB,SAASC,WAAW,QAAQ,aAAa;AACzC,SAASC,KAAK,QAAoB,UAAU;AAc5C,OAAO,MAAMC,MAAgD,GAAGA,CAAC;EAC/DC,UAAU;EACVC,QAAQ;EACRC,kBAAkB;EAClBC,eAAe;EACfC,mBAAmB;EACnBC,gBAAgB;EAChBC,aAAa;EACbC,QAAQ,GAAG;IACTC,UAAU,EAAEhB,QAAQ,CAACiB,EAAE,KAAK,SAAS,GAAGf,SAAS,CAACgB,aAAa,GAAG;EACpE,CAAC;EACDC,IAAI,GAAG,CAAC;EACR,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC;EAAqB,CAAC,GAAGhB,WAAW,CAAC,CAAC;EAE9C,oBACEN,KAAA,CAAAuB,aAAA,CAAAvB,KAAA,CAAAwB,QAAA,QACGf,UAAU,KACR,OAAOA,UAAU,KAAK,QAAQ,gBAC7BT,KAAA,CAAAuB,aAAA,CAAClB,IAAI;IACHoB,KAAK,EAAE,CAACrB,UAAU,CAACsB,YAAY,EAAE;MAAEC,eAAe,EAAElB;IAAW,CAAC;EAAE,CACnE,CAAC,gBAEFT,KAAA,CAAAuB,aAAA,CAAClB,IAAI;IAACoB,KAAK,EAAErB,UAAU,CAACsB;EAAa,GAAEjB,UAAiB,CACzD,CAAC,EAEH,CAACG,eAAe,iBACfZ,KAAA,CAAAuB,aAAA,CAACrB,YAAY;IAACuB,KAAK,EAAE;MAAEE,eAAe,EAAEb;IAAiB;EAAE,CAAE,CAC9D,eAEDd,KAAA,CAAAuB,aAAA,CAACpB,SAAS;IACRyB,WAAW;IACXD,eAAe,EAAC,aAAa;IAC7BE,QAAQ,EAAEd,aAAa,IAAIO;EAAqB,CACjD,CAAC,eAEFtB,KAAA,CAAAuB,aAAA,CAAChB,KAAK,EAAAuB,QAAA;IAACV,IAAI,EAAEA,IAAK;IAACJ,QAAQ,EAAEA;EAAS,GAAKK,UAAU,GAClDX,QACI,CAAC,EAEP,CAACC,kBAAkB,iBAClBX,KAAA,CAAAuB,aAAA,CAACrB,YAAY;IACXuB,KAAK,EAAE;MACLE,eAAe,EAAEd;IACnB;EAAE,CACH,CAEH,CAAC;AAEP,CAAC"}

package/lib/module/components/Text/Text.js

@@ -2,7 +2,7 @@ function _extends() { _extends = Object.assign ? Object.assign.bind() : function
 import React, { useMemo } from "react";
 import { Animated, StyleSheet } from "react-native";
 import { useSkeletor } from "../../hooks";
-import { extractAnimationProperties, extractFlexProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
+import { extractAnimationProperties, extractFlexProperties, extractGapProperties, extractPositionProperties, extractSizeProperties } from "../../utils";
 /** Create a Font.d.ts type in your typescript types directory and define fonts as follows:
  * @example type Font = "Helvetica" | "Montserrat" ...  */
 export const Text = ({
@@ -18,6 +18,7 @@ export const Text = ({
   margins,
   paddings,
   animations,
+  gap,
   ...props
 }) => {
   const {
@@ -29,6 +30,9 @@ export const Text = ({
   const positionProps = useMemo(() => extractPositionProperties(props), [props]);
   const flexProps = useMemo(() => extractFlexProperties(props), [props]);
   const sizeProps = useMemo(() => extractSizeProperties(props), [props]);
+  const gapProps = useMemo(() => extractGapProperties({
+    gap
+  }), [gap]);
   const textSize = useMemo(() => {
     function mapper(value) {
       if (Array.isArray(value)) {
@@ -53,7 +57,7 @@ export const Text = ({
     textAlign,
     textTransform,
     letterSpacing
-  }, textSize, margins, paddings, sizeProps, flexProps, positionProps, style]), [color, font, opacity, textAlign, textTransform, textSize, margins, paddings, style, positionProps, sizeProps, flexProps, defaultTextColor, defaultFont, letterSpacing]);
+  }, textSize, margins, paddings, sizeProps, flexProps, positionProps, gapProps, style]), [color, font, opacity, textAlign, textTransform, textSize, margins, paddings, style, positionProps, sizeProps, flexProps, gapProps, defaultTextColor, defaultFont, letterSpacing]);
   return /*#__PURE__*/React.createElement(Animated.Text, _extends({
     style: [styles, animationProps],
     allowFontScaling: false,

package/lib/module/components/Text/Text.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","useMemo","Animated","StyleSheet","useSkeletor","extractAnimationProperties","extractFlexProperties","extractPositionProperties","extractSizeProperties","Text","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","margins","paddings","animations","props","defaultFont","defaultFontSize","defaultTextColor","animationProps","positionProps","flexProps","sizeProps","textSize","mapper","value","Array","isArray","fontSize","lineHeight","styles","flatten","fontFamily","createElement","_extends","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../src","sources":["Text.tsx"],"mappings":";AAAA,OAAOA,KAAK,IAAuBC,OAAO,QAAQ,OAAO;AACzD,SACEC,QAAQ,EACRC,UAAU,QAGL,cAAc;AAErB,SAASC,WAAW,QAAQ,aAAa;AAEzC,SACEC,0BAA0B,EAC1BC,qBAAqB,EACrBC,yBAAyB,EACzBC,qBAAqB,QAChB,aAAa;AAsBpB;AACA;AACA,OAAO,MAAMC,IAA4C,GAAGA,CAAC;EAC3DC,IAAI;EACJC,IAAI;EACJC,aAAa;EACbC,aAAa;EACbC,KAAK;EACLC,KAAK;EACLC,QAAQ;EACRC,SAAS;EACTC,OAAO;EACPC,OAAO;EACPC,QAAQ;EACRC,UAAU;EACV,GAAGC;AACL,CAAC,KAAK;EACJ,MAAM;IAAEC,WAAW;IAAEC,eAAe;IAAEC;EAAiB,CAAC,GAAGrB,WAAW,CAAC,CAAC;EACxE,MAAMsB,cAAc,GAAGzB,OAAO,CAC5B,MAAMI,0BAA0B,CAACgB,UAAU,CAAC,EAC5C,CAACA,UAAU,CACb,CAAC;EACD,MAAMM,aAAa,GAAG1B,OAAO,CAC3B,MAAMM,yBAAyB,CAACe,KAAK,CAAC,EACtC,CAACA,KAAK,CACR,CAAC;EACD,MAAMM,SAAS,GAAG3B,OAAO,CAAC,MAAMK,qBAAqB,CAACgB,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EACtE,MAAMO,SAAS,GAAG5B,OAAO,CAAC,MAAMO,qBAAqB,CAACc,KAAK,CAAC,EAAE,CAACA,KAAK,CAAC,CAAC;EAEtE,MAAMQ,QAAQ,GAAG7B,OAAO,CAAC,MAAM;IAC7B,SAAS8B,MAAMA,CAACC,KAAgC,EAAE;MAChD,IAAIC,KAAK,CAACC,OAAO,CAACF,KAAK,CAAC,EAAE;QACxB,MAAM,CAACG,QAAQ,EAAEC,UAAU,CAAC,GAAGJ,KAAK;QACpC,OAAO;UAAEG,QAAQ;UAAEC;QAAW,CAAC;MACjC,CAAC,MAAM;QACL,OAAO;UAAED,QAAQ,EAAEH,KAAK;UAAEI,UAAU,EAAEJ;QAAM,CAAC;MAC/C;IACF;IAEA,OAAOD,MAAM,CAACpB,IAAI,IAAIa,eAAe,CAAC;EACxC,CAAC,EAAE,CAACb,IAAI,EAAEa,eAAe,CAAC,CAAC;EAE3B,MAAMa,MAAM,GAAGpC,OAAO,CACpB,MACEE,UAAU,CAACmC,OAAO,CAAC,CACjB;IACExB,KAAK,EAAEA,KAAK,IAAIW,gBAAgB;IAChCc,UAAU,EAAE7B,IAAI,IAAIa,WAAW;IAC/BL,OAAO;IACPD,SAAS;IACTL,aAAa;IACbC;EACF,CAAC,EACDiB,QAAQ,EACRX,OAAO,EACPC,QAAQ,EACRS,SAAS,EACTD,SAAS,EACTD,aAAa,EACbZ,KAAK,CACN,CAAC,EACJ,CACED,KAAK,EACLJ,IAAI,EACJQ,OAAO,EACPD,SAAS,EACTL,aAAa,EACbkB,QAAQ,EACRX,OAAO,EACPC,QAAQ,EACRL,KAAK,EACLY,aAAa,EACbE,SAAS,EACTD,SAAS,EACTH,gBAAgB,EAChBF,WAAW,EACXV,aAAa,CAEjB,CAAC;EAED,oBACEb,KAAA,CAAAwC,aAAA,CAACtC,QAAQ,CAACO,IAAI,EAAAgC,QAAA;IACZ1B,KAAK,EAAE,CAACsB,MAAM,EAAEX,cAAc,CAAE;IAChCgB,gBAAgB,EAAE,KAAM;IACxBC,qBAAqB,EAAE;EAAE,GACrBrB,KAAK,GAERN,QACY,CAAC;AAEpB,CAAC"}
+{"version":3,"names":["React","useMemo","Animated","StyleSheet","useSkeletor","extractAnimationProperties","extractFlexProperties","extractGapProperties","extractPositionProperties","extractSizeProperties","Text","font","size","textTransform","letterSpacing","color","style","children","textAlign","opacity","margins","paddings","animations","gap","props","defaultFont","defaultFontSize","defaultTextColor","animationProps","positionProps","flexProps","sizeProps","gapProps","textSize","mapper","value","Array","isArray","fontSize","lineHeight","styles","flatten","fontFamily","createElement","_extends","allowFontScaling","maxFontSizeMultiplier"],"sourceRoot":"../../src","sources":["Text.tsx"],"mappings":"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"}

package/lib/module/utils/animations.js

@@ -1,5 +1,10 @@
 import { Animated, Easing } from "react-native";
-function processStyles(styles, config) {
+function processStyles(styles, {
+  duration = 400,
+  easing = Easing.inOut(Easing.ease),
+  loop = false,
+  native = true
+}) {
   const keys = Object.keys(styles);
   const values = keys.map(() => new Animated.Value(0));
   const compositions = [];
@@ -14,19 +19,19 @@ function processStyles(styles, config) {
     });
     let composition = Animated.timing(value, {
       toValue: definition.length - 1,
-      duration: config.duration,
-      useNativeDriver: !config.loop,
-      easing: config.easing || Easing.inOut(Easing.quad)
+      duration,
+      useNativeDriver: !loop && !!native,
+      easing
     });
-    if (config.loop) {
-      composition = Animated.loop(composition);
-    }
     const reverseComposition = Animated.timing(value, {
       toValue: 0,
-      duration: config.duration,
-      useNativeDriver: !config.loop,
-      easing: config.easing || Easing.inOut(Easing.quad)
+      duration,
+      useNativeDriver: !loop && !!native,
+      easing
     });
+    if (loop) {
+      composition = Animated.loop(composition);
+    }
     animations[key] = animation;
     compositions.push(composition);
     reverseCompositions.push(reverseComposition);
@@ -38,21 +43,9 @@ function processStyles(styles, config) {
     animations: animations
   };
 }
-
-/** Animate styles in parallel.
- * Example: if you define opacity and top styles, this will start the opacity animation and the top animation at the same time. */
-export function animateParallel(styles, config = {
-  duration: 800
-}) {
-  const {
-    animations,
-    reverseCompositions,
-    compositions
-  } = processStyles(styles, config);
-  const trigger = Animated.parallel(compositions);
-  const reverseTrigger = Animated.parallel(reverseCompositions);
+function getAnimationTriggers(forward, backward) {
   function start(onFinished) {
-    trigger.start(({
+    forward.start(({
       finished
     }) => {
       if (finished) {
@@ -60,10 +53,40 @@ export function animateParallel(styles, config = {
       }
     });
   }
+  function reverse(onFinished) {
+    backward.start(({
+      finished
+    }) => {
+      if (finished) {
+        onFinished === null || onFinished === void 0 || onFinished();
+      }
+    });
+  }
+  function reset() {
+    forward.reset();
+  }
   return {
+    /** Will start the animation and interpolate the value as defined in the animation style configuration object. */
     start,
-    reverse: reverseTrigger.start,
-    reset: trigger.reset,
+    /** Should only be triggered when `start()` has already been called. This will interpolate the Animated.Value back to the initial value defined in the animation from whatever value it is currently at. If the current value is already the initial value, reverse does nothing. */
+    reverse,
+    /** Reset only resets the forward trigger (called with start()). Both triggers are attached to the same Animated.Value, so resetting the forward one resets the value to the true initial value defined in the animation. */
+    reset
+  };
+}
+
+/** Animate styles in parallel.
+ * Example: if you define opacity and top styles, this will start the opacity animation and the top animation at the same time. */
+export function animateParallel(styles, config) {
+  const {
+    animations,
+    reverseCompositions,
+    compositions
+  } = processStyles(styles, config || {});
+  const trigger = Animated.parallel(compositions);
+  const reverseTrigger = Animated.parallel(reverseCompositions);
+  return {
+    ...getAnimationTriggers(trigger, reverseTrigger),
     forward: trigger,
     backward: reverseTrigger,
     animations
@@ -87,30 +110,16 @@ function createStaggerComposition(compositions, stagger) {
 
 /** Stagger defined styles animations.
  * Example: if you define opacity and top styles, this will start the opacity animation and stagger the top animation by stagger amount. */
-export function animateStagger(styles, config = {
-  duration: 800,
-  stagger: 400
-}) {
+export function animateStagger(styles, config) {
   const {
     animations,
     reverseCompositions,
     compositions
-  } = processStyles(styles, config);
-  const trigger = createStaggerComposition(compositions, config.stagger);
-  const reverseTrigger = createStaggerComposition(reverseCompositions, config.stagger);
-  function start(onFinished) {
-    trigger.start(({
-      finished
-    }) => {
-      if (finished) {
-        onFinished === null || onFinished === void 0 || onFinished();
-      }
-    });
-  }
+  } = processStyles(styles, config || {});
+  const trigger = createStaggerComposition(compositions, config.stagger || 200);
+  const reverseTrigger = createStaggerComposition(reverseCompositions, config.stagger || 200);
   return {
-    start,
-    reverse: reverseTrigger.start,
-    reset: trigger.reset,
+    ...getAnimationTriggers(trigger, reverseTrigger),
     forward: trigger,
     backward: reverseTrigger,
     animations
@@ -149,29 +158,16 @@ function createSequenceComposition(compositions) {
 
 /** This will animate the passed in styles in sequence.
  * Example: if you define opacity and top styles, this will start the opacity animation and then start the top animation when the opacity animation finishes. */
-export function animateSequence(styles, config = {
-  duration: 800
-}) {
+export function animateSequence(styles, config) {
   const {
     animations,
     reverseCompositions,
     compositions
-  } = processStyles(styles, config);
+  } = processStyles(styles, config || {});
   const trigger = createSequenceComposition(compositions);
   const reverseTrigger = createSequenceComposition(reverseCompositions);
-  function start(onFinished) {
-    trigger.start(({
-      finished
-    }) => {
-      if (finished) {
-        onFinished === null || onFinished === void 0 || onFinished();
-      }
-    });
-  }
   return {
-    start,
-    reverse: reverseTrigger.start,
-    reset: trigger.reset,
+    ...getAnimationTriggers(trigger, reverseTrigger),
     forward: trigger,
     backward: reverseTrigger,
     animations
@@ -179,22 +175,23 @@ export function animateSequence(styles, config = {
 }
 export function createAnimationTimeline(timeline) {
   const times = Object.keys(timeline).map(ms => Number(ms));
-  const compositions = times.map(ms => {
+  const lastTime = times[times.length - 1];
+  const reverseTimes = times.reverse();
+  let compositions = [];
+  let reverseCompositions = [];
+  for (const ms of times) {
     const elements = timeline[ms];
     const trigger = Animated.parallel(elements.map(e => e.forward));
-    if (!ms) return trigger;
-    return createSequenceComposition([Animated.delay(ms), trigger]);
-  }).flat();
-  let lastTime = times[times.length - 1];
-  const reverseCompositions = times.reverse().map(ms => {
+    compositions.push(!ms ? trigger : createSequenceComposition([Animated.delay(ms), trigger]));
+  }
+  for (const ms of reverseTimes) {
     const delay = lastTime - ms;
     const elements = timeline[ms];
     const trigger = Animated.parallel(elements.map(e => e.backward));
-    if (!delay) return trigger;
-    return createSequenceComposition([Animated.delay(delay), trigger]);
-  });
-  const forward = Animated.parallel(compositions);
-  const backward = Animated.parallel(reverseCompositions);
+    reverseCompositions.push(!delay ? trigger : createSequenceComposition([Animated.delay(delay), trigger]));
+  }
+  const forward = Animated.parallel(compositions.flat());
+  const backward = Animated.parallel(reverseCompositions.flat());
   return {
     start: forward.start,
     reverse: backward.start,

package/lib/module/utils/animations.js.map

@@ -1 +1 @@
-{"version":3,"names":["Animated","Easing","processStyles","styles","config","keys","Object","values","map","Value","compositions","reverseCompositions","animations","forEach","key","index","value","definition","animation","interpolate","inputRange","_","i","outputRange","composition","timing","toValue","length","duration","useNativeDriver","loop","easing","inOut","quad","reverseComposition","push","reverse","animateParallel","trigger","parallel","reverseTrigger","start","onFinished","finished","reset","forward","backward","createStaggerComposition","stagger","callback","c","createSequenceComposition","delay","stop","animateStagger","startComposition","nextIndex","animateSequence","createAnimationTimeline","timeline","times","ms","Number","elements","e","flat","lastTime"],"sourceRoot":"../../src","sources":["animations.ts"],"mappings":"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"}
+{"version":3,"names":["Animated","Easing","processStyles","styles","duration","easing","inOut","ease","loop","native","keys","Object","values","map","Value","compositions","reverseCompositions","animations","forEach","key","index","value","definition","animation","interpolate","inputRange","_","i","outputRange","composition","timing","toValue","length","useNativeDriver","reverseComposition","push","reverse","getAnimationTriggers","forward","backward","start","onFinished","finished","reset","animateParallel","config","trigger","parallel","reverseTrigger","createStaggerComposition","stagger","callback","c","createSequenceComposition","delay","stop","animateStagger","startComposition","nextIndex","animateSequence","createAnimationTimeline","timeline","times","ms","Number","lastTime","reverseTimes","elements","e","flat"],"sourceRoot":"../../src","sources":["animations.ts"],"mappings":"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"}

package/lib/module/utils/extractGapProperties.js

@@ -0,0 +1,20 @@
+export function extractGapProperties(props) {
+  const value = props.gap;
+  if (!value) return {};
+  if (Array.isArray(value)) {
+    return {
+      columnGap: value[0],
+      rowGap: value[1]
+    };
+  }
+  if (typeof value === "number") {
+    return {
+      gap: value
+    };
+  }
+  return {
+    columnGap: value.col,
+    rowGap: value.row
+  };
+}
+//# sourceMappingURL=extractGapProperties.js.map

package/lib/module/utils/extractGapProperties.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["extractGapProperties","props","value","gap","Array","isArray","columnGap","rowGap","col","row"],"sourceRoot":"../../src","sources":["extractGapProperties.ts"],"mappings":"AAGA,OAAO,SAASA,oBAAoBA,CAClCC,KAAY,EAKZ;EACA,MAAMC,KAAK,GAAGD,KAAK,CAACE,GAAG;EACvB,IAAI,CAACD,KAAK,EAAE,OAAO,CAAC,CAAC;EAErB,IAAIE,KAAK,CAACC,OAAO,CAACH,KAAK,CAAC,EAAE;IACxB,OAAO;MACLI,SAAS,EAAEJ,KAAK,CAAC,CAAC,CAAC;MACnBK,MAAM,EAAEL,KAAK,CAAC,CAAC;IACjB,CAAC;EACH;EAEA,IAAI,OAAOA,KAAK,KAAK,QAAQ,EAAE;IAC7B,OAAO;MACLC,GAAG,EAAED;IACP,CAAC;EACH;EAEA,OAAO;IACLI,SAAS,EAAEJ,KAAK,CAACM,GAAG;IACpBD,MAAM,EAAEL,KAAK,CAACO;EAChB,CAAC;AACH"}

package/lib/module/utils/index.js

@@ -2,6 +2,7 @@ export * from "./animations";
 export * from "./extractAlignmentProperties";
 export * from "./extractAnimationProperties";
 export * from "./extractFlexProperties";
+export * from "./extractGapProperties";
 export * from "./extractPositionProperties";
 export * from "./extractSizeProperties";
 //# sourceMappingURL=index.js.map

package/lib/module/utils/index.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB"}
+{"version":3,"names":[],"sourceRoot":"../../src","sources":["index.ts"],"mappings":"AAAA,cAAc,cAAc;AAC5B,cAAc,8BAA8B;AAC5C,cAAc,8BAA8B;AAC5C,cAAc,yBAAyB;AACvC,cAAc,wBAAwB;AACtC,cAAc,6BAA6B;AAC3C,cAAc,yBAAyB"}

package/lib/typescript/components/Block/Block.d.ts

@@ -1,23 +1,25 @@
 import React, { PropsWithChildren } from "react";
-import { ScrollViewProps, StyleProp, ViewProps, ViewStyle } from "react-native";
+import { ScrollViewProps, ViewProps, ViewStyle } from "react-native";
 import { Alignment, Animations, Border, Flex, Position, Size, Spacing } from "../../models";
-interface SharedProps {
+declare type SkeletorProps = Alignment & Spacing & Size & Border & Flex & Position & Animations;
+declare type SharedProps = SkeletorProps & {
     background?: string;
     opacity?: ViewStyle["opacity"];
-}
-export declare type BlockScrollViewProps = SharedProps & ScrollViewProps & {
+};
+export declare type BlockScrollViewProps = SharedProps & ViewProps & {
     scrollable: true;
-    horizontal?: boolean;
-    showsVerticalScrollIndicator?: boolean;
-    showsHorizontalScrollIndicator?: boolean;
-    bounces?: boolean;
-    style?: StyleProp<ViewStyle>;
+    scrollProps?: ScrollViewProps;
 };
 export declare type BlockViewProps = SharedProps & ViewProps & {
     scrollable?: false | undefined;
 };
-declare type BaseProps = Alignment & Spacing & Size & Border & Flex & Position & Animations;
-export declare type BlockProps = (BlockViewProps | BlockScrollViewProps) & BaseProps;
+export declare type BlockProps = BlockScrollViewProps | BlockViewProps;
+/** 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 }` */
 export declare const Block: React.FC<PropsWithChildren<BlockProps>>;
 export {};
 //# sourceMappingURL=Block.d.ts.map

package/lib/typescript/components/Block/Block.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,eAAe,EACf,SAAS,EAET,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACR,MAAM,cAAc,CAAC;AAStB,UAAU,WAAW;IACnB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,oBAAY,oBAAoB,GAAG,WAAW,GAC5C,eAAe,GAAG;IAChB,UAAU,EAAE,IAAI,CAAC;IACjB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,4BAA4B,CAAC,EAAE,OAAO,CAAC;IACvC,8BAA8B,CAAC,EAAE,OAAO,CAAC;IACzC,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,KAAK,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAC9B,CAAC;AAEJ,oBAAY,cAAc,GAAG,WAAW,GACtC,SAAS,GAAG;IACV,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAChC,CAAC;AAkFJ,aAAK,SAAS,GAAG,SAAS,GACxB,OAAO,GACP,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEb,oBAAY,UAAU,GAAG,CAAC,cAAc,GAAG,oBAAoB,CAAC,GAAG,SAAS,CAAC;AAE7E,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAgCzD,CAAC"}
+{"version":3,"file":"Block.d.ts","sourceRoot":"","sources":["../../../../src/components/Block/Block.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,eAAe,EAEf,SAAS,EACT,SAAS,EACV,MAAM,cAAc,CAAC;AAEtB,OAAO,EACL,SAAS,EACT,UAAU,EACV,MAAM,EACN,IAAI,EACJ,QAAQ,EACR,IAAI,EACJ,OAAO,EACR,MAAM,cAAc,CAAC;AAUtB,aAAK,aAAa,GAAG,SAAS,GAC5B,OAAO,GACP,IAAI,GACJ,MAAM,GACN,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEb,aAAK,WAAW,GAAG,aAAa,GAAG;IACjC,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC,CAAC;AAEF,oBAAY,oBAAoB,GAAG,WAAW,GAC5C,SAAS,GAAG;IACV,UAAU,EAAE,IAAI,CAAC;IACjB,WAAW,CAAC,EAAE,eAAe,CAAC;CAC/B,CAAC;AAEJ,oBAAY,cAAc,GAAG,WAAW,GACtC,SAAS,GAAG;IACV,UAAU,CAAC,EAAE,KAAK,GAAG,SAAS,CAAC;CAChC,CAAC;AAEJ,oBAAY,UAAU,GAAG,oBAAoB,GAAG,cAAc,CAAC;AAmF/D;;;;;sFAKsF;AACtF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,UAAU,CAAC,CAkCzD,CAAC"}

package/lib/typescript/components/InputFocusScrollView/InputFocusScrollView.d.ts

@@ -8,11 +8,19 @@ export interface InputFocusScrollViewProps extends Omit<ScrollViewProps, "childr
     children: (onInputFocus: (e: NativeSyntheticEvent<TextInputFocusEventData>) => void) => React.ReactNode;
 }
 /**
- * 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.
+ * 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}`
  */
 export declare const InputFocusScrollView: React.FC<InputFocusScrollViewProps>;
 //# sourceMappingURL=InputFocusScrollView.d.ts.map

package/lib/typescript/components/InputFocusScrollView/InputFocusScrollView.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAA2B,MAAM,OAAO,CAAC;AAChD,OAAO,EAEL,oBAAoB,EAGpB,eAAe,EAGf,uBAAuB,EACxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAEvC,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,OAAO;IACT,4LAA4L;IAC5L,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CACR,YAAY,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,KACrE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED;;;;;;GAMG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CAuEpE,CAAC"}
+{"version":3,"file":"InputFocusScrollView.d.ts","sourceRoot":"","sources":["../../../../src/components/InputFocusScrollView/InputFocusScrollView.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAoC,MAAM,OAAO,CAAC;AACzD,OAAO,EAEL,oBAAoB,EAGpB,eAAe,EAGf,uBAAuB,EACxB,MAAM,cAAc,CAAC;AAEtB,OAAO,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAGvC,MAAM,WAAW,yBACf,SAAQ,IAAI,CAAC,eAAe,EAAE,UAAU,CAAC,EACvC,OAAO;IACT,4LAA4L;IAC5L,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,QAAQ,EAAE,CACR,YAAY,EAAE,CAAC,CAAC,EAAE,oBAAoB,CAAC,uBAAuB,CAAC,KAAK,IAAI,KACrE,KAAK,CAAC,SAAS,CAAC;CACtB;AAED;;;;;;;;;;;;;;GAcG;AACH,eAAO,MAAM,oBAAoB,EAAE,KAAK,CAAC,EAAE,CAAC,yBAAyB,CA8EpE,CAAC"}

package/lib/typescript/components/Screen/Screen.d.ts

@@ -1,5 +1,5 @@
 import React, { PropsWithChildren } from "react";
-import { ViewProps } from "react-native";
+import { BlockProps } from "../Block";
 declare type OwnProps = {
     /** Pass a specific background view OR just a background color value. Custom components should be 100% height and width. */
     background?: JSX.Element | string;
@@ -8,9 +8,8 @@ declare type OwnProps = {
     bottomSafeAreaColor?: string;
     topSafeAreaColor?: string;
     statusBarType?: "default" | "light-content" | "dark-content";
-    isLandscape?: boolean;
 };
-export declare type ScreenProps = OwnProps & ViewProps;
+export declare type ScreenProps = OwnProps & Omit<BlockProps, "background">;
 export declare const Screen: React.FC<PropsWithChildren<ScreenProps>>;
 export {};
 //# sourceMappingURL=Screen.d.ts.map

package/lib/typescript/components/Screen/Screen.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AACjD,OAAO,EAOL,SAAS,EACV,MAAM,cAAc,CAAC;AAKtB,aAAK,QAAQ,GAAG;IACd,2HAA2H;IAC3H,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;IAC7D,WAAW,CAAC,EAAE,OAAO,CAAC;CACvB,CAAC;AAEF,oBAAY,WAAW,GAAG,QAAQ,GAAG,SAAS,CAAC;AAE/C,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAwD3D,CAAC"}
+{"version":3,"file":"Screen.d.ts","sourceRoot":"","sources":["../../../../src/components/Screen/Screen.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAE,MAAM,OAAO,CAAC;AAUjD,OAAO,EAAS,UAAU,EAAE,MAAM,UAAU,CAAC;AAE7C,aAAK,QAAQ,GAAG;IACd,2HAA2H;IAC3H,UAAU,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,MAAM,CAAC;IAClC,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,kBAAkB,CAAC,EAAE,OAAO,CAAC;IAC7B,mBAAmB,CAAC,EAAE,MAAM,CAAC;IAC7B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,aAAa,CAAC,EAAE,SAAS,GAAG,eAAe,GAAG,cAAc,CAAC;CAC9D,CAAC;AAEF,oBAAY,WAAW,GAAG,QAAQ,GAAG,IAAI,CAAC,UAAU,EAAE,YAAY,CAAC,CAAC;AAEpE,eAAO,MAAM,MAAM,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,WAAW,CAAC,CAkD3D,CAAC"}

package/lib/typescript/components/Text/Text.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,SAAS,IAAI,WAAW,EACxB,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AAQzE,UAAU,QAAS,SAAQ,WAAW;IACpC;8DAC0D;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oGAAoG;IACpG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,oBAAY,SAAS,GAAG,QAAQ,GAC9B,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEb;0DAC0D;AAC1D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CAwFvD,CAAC"}
+{"version":3,"file":"Text.d.ts","sourceRoot":"","sources":["../../../../src/components/Text/Text.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,EAAE,iBAAiB,EAAW,MAAM,OAAO,CAAC;AAC1D,OAAO,EAGL,SAAS,IAAI,WAAW,EACxB,SAAS,EACV,MAAM,cAAc,CAAC;AAGtB,OAAO,EAAE,UAAU,EAAE,IAAI,EAAE,QAAQ,EAAE,IAAI,EAAE,OAAO,EAAE,MAAM,cAAc,CAAC;AASzE,UAAU,QAAS,SAAQ,WAAW;IACpC;8DAC0D;IAC1D,IAAI,CAAC,EAAE,IAAI,CAAC;IACZ,oGAAoG;IACpG,IAAI,CAAC,EAAE,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;IACjC,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,aAAa,CAAC,EAAE,SAAS,CAAC,eAAe,CAAC,CAAC;IAC3C,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,OAAO,CAAC,EAAE,SAAS,CAAC,SAAS,CAAC,CAAC;CAChC;AAED,oBAAY,SAAS,GAAG,QAAQ,GAC9B,OAAO,GACP,IAAI,GACJ,IAAI,GACJ,QAAQ,GACR,UAAU,CAAC;AAEb;0DAC0D;AAC1D,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAAC,SAAS,CAAC,CA4FvD,CAAC"}

package/lib/typescript/models/Animation.d.ts

@@ -1,11 +1,15 @@
 import { Animated, EasingFunction, ViewStyle } from "react-native";
 export declare type AnimationConfiguration = {
-    duration: number;
+    duration?: number;
+    /** Note:  Disables native driver. */
     loop?: boolean;
+    /** Enables or disables native driver. Defaults to true. */
+    native?: boolean;
+    /** Defaults to Easing.inOut(Easing.ease) */
     easing?: EasingFunction;
 };
 export declare type StaggerAnimationConfiguration = AnimationConfiguration & {
-    stagger: number;
+    stagger?: number;
 };
 export declare type AnimationStyle<Keys extends keyof ViewStyle> = {
     [K in Keys | keyof ViewStyle]?: string[] | number[];
@@ -20,8 +24,8 @@ export declare type ElementAnimation<Keys extends keyof ViewStyle> = {
     /** Start animation with onFinished callback. Using forward.start() */
     start(onFinished?: () => void): void;
     /** Reverse all animation values to initial value and reset main trigger. Using backward.start() */
-    reverse: () => void;
-    /** Reset animation to initial value. Using forward.reset() */
+    reverse: (onFinished?: () => void) => void;
+    /** Reset animations to initial value. Using forward.reset() */
     reset: Animated.CompositeAnimation["reset"];
 };
 export interface Animations {

package/lib/typescript/models/Animation.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../../src/models/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnE,oBAAY,sBAAsB,GAAG;IACnC,QAAQ,EAAE,MAAM,CAAC;IACjB,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,oBAAY,6BAA6B,GAAG,sBAAsB,GAAG;IACnE,OAAO,EAAE,MAAM,CAAC;CACjB,CAAC;AAEF,oBAAY,cAAc,CAAC,IAAI,SAAS,MAAM,SAAS,IAAI;KACxD,CAAC,IAAI,IAAI,GAAG,MAAM,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;CACpD,CAAC;AAEF,oBAAY,SAAS,CAAC,IAAI,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,IAAI;KACrE,CAAC,IAAI,IAAI,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,oBAAY,gBAAgB,CAAC,IAAI,SAAS,MAAM,SAAS,IAAI;IAC3D,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACrC,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACrC,mGAAmG;IACnG,OAAO,EAAE,MAAM,IAAI,CAAC;IACpB,8DAA8D;IAC9D,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACjC"}
+{"version":3,"file":"Animation.d.ts","sourceRoot":"","sources":["../../../src/models/Animation.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAE,cAAc,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEnE,oBAAY,sBAAsB,GAAG;IACnC,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,2DAA2D;IAC3D,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,4CAA4C;IAC5C,MAAM,CAAC,EAAE,cAAc,CAAC;CACzB,CAAC;AAEF,oBAAY,6BAA6B,GAAG,sBAAsB,GAAG;IACnE,OAAO,CAAC,EAAE,MAAM,CAAC;CAClB,CAAC;AAEF,oBAAY,cAAc,CAAC,IAAI,SAAS,MAAM,SAAS,IAAI;KACxD,CAAC,IAAI,IAAI,GAAG,MAAM,SAAS,CAAC,CAAC,EAAE,MAAM,EAAE,GAAG,MAAM,EAAE;CACpD,CAAC;AAEF,oBAAY,SAAS,CAAC,IAAI,SAAS,MAAM,SAAS,GAAG,MAAM,SAAS,IAAI;KACrE,CAAC,IAAI,IAAI,GAAG,QAAQ,CAAC,qBAAqB,CAAC,MAAM,GAAG,MAAM,CAAC;CAC7D,CAAC;AAEF,oBAAY,gBAAgB,CAAC,IAAI,SAAS,MAAM,SAAS,IAAI;IAC3D,UAAU,EAAE,SAAS,CAAC,IAAI,CAAC,CAAC;IAC5B,OAAO,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACrC,QAAQ,EAAE,QAAQ,CAAC,kBAAkB,CAAC;IACtC,sEAAsE;IACtE,KAAK,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,GAAG,IAAI,CAAC;IACrC,mGAAmG;IACnG,OAAO,EAAE,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,KAAK,IAAI,CAAC;IAC3C,+DAA+D;IAC/D,KAAK,EAAE,QAAQ,CAAC,kBAAkB,CAAC,OAAO,CAAC,CAAC;CAC7C,CAAC;AAEF,MAAM,WAAW,UAAU;IACzB,UAAU,CAAC,EAAE,OAAO,CAAC,SAAS,CAAC,CAAC;CACjC"}

package/lib/typescript/models/Spacing.d.ts

@@ -7,9 +7,15 @@ declare type MarginStyles = {
 declare type PaddingStyles = {
     [K in PaddingKey]?: ViewStyle[K];
 };
+declare type GapType = {
+    row?: number;
+    col?: number;
+} | [number, number] | number;
 export interface Spacing {
     margins?: MarginStyles;
     paddings?: PaddingStyles;
+    /** Possible value formats are { row, col } or [col, row] or just a number applied to both column and row gap. */
+    gap?: GapType;
 }
 export {};
 //# sourceMappingURL=Spacing.d.ts.map

package/lib/typescript/models/Spacing.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/models/Spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;AAC7D,aAAK,UAAU,GAAG,OAAO,CAAC,MAAM,SAAS,EAAE,UAAU,MAAM,EAAE,CAAC,CAAC;AAE/D,aAAK,YAAY,GAAG;KACjB,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,aAAK,aAAa,GAAG;KAClB,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAC;CAC1B"}
+{"version":3,"file":"Spacing.d.ts","sourceRoot":"","sources":["../../../src/models/Spacing.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,MAAM,oBAAoB,CAAC;AAE/C,aAAK,SAAS,GAAG,OAAO,CAAC,MAAM,SAAS,EAAE,SAAS,MAAM,EAAE,CAAC,CAAC;AAC7D,aAAK,UAAU,GAAG,OAAO,CAAC,MAAM,SAAS,EAAE,UAAU,MAAM,EAAE,CAAC,CAAC;AAE/D,aAAK,YAAY,GAAG;KACjB,CAAC,IAAI,SAAS,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;CAChC,CAAC;AAEF,aAAK,aAAa,GAAG;KAClB,CAAC,IAAI,UAAU,CAAC,CAAC,EAAE,SAAS,CAAC,CAAC,CAAC;CACjC,CAAC;AAEF,aAAK,OAAO,GAAG;IAAE,GAAG,CAAC,EAAE,MAAM,CAAC;IAAC,GAAG,CAAC,EAAE,MAAM,CAAA;CAAE,GAAG,CAAC,MAAM,EAAE,MAAM,CAAC,GAAG,MAAM,CAAC;AAE1E,MAAM,WAAW,OAAO;IACtB,OAAO,CAAC,EAAE,YAAY,CAAC;IACvB,QAAQ,CAAC,EAAE,aAAa,CAAC;IACzB,iHAAiH;IACjH,GAAG,CAAC,EAAE,OAAO,CAAC;CACf"}

package/lib/typescript/utils/animations.d.ts

@@ -5,7 +5,7 @@ import { AnimationConfiguration, AnimationStyle, ElementAnimation, StaggerAnimat
 export declare function animateParallel<Styles extends keyof ViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration): ElementAnimation<Styles>;
 /** Stagger defined styles animations.
  * Example: if you define opacity and top styles, this will start the opacity animation and stagger the top animation by stagger amount. */
-export declare function animateStagger<Styles extends keyof ViewStyle>(styles: AnimationStyle<Styles>, config?: StaggerAnimationConfiguration): ElementAnimation<Styles>;
+export declare function animateStagger<Styles extends keyof ViewStyle>(styles: AnimationStyle<Styles>, config: StaggerAnimationConfiguration): ElementAnimation<Styles>;
 /** This will animate the passed in styles in sequence.
  * Example: if you define opacity and top styles, this will start the opacity animation and then start the top animation when the opacity animation finishes. */
 export declare function animateSequence<Styles extends keyof ViewStyle>(styles: AnimationStyle<Styles>, config?: AnimationConfiguration): ElementAnimation<Styles>;

package/lib/typescript/utils/animations.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/utils/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAEL,sBAAsB,EACtB,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC9B,MAAM,WAAW,CAAC;AAoDnB;kIACkI;AAClI,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,SAAS,EAC5D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,GAAE,sBAA0C,GACjD,gBAAgB,CAAC,MAAM,CAAC,CAwB1B;AAuBD;2IAC2I;AAC3I,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,SAAS,EAC3D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,GAAE,6BAA+D,GACtE,gBAAgB,CAAC,MAAM,CAAC,CA2B1B;AAgCD;gKACgK;AAChK,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,SAAS,EAC5D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,GAAE,sBAA0C,GACjD,gBAAgB,CAAC,MAAM,CAAC,CAwB1B;AAED,UAAU,8BAA8B;IACtC,CAAC,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;CACvC;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,8BAA8B;;;;EA8BzC"}
+{"version":3,"file":"animations.d.ts","sourceRoot":"","sources":["../../../src/utils/animations.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,QAAQ,EAAU,SAAS,EAAE,MAAM,cAAc,CAAC;AAE3D,OAAO,EAEL,sBAAsB,EACtB,cAAc,EACd,gBAAgB,EAChB,6BAA6B,EAC9B,MAAM,WAAW,CAAC;AA2FnB;kIACkI;AAClI,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,SAAS,EAC5D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,CAAC,EAAE,sBAAsB,GAC9B,gBAAgB,CAAC,MAAM,CAAC,CAc1B;AAuBD;2IAC2I;AAC3I,wBAAgB,cAAc,CAAC,MAAM,SAAS,MAAM,SAAS,EAC3D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,EAAE,6BAA6B,GACpC,gBAAgB,CAAC,MAAM,CAAC,CAiB1B;AAgCD;gKACgK;AAChK,wBAAgB,eAAe,CAAC,MAAM,SAAS,MAAM,SAAS,EAC5D,MAAM,EAAE,cAAc,CAAC,MAAM,CAAC,EAC9B,MAAM,CAAC,EAAE,sBAAsB,GAC9B,gBAAgB,CAAC,MAAM,CAAC,CAc1B;AAED,UAAU,8BAA8B;IACtC,CAAC,EAAE,EAAE,MAAM,GAAG,gBAAgB,CAAC,GAAG,CAAC,EAAE,CAAC;CACvC;AAED,wBAAgB,uBAAuB,CACrC,QAAQ,EAAE,8BAA8B;;;;EAoCzC"}

package/lib/typescript/utils/extractGapProperties.d.ts

@@ -0,0 +1,8 @@
+import { Spacing } from "models";
+import { ViewStyle } from "react-native";
+export declare function extractGapProperties<Props extends Spacing>(props: Props): {
+    gap?: ViewStyle["gap"];
+    columnGap?: ViewStyle["columnGap"];
+    rowGap?: ViewStyle["rowGap"];
+};
+//# sourceMappingURL=extractGapProperties.d.ts.map

package/lib/typescript/utils/extractGapProperties.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"extractGapProperties.d.ts","sourceRoot":"","sources":["../../../src/utils/extractGapProperties.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC;AACjC,OAAO,EAAE,SAAS,EAAE,MAAM,cAAc,CAAC;AAEzC,wBAAgB,oBAAoB,CAAC,KAAK,SAAS,OAAO,EACxD,KAAK,EAAE,KAAK,GACX;IACD,GAAG,CAAC,EAAE,SAAS,CAAC,KAAK,CAAC,CAAC;IACvB,SAAS,CAAC,EAAE,SAAS,CAAC,WAAW,CAAC,CAAC;IACnC,MAAM,CAAC,EAAE,SAAS,CAAC,QAAQ,CAAC,CAAC;CAC9B,CAqBA"}

package/lib/typescript/utils/index.d.ts

@@ -2,6 +2,7 @@ export * from "./animations";
 export * from "./extractAlignmentProperties";
 export * from "./extractAnimationProperties";
 export * from "./extractFlexProperties";
+export * from "./extractGapProperties";
 export * from "./extractPositionProperties";
 export * from "./extractSizeProperties";
 //# sourceMappingURL=index.d.ts.map

package/lib/typescript/utils/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,cAAc,CAAC;AAC7B,cAAc,8BAA8B,CAAC;AAC7C,cAAc,8BAA8B,CAAC;AAC7C,cAAc,yBAAyB,CAAC;AACxC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,yBAAyB,CAAC"}

package/package.json

@@ -6,7 +6,7 @@
     "Luka Buljan <luka@prototyp.digital>",
     "Vlatko Vlahek <vlatko@prototyp.digital>"
   ],
-  "version": "1.0.12",
+  "version": "1.0.15",
   "license": "MIT",
   "types": "lib/typescript/index.d.ts",
   "main": "lib/module/index.js",
@@ -49,6 +49,7 @@
   },
   "keywords": [
     "react-native",
+    "toolkit",
     "ui",
     "kit",
     "form",
@@ -60,9 +61,7 @@
     "utils"
   ],
   "files": [
-    "lib",
-    "README.md",
-    "package.json"
+    "lib"
   ],
   "react-native-builder-bob": {
     "source": "src",