@draftbit/core 46.4.4-d93fe1.2 → 46.4.4-dc4ec4.2

package/lib/module/components/Accordion/AccordionItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Pressable","StyleSheet","View","Text","extractStyles","withTheme","AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","styles","container","row","colors","primary","item","content","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,SAAS,EACTC,UAAU,EACVC,IAAI,QAGC,cAAc;AAErB,OAAOC,IAAI,MAAM,SAAS;AAE1B,SAASC,aAAa,QAAQ,iBAAiB;AAC/C,SAASC,SAAS,QAAQ,eAAe;AAWzC,MAAMC,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IAAI;IACJC,IAAI;IACJC,KAAK;IACLC,KAAK;IACLC,SAAS;IACTC,KAAK;IACL,GAAGC;EACE,CAAC;EACN,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGX,aAAa,CAACM,KAAK,CAAC;EAEvD,oBACE,oBAAC,SAAS;IAAC,KAAK,EAAE,CAACM,MAAM,CAACC,SAAS,EAAEF,UAAU;EAAE,GAAKF,IAAI,gBACxD,oBAAC,IAAI;IAAC,KAAK,EAAEG,MAAM,CAACE;EAAI,GACrBV,IAAI,gBACH,oBAAC,IAAI;IACH,IAAI,EAAEA,IAAK;IACX,IAAI,EAAE,EAAG;IACT,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAM,CAACC;EAAQ,EACzC,GACA,IAAI,eACR,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAI,EAAEL,MAAM,CAACM,OAAO;EAAE,gBACzC,oBAAC,IAAI;IAAC,UAAU,EAAE,KAAM;IAAC,KAAK,EAAER;EAAW,GACxCL,KAAK,CACD,CACF,CACF,CACG;AAEhB,CAAC;AAED,MAAMO,MAAM,GAAGf,UAAU,CAACsB,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTO,OAAO,EAAE;EACX,CAAC;EACDN,GAAG,EAAE;IACHO,aAAa,EAAE,KAAK;IACpBC,UAAU,EAAE,QAAQ;IACpBC,WAAW,EAAE;EACf,CAAC;EACDN,IAAI,EAAE;IACJO,cAAc,EAAE,CAAC;IACjBD,WAAW,EAAE;EACf,CAAC;EACDL,OAAO,EAAE;IACPO,IAAI,EAAE,CAAC;IACPC,cAAc,EAAE;EAClB;AACF,CAAC,CAAC;AAEF,eAAezB,SAAS,CAACC,aAAa,CAAC"}

package/lib/module/components/Accordion/index.js

@@ -1,2 +1,3 @@
 export { default as AccordionGroup } from "./AccordionGroup";
-export { default as AccordionItem } from "./AccordionItem";
+export { default as AccordionItem } from "./AccordionItem";
+//# sourceMappingURL=index.js.map

package/lib/module/components/Accordion/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","AccordionGroup","AccordionItem"],"sources":["index.tsx"],"sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,cAAc,QAAQ,kBAAkB;AAC5D,SAASD,OAAO,IAAIE,aAAa,QAAQ,iBAAiB"}

package/lib/module/components/ActionSheet/ActionSheet.js

@@ -3,7 +3,6 @@ import { View, StyleSheet } from "react-native";
 import Portal from "../Portal/Portal";
 import Touchable from "../Touchable";
 import ActionSheetCancel from "./ActionSheetCancel";
-
 const ActionSheet = _ref => {
   let {
     visible = false,
@@ -23,7 +22,6 @@ const ActionSheet = _ref => {
     style: styles.group
   }, React.Children.toArray(children).filter(child => child.type === ActionSheetCancel))))) : /*#__PURE__*/React.createElement(React.Fragment, null);
 };
-
 const styles = StyleSheet.create({
   wrapper: {
     flex: 1,
@@ -55,4 +53,5 @@ const styles = StyleSheet.create({
     overflow: "hidden"
   }
 });
-export default ActionSheet;
+export default ActionSheet;
+//# sourceMappingURL=ActionSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Portal","Touchable","ActionSheetCancel","ActionSheet","visible","onClose","children","styles","wrapper","overlay","groupWrapper","group","Children","toArray","filter","child","type","create","flex","display","flexDirection","position","top","left","right","bottom","backgroundColor","opacity","justifyContent","marginBottom","borderRadius","marginHorizontal","marginVertical","overflow"],"sources":["ActionSheet.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport Portal from \"../Portal/Portal\";\nimport Touchable from \"../Touchable\";\nimport ActionSheetCancel from \"./ActionSheetCancel\";\n\ninterface Props {\n  visible: boolean;\n  onClose: () => void;\n  children: React.ReactNode;\n}\n\nconst ActionSheet = ({ visible = false, onClose, children }: Props) => {\n  return visible ? (\n    <Portal>\n      <Touchable style={styles.wrapper} onPress={onClose}>\n        <View style={styles.overlay} />\n        <View style={styles.groupWrapper}>\n          <View style={styles.group}>\n            {React.Children.toArray(children).filter(\n              (child: any) => child?.type !== ActionSheetCancel\n            )}\n          </View>\n          <View style={styles.group}>\n            {React.Children.toArray(children).filter(\n              (child: any) => child.type === ActionSheetCancel\n            )}\n          </View>\n        </View>\n      </Touchable>\n    </Portal>\n  ) : (\n    <></>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    flex: 1,\n    display: \"flex\",\n    flexDirection: \"column\",\n  },\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    backgroundColor: \"#000000\",\n    opacity: 0.3,\n  },\n  groupWrapper: {\n    flex: 1,\n    flexDirection: \"column\",\n    justifyContent: \"flex-end\",\n    display: \"flex\",\n    marginBottom: 25,\n  },\n  group: {\n    display: \"flex\",\n    flexDirection: \"column\",\n    borderRadius: 10,\n    marginHorizontal: 7,\n    marginVertical: 2.5,\n    overflow: \"hidden\",\n  },\n});\n\nexport default ActionSheet;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAC/C,OAAOC,MAAM,MAAM,kBAAkB;AACrC,OAAOC,SAAS,MAAM,cAAc;AACpC,OAAOC,iBAAiB,MAAM,qBAAqB;AAQnD,MAAMC,WAAW,GAAG,QAAmD;EAAA,IAAlD;IAAEC,OAAO,GAAG,KAAK;IAAEC,OAAO;IAAEC;EAAgB,CAAC;EAChE,OAAOF,OAAO,gBACZ,oBAAC,MAAM,qBACL,oBAAC,SAAS;IAAC,KAAK,EAAEG,MAAM,CAACC,OAAQ;IAAC,OAAO,EAAEH;EAAQ,gBACjD,oBAAC,IAAI;IAAC,KAAK,EAAEE,MAAM,CAACE;EAAQ,EAAG,eAC/B,oBAAC,IAAI;IAAC,KAAK,EAAEF,MAAM,CAACG;EAAa,gBAC/B,oBAAC,IAAI;IAAC,KAAK,EAAEH,MAAM,CAACI;EAAM,GACvBd,KAAK,CAACe,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACQ,MAAM,CACrCC,KAAU,IAAK,CAAAA,KAAK,aAALA,KAAK,uBAALA,KAAK,CAAEC,IAAI,MAAKd,iBAAiB,CAClD,CACI,eACP,oBAAC,IAAI;IAAC,KAAK,EAAEK,MAAM,CAACI;EAAM,GACvBd,KAAK,CAACe,QAAQ,CAACC,OAAO,CAACP,QAAQ,CAAC,CAACQ,MAAM,CACrCC,KAAU,IAAKA,KAAK,CAACC,IAAI,KAAKd,iBAAiB,CACjD,CACI,CACF,CACG,CACL,gBAET,yCACD;AACH,CAAC;AAED,MAAMK,MAAM,GAAGR,UAAU,CAACkB,MAAM,CAAC;EAC/BT,OAAO,EAAE;IACPU,IAAI,EAAE,CAAC;IACPC,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE;EACjB,CAAC;EACDX,OAAO,EAAE;IACPY,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAE,CAAC;IACTC,eAAe,EAAE,SAAS;IAC1BC,OAAO,EAAE;EACX,CAAC;EACDjB,YAAY,EAAE;IACZQ,IAAI,EAAE,CAAC;IACPE,aAAa,EAAE,QAAQ;IACvBQ,cAAc,EAAE,UAAU;IAC1BT,OAAO,EAAE,MAAM;IACfU,YAAY,EAAE;EAChB,CAAC;EACDlB,KAAK,EAAE;IACLQ,OAAO,EAAE,MAAM;IACfC,aAAa,EAAE,QAAQ;IACvBU,YAAY,EAAE,EAAE;IAChBC,gBAAgB,EAAE,CAAC;IACnBC,cAAc,EAAE,GAAG;IACnBC,QAAQ,EAAE;EACZ;AACF,CAAC,CAAC;AAEF,eAAe9B,WAAW"}

package/lib/module/components/ActionSheet/ActionSheetCancel.js

@@ -1,6 +1,5 @@
 import React from "react";
 import ActionSheetItem from "./ActionSheetItem";
-
 const ActionSheetCancel = _ref => {
   let {
     label = "Cancel",
@@ -15,5 +14,5 @@ const ActionSheetCancel = _ref => {
     onPress: onPress
   });
 };
-
-export default ActionSheetCancel;
+export default ActionSheetCancel;
+//# sourceMappingURL=ActionSheetCancel.js.map

package/lib/module/components/ActionSheet/ActionSheetCancel.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","ActionSheetItem","ActionSheetCancel","label","color","style","onPress"],"sources":["ActionSheetCancel.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<React.PropsWithChildren<Props>> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AAEzB,OAAOC,eAAe,MAAM,mBAAmB;AAS/C,MAAMC,iBAA2D,GAAG,QAK9D;EAAA,IAL+D;IACnEC,KAAK,GAAG,QAAQ;IAChBC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,oBACE,oBAAC,eAAe;IACd,KAAK,EAAEH,KAAM;IACb,KAAK,EAAEC,KAAK,IAAI,SAAU;IAC1B,KAAK,EAAE,CAACC,KAAK,CAAE;IACf,OAAO,EAAEC;EAAQ,EACjB;AAEN,CAAC;AAED,eAAeJ,iBAAiB"}

package/lib/module/components/ActionSheet/ActionSheetItem.js

@@ -1,7 +1,6 @@
 import React from "react";
 import { Text, StyleSheet, TouchableOpacity } from "react-native";
 import { extractStyles } from "../../utilities";
-
 const ActionSheetItem = _ref => {
   let {
     label,
@@ -23,7 +22,6 @@ const ActionSheetItem = _ref => {
     }]
   }, label));
 };
-
 const styles = StyleSheet.create({
   wrapper: {
     borderBottomWidth: StyleSheet.hairlineWidth,
@@ -45,4 +43,5 @@ const styles = StyleSheet.create({
     alignSelf: "center"
   }
 });
-export default ActionSheetItem;
+export default ActionSheetItem;
+//# sourceMappingURL=ActionSheetItem.js.map

package/lib/module/components/ActionSheet/ActionSheetItem.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","StyleSheet","TouchableOpacity","extractStyles","ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"sources":["ActionSheetItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<React.PropsWithChildren<Props>> = ({\n  label,\n  style,\n  color,\n  onPress,\n}) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n"],"mappings":"AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,UAAU,EAEVC,gBAAgB,QAGX,cAAc;AACrB,SAASC,aAAa,QAAQ,iBAAiB;AAS/C,MAAMC,eAAyD,GAAG,QAK5D;EAAA,IAL6D;IACjEC,KAAK;IACLC,KAAK;IACLC,KAAK;IACLC;EACF,CAAC;EACC,MAAM;IAAEC,UAAU;IAAEC;EAAW,CAAC,GAAGP,aAAa,CAACG,KAAK,CAAC;EACvD,oBACE,oBAAC,gBAAgB;IACf,aAAa,EAAE,GAAI;IACnB,KAAK,EAAE,CAACK,MAAM,CAACC,OAAO,EAAEF,UAAU,CAAE;IACpC,OAAO,EAAEF;EAAQ,gBAEjB,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACG,MAAM,CAACN,KAAK,EAAEI,UAAU,EAAE;MAAEF;IAAM,CAAC;EAAE,GAAEF,KAAK,CAAQ,CACjD;AAEvB,CAAC;AAED,MAAMM,MAAM,GAAGV,UAAU,CAACY,MAAM,CAAC;EAC/BD,OAAO,EAAE;IACPE,iBAAiB,EAAEb,UAAU,CAACc,aAAa;IAC3CC,iBAAiB,EAAE,SAAS;IAC5BC,eAAe,EAAE,SAAS;IAC1BC,SAAS,EAAE,EAAE;IACbC,QAAQ,EAAE,QAAQ;IAClBC,OAAO,EAAE,MAAM;IACfC,cAAc,EAAE;EAClB,CAAC;EACDhB,KAAK,EAAE;IACLiB,QAAQ,EAAE,EAAE;IACZC,SAAS,EAAE,QAAQ;IACnBhB,KAAK,EAAE,SAAS;IAChBiB,UAAU,EAAE,KAAK;IACjBL,QAAQ,EAAE,QAAQ;IAClBM,iBAAiB,EAAE,EAAE;IACrBC,eAAe,EAAE,EAAE;IACnBC,SAAS,EAAE;EACb;AACF,CAAC,CAAC;AAEF,eAAevB,eAAe"}

package/lib/module/components/ActionSheet/index.js

@@ -1,3 +1,4 @@
 export { default as ActionSheet } from "./ActionSheet";
 export { default as ActionSheetItem } from "./ActionSheetItem";
-export { default as ActionSheetCancel } from "./ActionSheetCancel";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";
+//# sourceMappingURL=index.js.map

package/lib/module/components/ActionSheet/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["default","ActionSheet","ActionSheetItem","ActionSheetCancel"],"sources":["index.tsx"],"sourcesContent":["export { default as ActionSheet } from \"./ActionSheet\";\nexport { default as ActionSheetItem } from \"./ActionSheetItem\";\nexport { default as ActionSheetCancel } from \"./ActionSheetCancel\";\n"],"mappings":"AAAA,SAASA,OAAO,IAAIC,WAAW,QAAQ,eAAe;AACtD,SAASD,OAAO,IAAIE,eAAe,QAAQ,mBAAmB;AAC9D,SAASF,OAAO,IAAIG,iBAAiB,QAAQ,qBAAqB"}

package/lib/module/components/AnimatedCircularProgress.js

@@ -1,10 +1,8 @@
 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 * as React from "react";
 import { Animated, Easing } from "react-native";
 import CircularProgress from "./CircularProgress";
 const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
-
 const AnimatedCircularProgress = _ref => {
   let {
     duration = 500,
@@ -35,19 +33,16 @@ const AnimatedCircularProgress = _ref => {
     anim.start(onAnimationComplete);
     return anim;
   }, [duration, easing, fill, useNativeDriver, fillAnimation, onAnimationComplete]);
-
   const animateColor = () => {
     if (!tintColorSecondary) {
       return tintColor;
     }
-
     const tintAnimation = fillAnimation.interpolate({
       inputRange: [0, 100],
       outputRange: [tintColor, tintColorSecondary]
     });
     return tintAnimation;
   };
-
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
@@ -58,5 +53,5 @@ const AnimatedCircularProgress = _ref => {
     tintColor: animateColor()
   }));
 };
-
-export default AnimatedCircularProgress;
+export default AnimatedCircularProgress;
+//# sourceMappingURL=AnimatedCircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Animated","Easing","CircularProgress","AnimatedProgress","createAnimatedComponent","AnimatedCircularProgress","duration","easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"sources":["AnimatedCircularProgress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  Easing,\n  EasingFunction,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n  Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n  duration?: number;\n  easing?: EasingFunction;\n  prefill?: number;\n  useNativeDriver?: boolean;\n  tintColorSecondary?: string;\n  onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<React.PropsWithChildren<Props>> = ({\n  duration = 500,\n  easing = Easing.out(Easing.ease),\n  fill,\n  prefill = 0,\n  useNativeDriver = false,\n  tintColorSecondary,\n  onAnimationComplete,\n  tintColor = \"black\",\n  ...other\n}) => {\n  const [fillAnimation] = React.useState<Animated.Value>(\n    new Animated.Value(prefill)\n  );\n\n  const animate = React.useCallback(\n    (\n      toVal: number = -1,\n      dur?: number,\n      ease?: EasingFunction\n    ): Animated.CompositeAnimation => {\n      const toValue = toVal >= 0 ? toVal : fill;\n      const dura = dur || duration;\n      const eas = ease || easing;\n      const useNative = useNativeDriver;\n\n      const anim = Animated.timing(fillAnimation, {\n        useNativeDriver: useNative,\n        toValue,\n        easing: eas,\n        duration: dura,\n      });\n      anim.start(onAnimationComplete);\n\n      return anim;\n    },\n    [\n      duration,\n      easing,\n      fill,\n      useNativeDriver,\n      fillAnimation,\n      onAnimationComplete,\n    ]\n  );\n\n  const animateColor = () => {\n    if (!tintColorSecondary) {\n      return tintColor;\n    }\n\n    const tintAnimation = fillAnimation.interpolate({\n      inputRange: [0, 100],\n      outputRange: [tintColor, tintColorSecondary],\n    });\n\n    return tintAnimation;\n  };\n\n  React.useEffect(() => {\n    animate();\n  }, [fill, animate]);\n\n  return (\n    <AnimatedProgress\n      {...other}\n      style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n      childrenContainerStyle={\n        other.childrenContainerStyle as Animated.WithAnimatedValue<\n          StyleProp<ViewStyle>\n        >\n      }\n      fill={fillAnimation}\n      tintColor={animateColor()}\n    />\n  );\n};\n\nexport default AnimatedCircularProgress;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,QAAQ,EACRC,MAAM,QAID,cAAc;AACrB,OAAOC,gBAAgB,MAEhB,oBAAoB;AAC3B,MAAMC,gBAAgB,GAAGH,QAAQ,CAACI,uBAAuB,CAACF,gBAAgB,CAAC;AAW3E,MAAMG,wBAAkE,GAAG,QAUrE;EAAA,IAVsE;IAC1EC,QAAQ,GAAG,GAAG;IACdC,MAAM,GAAGN,MAAM,CAACO,GAAG,CAACP,MAAM,CAACQ,IAAI,CAAC;IAChCC,IAAI;IACJC,OAAO,GAAG,CAAC;IACXC,eAAe,GAAG,KAAK;IACvBC,kBAAkB;IAClBC,mBAAmB;IACnBC,SAAS,GAAG,OAAO;IACnB,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,aAAa,CAAC,GAAGlB,KAAK,CAACmB,QAAQ,CACpC,IAAIlB,QAAQ,CAACmB,KAAK,CAACR,OAAO,CAAC,CAC5B;EAED,MAAMS,OAAO,GAAGrB,KAAK,CAACsB,WAAW,CAC/B,YAIkC;IAAA,IAHhCC,KAAa,uEAAG,CAAC,CAAC;IAAA,IAClBC,GAAY;IAAA,IACZd,IAAqB;IAErB,MAAMe,OAAO,GAAGF,KAAK,IAAI,CAAC,GAAGA,KAAK,GAAGZ,IAAI;IACzC,MAAMe,IAAI,GAAGF,GAAG,IAAIjB,QAAQ;IAC5B,MAAMoB,GAAG,GAAGjB,IAAI,IAAIF,MAAM;IAC1B,MAAMoB,SAAS,GAAGf,eAAe;IAEjC,MAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,MAAM,CAACZ,aAAa,EAAE;MAC1CL,eAAe,EAAEe,SAAS;MAC1BH,OAAO;MACPjB,MAAM,EAAEmB,GAAG;MACXpB,QAAQ,EAAEmB;IACZ,CAAC,CAAC;IACFG,IAAI,CAACE,KAAK,CAAChB,mBAAmB,CAAC;IAE/B,OAAOc,IAAI;EACb,CAAC,EACD,CACEtB,QAAQ,EACRC,MAAM,EACNG,IAAI,EACJE,eAAe,EACfK,aAAa,EACbH,mBAAmB,CACpB,CACF;EAED,MAAMiB,YAAY,GAAG,MAAM;IACzB,IAAI,CAAClB,kBAAkB,EAAE;MACvB,OAAOE,SAAS;IAClB;IAEA,MAAMiB,aAAa,GAAGf,aAAa,CAACgB,WAAW,CAAC;MAC9CC,UAAU,EAAE,CAAC,CAAC,EAAE,GAAG,CAAC;MACpBC,WAAW,EAAE,CAACpB,SAAS,EAAEF,kBAAkB;IAC7C,CAAC,CAAC;IAEF,OAAOmB,aAAa;EACtB,CAAC;EAEDjC,KAAK,CAACqC,SAAS,CAAC,MAAM;IACpBhB,OAAO,EAAE;EACX,CAAC,EAAE,CAACV,IAAI,EAAEU,OAAO,CAAC,CAAC;EAEnB,oBACE,oBAAC,gBAAgB,eACXJ,KAAK;IACT,KAAK,EAAEA,KAAK,CAACqB,KAA0D;IACvE,sBAAsB,EACpBrB,KAAK,CAACsB,sBAGP;IACD,IAAI,EAAErB,aAAc;IACpB,SAAS,EAAEc,YAAY;EAAG,GAC1B;AAEN,CAAC;AAED,eAAe1B,wBAAwB"}

package/lib/module/components/AspectRatio.js

@@ -1,8 +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 { View, StyleSheet } from "react-native";
-
 const AspectRatio = props => {
   const [layout, setLayout] = React.useState(null);
   const {
@@ -12,13 +10,11 @@ const AspectRatio = props => {
   const style = [inputStyle, {
     aspectRatio
   }];
-
   if (layout) {
     const {
       width = 0,
       height = 0
     } = layout;
-
     if (width === 0) {
       style.push({
         width: height * (1 / aspectRatio),
@@ -31,7 +27,6 @@ const AspectRatio = props => {
       });
     }
   }
-
   return /*#__PURE__*/React.createElement(View, _extends({}, props, {
     style: style,
     onLayout: _ref => {
@@ -44,5 +39,5 @@ const AspectRatio = props => {
     }
   }), props.children);
 };
-
-export default AspectRatio;
+export default AspectRatio;
+//# sourceMappingURL=AspectRatio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","AspectRatio","props","layout","setLayout","useState","aspectRatio","inputStyle","flatten","style","width","height","push","nativeEvent","l","children"],"sources":["AspectRatio.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  LayoutRectangle,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<React.PropsWithChildren<Props>> = (props) => {\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const { aspectRatio = 1, ...inputStyle } =\n    StyleSheet.flatten(props.style) || {};\n  const style = [inputStyle, { aspectRatio }];\n\n  if (layout) {\n    const { width = 0, height = 0 } = layout;\n    if (width === 0) {\n      style.push({ width: height * (1 / aspectRatio), height });\n    } else {\n      style.push({ width, height: width * (1 / aspectRatio) });\n    }\n  }\n  return (\n    <View\n      {...props}\n      style={style}\n      onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n    >\n      {props.children}\n    </View>\n  );\n};\n\nexport default AspectRatio;\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,IAAI,EACJC,UAAU,QAIL,cAAc;AAOrB,MAAMC,WAAqD,GAAIC,KAAK,IAAK;EACvE,MAAM,CAACC,MAAM,EAAEC,SAAS,CAAC,GAAGN,KAAK,CAACO,QAAQ,CAAyB,IAAI,CAAC;EACxE,MAAM;IAAEC,WAAW,GAAG,CAAC;IAAE,GAAGC;EAAW,CAAC,GACtCP,UAAU,CAACQ,OAAO,CAACN,KAAK,CAACO,KAAK,CAAC,IAAI,CAAC,CAAC;EACvC,MAAMA,KAAK,GAAG,CAACF,UAAU,EAAE;IAAED;EAAY,CAAC,CAAC;EAE3C,IAAIH,MAAM,EAAE;IACV,MAAM;MAAEO,KAAK,GAAG,CAAC;MAAEC,MAAM,GAAG;IAAE,CAAC,GAAGR,MAAM;IACxC,IAAIO,KAAK,KAAK,CAAC,EAAE;MACfD,KAAK,CAACG,IAAI,CAAC;QAAEF,KAAK,EAAEC,MAAM,IAAI,CAAC,GAAGL,WAAW,CAAC;QAAEK;MAAO,CAAC,CAAC;IAC3D,CAAC,MAAM;MACLF,KAAK,CAACG,IAAI,CAAC;QAAEF,KAAK;QAAEC,MAAM,EAAED,KAAK,IAAI,CAAC,GAAGJ,WAAW;MAAE,CAAC,CAAC;IAC1D;EACF;EACA,oBACE,oBAAC,IAAI,eACCJ,KAAK;IACT,KAAK,EAAEO,KAAM;IACb,QAAQ,EAAE;MAAA,IAAC;QAAEI,WAAW,EAAE;UAAEV,MAAM,EAAEW;QAAE;MAAE,CAAC;MAAA,OAAKV,SAAS,CAACU,CAAC,CAAC;IAAA;EAAC,IAE1DZ,KAAK,CAACa,QAAQ,CACV;AAEX,CAAC;AAED,eAAed,WAAW"}

package/lib/module/components/AvatarEdit.js

@@ -1,11 +1,9 @@
 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 * as React from "react";
 import { View } from "react-native";
 import Touchable from "./Touchable";
 import CircleImage from "./CircleImage";
 import { withTheme } from "../theming";
-
 const AvatarEdit = _ref => {
   let {
     Icon,
@@ -48,5 +46,5 @@ const AvatarEdit = _ref => {
     size: size * (3 / 16)
   }))));
 };
-
-export default withTheme(AvatarEdit);
+export default withTheme(AvatarEdit);
+//# sourceMappingURL=AvatarEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  image: string | ImageSourcePropType;\n  size?: number;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  image,\n  size = 80,\n  onPress = () => {},\n  style,\n  theme,\n  ...rest\n}) => {\n  const colorStyles = {\n    editBackgroundColor: theme.colors.primary,\n    editIconColor: theme.colors.surface,\n    editBorderColor: theme.colors.surface,\n  };\n\n  const dimensions = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <View style={[style, dimensions]} {...rest}>\n      <Touchable onPress={onPress}>\n        <CircleImage source={image} size={size} />\n        <View\n          style={{\n            position: \"absolute\",\n            top: -3,\n            right: -3,\n            borderColor: colorStyles.editBorderColor,\n            backgroundColor: colorStyles.editBackgroundColor,\n            borderRadius: size * (3 / 16),\n            padding: size * (3 / 32),\n          }}\n        >\n          <Icon\n            name=\"MaterialIcons/edit\"\n            color={colorStyles.editIconColor}\n            size={size * (3 / 16)}\n          />\n        </View>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAmD,cAAc;AAC9E,OAAOC,SAAS,MAAM,aAAa;AACnC,OAAOC,WAAW,MAAM,eAAe;AACvC,SAASC,SAAS,QAAQ,YAAY;AAatC,MAAMC,UAAoD,GAAG,QAQvD;EAAA,IARwD;IAC5DC,IAAI;IACJC,KAAK;IACLC,IAAI,GAAG,EAAE;IACTC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,WAAW,GAAG;IAClBC,mBAAmB,EAAEH,KAAK,CAACI,MAAM,CAACC,OAAO;IACzCC,aAAa,EAAEN,KAAK,CAACI,MAAM,CAACG,OAAO;IACnCC,eAAe,EAAER,KAAK,CAACI,MAAM,CAACG;EAChC,CAAC;EAED,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEb,IAAI;IACXc,MAAM,EAAEd;EACV,CAAC;EAED,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAACE,KAAK,EAAEU,UAAU;EAAE,GAAKR,IAAI,gBACxC,oBAAC,SAAS;IAAC,OAAO,EAAEH;EAAQ,gBAC1B,oBAAC,WAAW;IAAC,MAAM,EAAEF,KAAM;IAAC,IAAI,EAAEC;EAAK,EAAG,eAC1C,oBAAC,IAAI;IACH,KAAK,EAAE;MACLe,QAAQ,EAAE,UAAU;MACpBC,GAAG,EAAE,CAAC,CAAC;MACPC,KAAK,EAAE,CAAC,CAAC;MACTC,WAAW,EAAEb,WAAW,CAACM,eAAe;MACxCQ,eAAe,EAAEd,WAAW,CAACC,mBAAmB;MAChDc,YAAY,EAAEpB,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;MAC7BqB,OAAO,EAAErB,IAAI,IAAI,CAAC,GAAG,EAAE;IACzB;EAAE,gBAEF,oBAAC,IAAI;IACH,IAAI,EAAC,oBAAoB;IACzB,KAAK,EAAEK,WAAW,CAACI,aAAc;IACjC,IAAI,EAAET,IAAI,IAAI,CAAC,GAAG,EAAE;EAAE,EACtB,CACG,CACG,CACP;AAEX,CAAC;AAED,eAAeJ,SAAS,CAACC,UAAU,CAAC"}

package/lib/module/components/Banner.js

@@ -1,5 +1,4 @@
 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 * as React from "react";
 import { Button, Text, View, StyleSheet, Animated } from "react-native";
 import Surface from "./Surface";
@@ -7,7 +6,6 @@ import shadow from "../styles/shadow";
 import { withTheme } from "../theming";
 const ELEVATION = 1;
 const DEFAULT_MAX_WIDTH = 960;
-
 const Banner = _ref => {
   let {
     initiallyVisible = true,
@@ -51,7 +49,6 @@ const Banner = _ref => {
       }).start();
     }
   }, [visible, position]);
-
   const handleLayout = _ref2 => {
     let {
       nativeEvent
@@ -63,15 +60,15 @@ const Banner = _ref => {
       height,
       measured: true
     });
-  }; // The banner animation has 2 parts:
+  };
+
+  // The banner animation has 2 parts:
   // 1. Blank spacer element which animates its height to move the content
   // 2. Actual banner which animates its translateY
   // In initial render, we position everything normally and measure the height of the banner
   // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute
   // We need this because we need to move the content below as if banner's height was being animated
   // However we can't animated banner's height directly as it'll also resize the content inside
-
-
   const height = Animated.multiply(position, layout.height);
   const translateY = Animated.multiply(Animated.add(position, -1), layout.height);
   return /*#__PURE__*/React.createElement(Surface, _extends({}, rest, {
@@ -84,14 +81,17 @@ const Banner = _ref => {
     }
   }), /*#__PURE__*/React.createElement(Animated.View, {
     onLayout: handleLayout,
-    style: [layout.measured || !visible ? // If we have measured banner's height or it's invisible,
+    style: [layout.measured || !visible ?
+    // If we have measured banner's height or it's invisible,
     // Position it absolutely, the layout will be taken care of the spacer
     [styles.absolute, {
       transform: [{
         translateY
       }]
-    }] : // Otherwise position it normally
-    null, !layout.measured && !visible ? // If we haven't measured banner's height yet and it's invisible,
+    }] :
+    // Otherwise position it normally
+    null, !layout.measured && !visible ?
+    // If we haven't measured banner's height yet and it's invisible,
     // hide it with opacity: 0 so user doesn't see it
     {
       opacity: 0
@@ -119,7 +119,6 @@ const Banner = _ref => {
     onPress: () => setVisible(false)
   })) : null)));
 };
-
 const styles = StyleSheet.create({
   container: {
     elevation: ELEVATION
@@ -155,4 +154,5 @@ const styles = StyleSheet.create({
     margin: 8
   }
 });
-export default withTheme(Banner);
+export default withTheme(Banner);
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Button","Text","View","StyleSheet","Animated","Surface","shadow","withTheme","ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","useState","useEffect","current","position","useRef","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex"],"sources":["Banner.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Button,\n  Text,\n  View,\n  ViewStyle,\n  StyleSheet,\n  StyleProp,\n  Animated,\n} from \"react-native\";\nimport Surface from \"./Surface\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport shadow from \"../styles/shadow\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\nconst ELEVATION = 1;\nconst DEFAULT_MAX_WIDTH = 960;\n\ntype Props = {\n  initiallyVisible: boolean;\n  dismissable: boolean;\n  buttonColor?: string;\n  icon?: string;\n  content?: string;\n  contentStyle?: StyleProp<ViewStyle>;\n  style?: StyleProp<ViewStyle>;\n  ref?: React.RefObject<View>;\n  /**\n   * @optional\n   */\n  theme: Theme;\n} & IconSlot;\n\ntype NativeEvent = {\n  nativeEvent: {\n    layout: {\n      x: number;\n      y: number;\n      width: number;\n      height: number;\n    };\n  };\n};\n\nconst Banner: React.FC<React.PropsWithChildren<Props>> = ({\n  initiallyVisible = true,\n  dismissable = true,\n  icon,\n  buttonColor,\n  content,\n  contentStyle,\n  style,\n  theme,\n  Icon,\n  ...rest\n}) => {\n  const [visible, setVisible] = React.useState(initiallyVisible);\n\n  React.useEffect(() => {\n    if (initiallyVisible) {\n      setVisible(true);\n    }\n  }, [initiallyVisible]);\n\n  const { current: position } = React.useRef<Animated.Value>(\n    new Animated.Value(visible ? 1 : 0)\n  );\n  const [layout, setLayout] = React.useState<{\n    height: number;\n    measured: boolean;\n  }>({\n    height: 0,\n    measured: false,\n  });\n\n  React.useEffect(() => {\n    if (visible) {\n      // show\n      Animated.timing(position, {\n        duration: 250,\n        toValue: 1,\n        useNativeDriver: false,\n      }).start();\n    } else {\n      // hide\n      Animated.timing(position, {\n        duration: 200,\n        toValue: 0,\n        useNativeDriver: false,\n      }).start();\n    }\n  }, [visible, position]);\n\n  const handleLayout = ({ nativeEvent }: NativeEvent) => {\n    const { height } = nativeEvent.layout;\n    setLayout({ height, measured: true });\n  };\n\n  // The banner animation has 2 parts:\n  // 1. Blank spacer element which animates its height to move the content\n  // 2. Actual banner which animates its translateY\n  // In initial render, we position everything normally and measure the height of the banner\n  // Once we have the height, we apply the height to the spacer and switch the banner to position: absolute\n  // We need this because we need to move the content below as if banner's height was being animated\n  // However we can't animated banner's height directly as it'll also resize the content inside\n  const height = Animated.multiply(position, layout.height);\n\n  const translateY = Animated.multiply(\n    Animated.add(position, -1),\n    layout.height\n  );\n\n  return (\n    <Surface\n      {...rest}\n      style={[styles.container, shadow(ELEVATION) as ViewStyle, style]}\n    >\n      <View style={[styles.wrapper, contentStyle]}>\n        <Animated.View style={{ height }} />\n        <Animated.View\n          onLayout={handleLayout}\n          style={[\n            layout.measured || !visible\n              ? // If we have measured banner's height or it's invisible,\n                // Position it absolutely, the layout will be taken care of the spacer\n                [styles.absolute, { transform: [{ translateY }] }]\n              : // Otherwise position it normally\n                null,\n            !layout.measured && !visible\n              ? // If we haven't measured banner's height yet and it's invisible,\n                // hide it with opacity: 0 so user doesn't see it\n                { opacity: 0 }\n              : null,\n          ]}\n        >\n          <View\n            style={[styles.content, { marginBottom: dismissable ? 0 : 16 }]}\n          >\n            {icon ? (\n              <View style={styles.icon}>\n                <Icon name={icon} size={40} />\n              </View>\n            ) : null}\n            <Text\n              style={[styles.message, { color: theme.colors.text }]}\n              accessibilityLiveRegion={visible ? \"polite\" : \"none\"}\n              accessibilityRole=\"alert\"\n            >\n              {content}\n            </Text>\n          </View>\n          {dismissable ? (\n            <View style={styles.actions}>\n              <Button\n                color={buttonColor || theme.colors.primary}\n                title=\"Close\"\n                onPress={() => setVisible(false)}\n              />\n            </View>\n          ) : null}\n        </Animated.View>\n      </View>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    elevation: ELEVATION,\n  },\n  wrapper: {\n    overflow: \"hidden\",\n    alignSelf: \"center\",\n    width: \"100%\",\n    maxWidth: DEFAULT_MAX_WIDTH,\n  },\n  absolute: {\n    position: \"absolute\",\n    top: 0,\n    width: \"100%\",\n  },\n  content: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-start\",\n    marginHorizontal: 8,\n    marginTop: 16,\n    marginBottom: 0,\n  },\n  icon: {\n    margin: 8,\n  },\n  message: {\n    flex: 1,\n    margin: 8,\n  },\n  actions: {\n    flexDirection: \"row\",\n    justifyContent: \"flex-end\",\n    margin: 8,\n  },\n});\n\nexport default withTheme(Banner);\n"],"mappings":"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"}

package/lib/module/components/Button.js

@@ -1,5 +1,4 @@
 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 * as React from "react";
 import { Text, Pressable, Platform, StyleSheet, ActivityIndicator } from "react-native";
 import { withTheme } from "../theming";
@@ -9,7 +8,6 @@ const CONSTANTS = {
   padding: 8,
   icon: 24
 };
-
 function Base(_ref) {
   let {
     Icon,
@@ -48,15 +46,12 @@ function Base(_ref) {
     textDecorationColor,
     textDecorationStyle
   };
-
   if (textAlign === "left") {
     buttonStyles.justifyContent = "flex-start";
   }
-
   if (textAlign === "right") {
     buttonStyles.justifyContent = "flex-end";
   }
-
   return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled || loading,
@@ -81,7 +76,6 @@ function Base(_ref) {
     style: titleStyles
   }, title));
 }
-
 const Solid = _ref3 => {
   let {
     style,
@@ -96,12 +90,10 @@ const Solid = _ref3 => {
     }, style]
   }, props));
 };
-
 const ButtonSolid = withTheme(Solid);
 export { ButtonSolid };
 const Button = withTheme(Solid);
 export { Button };
-
 const Outline = _ref4 => {
   let {
     style,
@@ -116,7 +108,6 @@ const Outline = _ref4 => {
     }, style]
   }, props));
 };
-
 const ButtonOutline = withTheme(Outline);
 export { ButtonOutline };
 const styles = StyleSheet.create({
@@ -148,7 +139,8 @@ const styles = StyleSheet.create({
   loading: {
     marginRight: 6
   },
-  icon: { ...Platform.select({
+  icon: {
+    ...Platform.select({
       web: {
         marginTop: 1,
         marginRight: 4,
@@ -161,4 +153,5 @@ const styles = StyleSheet.create({
       }
     })
   }
-});
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","Pressable","Platform","StyleSheet","ActivityIndicator","withTheme","CONSTANTS","baseHeight","borderRadius","padding","icon","Base","Icon","title","onPress","loading","disabled","style","props","color","fontFamily","fontWeight","fontSize","lineHeight","letterSpacing","textTransform","textAlign","textDecorationLine","textDecorationColor","textDecorationStyle","buttonStyles","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","Button","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","select","web","cursor","userSelect","borderWidth","bare","undefined","marginRight","marginTop","alignSelf","default","marginBottom"],"sources":["Button.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Text,\n  Pressable,\n  Platform,\n  StyleSheet,\n  TextStyle,\n  PressableProps,\n  ActivityIndicator,\n} from \"react-native\";\n\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst CONSTANTS = {\n  baseHeight: 42,\n  borderRadius: 4,\n  padding: 8,\n  icon: 24,\n};\n\ntype BaseProps = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n} & PressableProps &\n  IconSlot;\n\ntype Props = {\n  title: string;\n  disabled: boolean;\n  loading: boolean;\n  style?: TextStyle;\n  onPress: () => void;\n  icon?: string;\n  theme: Theme;\n} & PressableProps &\n  IconSlot;\n\nfunction Base({\n  Icon,\n  icon,\n  title,\n  onPress,\n  loading,\n  disabled,\n  style,\n  ...props\n}: BaseProps): JSX.Element {\n  const {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n    ...buttonStyles\n  } = StyleSheet.flatten(style || ({} as TextStyle));\n\n  const titleStyles: TextStyle = {\n    color,\n    fontFamily,\n    fontWeight,\n    fontSize,\n    lineHeight,\n    letterSpacing,\n    textTransform,\n    textAlign,\n    textDecorationLine,\n    textDecorationColor,\n    textDecorationStyle,\n  };\n\n  if (textAlign === \"left\") {\n    buttonStyles.justifyContent = \"flex-start\";\n  }\n\n  if (textAlign === \"right\") {\n    buttonStyles.justifyContent = \"flex-end\";\n  }\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.base,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          buttonStyles,\n        ];\n      }}\n      {...props}\n    >\n      {loading ? (\n        <ActivityIndicator size=\"small\" color={color} style={styles.loading} />\n      ) : null}\n      {icon && !loading ? (\n        <Icon\n          name={icon}\n          color={color as string}\n          style={styles.icon}\n          size={CONSTANTS.icon}\n        />\n      ) : null}\n      <Text style={titleStyles}>{title}</Text>\n    </Pressable>\n  );\n}\n\nconst Solid = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        {\n          color: \"#FFF\",\n          borderRadius: theme.roundness,\n          backgroundColor: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonSolid: any = withTheme(Solid);\nexport { ButtonSolid };\n\nconst Button: any = withTheme(Solid);\nexport { Button };\n\nconst Outline = ({ style, theme, ...props }: Props): JSX.Element => {\n  return (\n    <Base\n      style={[\n        styles.outline,\n        {\n          borderRadius: theme.roundness,\n          borderColor: theme.colors.primary,\n          color: theme.colors.primary,\n        },\n        style,\n      ]}\n      {...props}\n    />\n  );\n};\n\nconst ButtonOutline: any = withTheme(Outline);\nexport { ButtonOutline };\n\nconst styles = StyleSheet.create({\n  base: {\n    position: \"relative\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    minHeight: CONSTANTS.baseHeight,\n    paddingHorizontal: 12,\n    fontFamily: \"System\",\n    fontWeight: \"700\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  outline: {\n    backgroundColor: \"transparent\",\n    borderWidth: 1,\n  },\n  bare: {\n    backgroundColor: \"transparent\",\n    padding: 0,\n    minHeight: undefined,\n  },\n  loading: {\n    marginRight: 6,\n  },\n  icon: {\n    ...Platform.select({\n      web: {\n        marginTop: 1,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n      default: {\n        marginBottom: 2,\n        marginRight: 4,\n        alignSelf: \"center\",\n      },\n    }),\n  },\n});\n"],"mappings":"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"}

package/lib/module/components/Card.js

@@ -47,7 +47,6 @@ export const TopRightCircleIcon = withTheme(_ref => {
     color: theme.colors.surface
   })));
 });
-
 const Card = _ref3 => {
   let {
     Icon,
@@ -126,5 +125,5 @@ const Card = _ref3 => {
     onPress: onPressIcon
   }) : null));
 };
-
-export default withTheme(Card);
+export default withTheme(Card);
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Pressable","Image","Surface","Title","Subtitle","Caption","withTheme","Config","ICON_SIZE","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","Icon","icon","theme","onPress","justifyContent","alignItems","elevation","position","top","right","width","height","padding","borderRadius","backgroundColor","pressed","opacity","colors","surface","Card","image","cardImageUrl","title","subtitle","description","textCentered","aspectRatio","style","onPressIcon","titleStyle","subtitleStyle","descriptionStyle","children","bgColor","styles","flatten","innerPadding","uri","marginTop"],"sources":["Card.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  StyleSheet,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport { Title, Subtitle, Caption } from \"./Typography\";\n\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nconst ICON_SIZE = Config.cardIconSize;\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\nconst ICON_ELEVATION = Config.cardIconElevation;\n\nexport const TopRightCircleIcon = withTheme(\n  ({\n    Icon,\n    icon,\n    theme,\n    onPress,\n  }: {\n    icon: string;\n    theme: Theme;\n    onPress?: () => void;\n  } & IconSlot) => {\n    return (\n      <Surface\n        style={{\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          elevation: ICON_ELEVATION,\n          position: \"absolute\",\n          top: 12,\n          right: 12,\n          width: ICON_CONTAINER_SIZE,\n          height: ICON_CONTAINER_SIZE,\n          padding: ICON_CONTAINER_PADDING,\n          borderRadius: ICON_CONTAINER_SIZE,\n          backgroundColor: \"rgba(0, 0, 0, 0.1)\",\n        }}\n      >\n        <Pressable\n          disabled={!onPress}\n          onPress={onPress}\n          style={({ pressed }) => {\n            return [\n              {\n                opacity: pressed ? 0.8 : 1,\n              },\n            ];\n          }}\n        >\n          <Icon name={icon} size={ICON_SIZE} color={theme.colors.surface} />\n        </Pressable>\n      </Surface>\n    );\n  }\n);\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  description?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  descriptionStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n  onPress?: () => void;\n  onPressIcon?: () => void;\n  children?: React.ReactNode;\n} & IconSlot;\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  description,\n  textCentered,\n  icon,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  onPress,\n  onPressIcon,\n  titleStyle,\n  subtitleStyle,\n  descriptionStyle,\n  theme,\n  children,\n}) => {\n  const {\n    backgroundColor: bgColor,\n    padding,\n    ...styles\n  } = StyleSheet.flatten(style || {});\n\n  const backgroundColor = bgColor ? bgColor : theme.colors.surface;\n  const innerPadding = padding ? padding : 12;\n\n  return (\n    <Surface style={[{ elevation, backgroundColor }, styles]}>\n      <Pressable\n        disabled={!onPress}\n        onPress={onPress}\n        style={({ pressed }) => {\n          return [\n            {\n              opacity: pressed ? 0.8 : 1,\n            },\n          ];\n        }}\n      >\n        <Image\n          style={{ aspectRatio }}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={{ padding: innerPadding }}>\n          <View style={{ alignItems: textCentered ? \"center\" : \"flex-start\" }}>\n            {title || (title && title !== \"\") ? (\n              <Title text={title} style={titleStyle} />\n            ) : null}\n            {subtitle || (subtitle && subtitle !== \"\") ? (\n              <Subtitle text={subtitle} style={subtitleStyle} />\n            ) : null}\n            {description || (description && description !== \"\") ? (\n              <View style={{ marginTop: 4 }}>\n                <Caption text={description} style={descriptionStyle} />\n              </View>\n            ) : null}\n            {children}\n          </View>\n        </View>\n        {icon ? (\n          <TopRightCircleIcon Icon={Icon} icon={icon} onPress={onPressIcon} />\n        ) : null}\n      </Pressable>\n    </Surface>\n  );\n};\n\nexport default withTheme(Card);\n"],"mappings":"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"}

package/lib/module/components/CardBlock.js

@@ -1,5 +1,4 @@
 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 { View, Text } from "react-native";
 import Image from "./Image";
@@ -7,7 +6,6 @@ import Card from "./DeprecatedCardWrapper";
 import Elevation from "./Elevation";
 import { withTheme } from "../theming";
 import Config from "./Config";
-
 const CardBlock = _ref => {
   let {
     image = Config.cardImageUrl,
@@ -29,13 +27,11 @@ const CardBlock = _ref => {
   } = _ref;
   let titleJustification;
   let titleStyle;
-
   if (titleCentered && !leftDescription && !rightDescription) {
     titleJustification = "center";
   } else {
     titleJustification = "space-between";
   }
-
   if (numColumns === 1) {
     titleStyle = typography.button;
   } else if (numColumns === 2) {
@@ -43,7 +39,6 @@ const CardBlock = _ref => {
   } else {
     titleStyle = typography.headline5;
   }
-
   const rightDescriptionStyles = [typography.subtitle2, {
     color: colors.light
   }];
@@ -100,5 +95,5 @@ const CardBlock = _ref => {
     style: rightDescriptionStyles
   }, rightDescription) : null) : null));
 };
-
-export default withTheme(CardBlock);
+export default withTheme(CardBlock);
+//# sourceMappingURL=CardBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}

package/lib/module/components/CardContainer.js

@@ -1,5 +1,4 @@
 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 { View, Text } from "react-native";
 import color from "color";
@@ -10,7 +9,6 @@ import { withTheme } from "../theming";
 import Config from "./Config";
 const ICON_CONTAINER_SIZE = Config.cardIconSize * 2;
 const ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;
-
 const CardContainer = _ref => {
   let {
     Icon,
@@ -34,23 +32,19 @@ const CardContainer = _ref => {
   } = _ref;
   let textJustification;
   let titleStyle;
-
   if (textCentered && !rightDescription) {
     textJustification = "center";
   } else {
     textJustification = "space-between";
   }
-
   switch (numColumns) {
     case 2:
       titleStyle = typography.headline6;
       break;
-
     case 3:
       titleStyle = typography.headline5;
       break;
   }
-
   return /*#__PURE__*/React.createElement(Card, _extends({
     style: style,
     onPress: onPress,
@@ -124,5 +118,5 @@ const CardContainer = _ref => {
     color: colors.surface
   })) : null)));
 };
-
-export default withTheme(CardContainer);
+export default withTheme(CardContainer);
+//# sourceMappingURL=CardContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","color","Image","Card","Elevation","withTheme","Config","ICON_CONTAINER_SIZE","cardIconSize","ICON_CONTAINER_PADDING","CardContainer","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","textCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","textJustification","titleStyle","headline6","headline5","borderRadius","overflow","backgroundColor","surface","uri","padding","flexDirection","alignItems","justifyContent","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string"],"sources":["CardContainer.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  ImageSourcePropType,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\nimport { justificationType } from \"./Justification\";\n\nconst ICON_CONTAINER_SIZE = Config.cardIconSize * 2;\nconst ICON_CONTAINER_PADDING = Config.cardIconSize / 2 - 1;\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  textCentered: boolean;\n  icon?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainer: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  textCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let textJustification: justificationType;\n\n  let titleStyle;\n\n  if (textCentered && !rightDescription) {\n    textJustification = \"center\";\n  } else {\n    textJustification = \"space-between\";\n  }\n\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      break;\n  }\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <Elevation style={{ elevation, borderRadius: roundness }}>\n        <View\n          style={{\n            borderRadius: roundness,\n            overflow: \"hidden\",\n            backgroundColor: colors.surface,\n          }}\n        >\n          <Image\n            style={{ aspectRatio }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n          <View\n            style={{\n              padding: numColumns === 1 ? 8 : 16,\n            }}\n          >\n            {title ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  alignItems: \"center\",\n                  justifyContent: textJustification,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[titleStyle, { color: colors.strong }]}\n                >\n                  {title}\n                </Text>\n              </View>\n            ) : null}\n            {leftDescription ? (\n              <View\n                style={{\n                  flexDirection: \"row\",\n                  justifyContent: textJustification,\n                  alignItems: \"center\",\n                  marginTop: numColumns === 3 ? 4 : 4 / 2,\n                }}\n              >\n                <Text\n                  numberOfLines={1}\n                  style={[typography.body2, { color: colors.medium }]}\n                >\n                  {leftDescription}\n                </Text>\n                {rightDescription ? (\n                  <Text\n                    numberOfLines={1}\n                    style={[typography.subtitle2, { color: colors.light }]}\n                  >\n                    {rightDescription}\n                  </Text>\n                ) : null}\n              </View>\n            ) : null}\n          </View>\n          {icon ? (\n            <Elevation\n              style={{\n                elevation: Config.cardIconElevation,\n                position: \"absolute\",\n                top: 12,\n                right: 12,\n                width: ICON_CONTAINER_SIZE,\n                height: ICON_CONTAINER_SIZE,\n                padding: ICON_CONTAINER_PADDING,\n                borderRadius: ICON_CONTAINER_SIZE,\n                backgroundColor: color(colors.strong)\n                  .alpha(Config.cardIconBackgroundOpacity)\n                  .rgb()\n                  .string(),\n              }}\n            >\n              <Icon\n                name={icon}\n                size={Config.cardIconSize}\n                color={colors.surface}\n              />\n            </Elevation>\n          ) : null}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainer);\n"],"mappings":"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"}