@draftbit/core 46.2.4-f941fc.0 → 46.2.4

package/lib/commonjs/Provider.js

@@ -26,4 +26,5 @@ class Provider extends React.Component {
 
 }
 
-exports.default = Provider;
+exports.default = Provider;
+//# sourceMappingURL=Provider.js.map

package/lib/commonjs/Provider.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Provider","React","Component","render","props","theme","children"],"sources":["Provider.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { ThemeProvider } from \"./theming\";\nimport PortalHost from \"./components/Portal/PortalHost\";\nimport { Theme } from \"@draftbit/types\";\n\ntype Props = {\n  children: React.ReactNode;\n  theme?: Theme;\n};\n\nexport default class Provider extends React.Component<Props> {\n  render() {\n    return (\n      <PortalHost>\n        {/* @ts-ignore */}\n        <ThemeProvider theme={this.props.theme}>\n          {this.props.children}\n        </ThemeProvider>\n      </PortalHost>\n    );\n  }\n}\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AAQe,MAAMA,QAAN,SAAuBC,KAAK,CAACC,SAA7B,CAA8C;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,mBAAD,qBAEE,oBAAC,sBAAD;MAAe,KAAK,EAAE,KAAKC,KAAL,CAAWC;IAAjC,GACG,KAAKD,KAAL,CAAWE,QADd,CAFF,CADF;EAQD;;AAV0D"}

package/lib/commonjs/components/Accordion/AccordionGroup.js

@@ -89,4 +89,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionGroup);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=AccordionGroup.js.map

package/lib/commonjs/components/Accordion/AccordionGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionGroup","label","expanded","expandedProp","openColor","closedColor","caretColor","caretColorProp","caretSize","icon","iconSize","style","children","theme","Icon","setExpanded","React","useState","textStyles","viewStyles","extractStyles","expandedColor","colors","primary","collapsedColor","labelColor","handlePressAction","styles","row","content","color","StyleSheet","create","flexDirection","alignItems","flex","justifyContent","marginRight","withTheme"],"sources":["AccordionGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  TextStyle,\n  Pressable,\n} from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { extractStyles } from \"../../utilities\";\n\ntype AccordionGroupProps = {\n  label?: string;\n  expanded?: boolean;\n  openColor?: string;\n  closedColor?: string;\n  caretColor?: string;\n  caretSize?: number;\n  icon?: string;\n  iconSize?: number;\n  style?: StyleProp<TextStyle>;\n  children?: React.ReactNode;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionGroup = ({\n  label,\n  expanded: expandedProp = false,\n  openColor,\n  closedColor,\n  caretColor: caretColorProp,\n  caretSize = 24,\n  icon,\n  iconSize = 24,\n  style,\n  children,\n  theme,\n  Icon,\n}: AccordionGroupProps) => {\n  const [expanded, setExpanded] = React.useState<boolean>(expandedProp);\n  const { textStyles, viewStyles } = extractStyles(style);\n  const expandedColor = openColor || theme.colors.primary;\n  const collapsedColor = closedColor || theme.colors.primary;\n  const labelColor = expanded ? expandedColor : collapsedColor;\n  const caretColor = caretColorProp || labelColor;\n\n  const handlePressAction = () => {\n    setExpanded(!expanded);\n  };\n\n  return (\n    <>\n      <Pressable\n        style={[styles.row, viewStyles]}\n        onPress={handlePressAction}\n        accessibilityRole=\"button\"\n      >\n        {icon ? (\n          <Icon\n            name={icon}\n            size={iconSize}\n            color={labelColor}\n            style={styles.icon}\n          />\n        ) : null}\n        <View style={styles.content}>\n          <Text\n            selectable={false}\n            style={[\n              textStyles,\n              {\n                color: labelColor,\n              },\n            ]}\n          >\n            {label}\n          </Text>\n        </View>\n        <Icon\n          name={\n            expanded\n              ? \"MaterialIcons/keyboard-arrow-up\"\n              : \"MaterialIcons/keyboard-arrow-down\"\n          }\n          color={caretColor}\n          size={caretSize}\n        />\n      </Pressable>\n      {expanded ? children : null}\n    </>\n  );\n};\n\nconst styles = StyleSheet.create({\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n  icon: {\n    marginRight: 8,\n  },\n});\n\nexport default withTheme(AccordionGroup);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AAGA;;;;;;;;AAgBA,MAAMA,cAAc,GAAG,QAaI;EAAA,IAbH;IACtBC,KADsB;IAEtBC,QAAQ,EAAEC,YAAY,GAAG,KAFH;IAGtBC,SAHsB;IAItBC,WAJsB;IAKtBC,UAAU,EAAEC,cALU;IAMtBC,SAAS,GAAG,EANU;IAOtBC,IAPsB;IAQtBC,QAAQ,GAAG,EARW;IAStBC,KATsB;IAUtBC,QAVsB;IAWtBC,KAXsB;IAYtBC;EAZsB,CAaG;EACzB,MAAM,CAACZ,QAAD,EAAWa,WAAX,IAA0BC,KAAK,CAACC,QAAN,CAAwBd,YAAxB,CAAhC;EACA,MAAM;IAAEe,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcT,KAAd,CAAnC;EACA,MAAMU,aAAa,GAAGjB,SAAS,IAAIS,KAAK,CAACS,MAAN,CAAaC,OAAhD;EACA,MAAMC,cAAc,GAAGnB,WAAW,IAAIQ,KAAK,CAACS,MAAN,CAAaC,OAAnD;EACA,MAAME,UAAU,GAAGvB,QAAQ,GAAGmB,aAAH,GAAmBG,cAA9C;EACA,MAAMlB,UAAU,GAAGC,cAAc,IAAIkB,UAArC;;EAEA,MAAMC,iBAAiB,GAAG,MAAM;IAC9BX,WAAW,CAAC,CAACb,QAAF,CAAX;EACD,CAFD;;EAIA,oBACE,uDACE,oBAAC,sBAAD;IACE,KAAK,EAAE,CAACyB,MAAM,CAACC,GAAR,EAAaT,UAAb,CADT;IAEE,OAAO,EAAEO,iBAFX;IAGE,iBAAiB,EAAC;EAHpB,GAKGjB,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAEC,QAFR;IAGE,KAAK,EAAEe,UAHT;IAIE,KAAK,EAAEE,MAAM,CAAClB;EAJhB,EADG,GAOD,IAZN,eAaE,oBAAC,iBAAD;IAAM,KAAK,EAAEkB,MAAM,CAACE;EAApB,gBACE,oBAAC,aAAD;IACE,UAAU,EAAE,KADd;IAEE,KAAK,EAAE,CACLX,UADK,EAEL;MACEY,KAAK,EAAEL;IADT,CAFK;EAFT,GASGxB,KATH,CADF,CAbF,eA0BE,oBAAC,IAAD;IACE,IAAI,EACFC,QAAQ,GACJ,iCADI,GAEJ,mCAJR;IAME,KAAK,EAAEI,UANT;IAOE,IAAI,EAAEE;EAPR,EA1BF,CADF,EAqCGN,QAAQ,GAAGU,QAAH,GAAc,IArCzB,CADF;AAyCD,CAlED;;AAoEA,MAAMe,MAAM,GAAGI,uBAAA,CAAWC,MAAX,CAAkB;EAC/BJ,GAAG,EAAE;IACHK,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE;EAFT,CAD0B;EAK/BL,OAAO,EAAE;IACPM,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT,CALsB;EAS/B3B,IAAI,EAAE;IACJ4B,WAAW,EAAE;EADT;AATyB,CAAlB,CAAf;;eAce,IAAAC,kBAAA,EAAUtC,cAAV,C"}

package/lib/commonjs/components/Accordion/AccordionItem.js

@@ -21,6 +21,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
 const AccordionItem = _ref => {
   let {
     Icon,
@@ -35,10 +37,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = (0, _utilities.extractStyles)(style);
-  return /*#__PURE__*/React.createElement(_reactNative.Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(_reactNative.View, {
+  return /*#__PURE__*/React.createElement(_reactNative.Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -73,25 +74,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(AccordionItem);
 
-exports.default = _default;StyleSheet.create({
-  container: {
-    padding: 8
-  },
-  row: {
-    flexDirection: "row",
-    alignItems: "center",
-    paddingLeft: 8
-  },
-  item: {
-    marginVertical: 6,
-    paddingLeft: 8
-  },
-  content: {
-    flex: 1,
-    justifyContent: "center"
-  }
-});
-
-var _default = (0, _theming.withTheme)(AccordionItem);
-
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=AccordionItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","extractStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent","withTheme"],"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;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IADqB;IAErBC,IAFqB;IAGrBC,KAHqB;IAIrBC,KAJqB;IAKrBC,SALqB;IAMrBC,KANqB;IAOrB,GAAGC;EAPkB,CAQV;EACX,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcN,KAAd,CAAnC;EAEA,oBACE,oBAAC,sBAAD;IAAW,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB;EAAlB,GAAsDF,IAAtD,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEI,MAAM,CAACE;EAApB,GACGX,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACQ,MAAN,CAAaC;EAHnC,EADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;EAAb,gBACE,oBAAC,aAAD;IAAM,UAAU,EAAE,KAAlB;IAAyB,KAAK,EAAET;EAAhC,GACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA7BD;;AA+BA,MAAMQ,MAAM,GAAGO,uBAAA,CAAWC,MAAX,CAAkB;EAC/BP,SAAS,EAAE;IACTQ,OAAO,EAAE;EADA,CADoB;EAI/BP,GAAG,EAAE;IACHQ,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE,QAFT;IAGHC,WAAW,EAAE;EAHV,CAJ0B;EAS/BP,IAAI,EAAE;IACJQ,cAAc,EAAE,CADZ;IAEJD,WAAW,EAAE;EAFT,CATyB;EAa/BN,OAAO,EAAE;IACPQ,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT;AAbsB,CAAlB,CAAf;;eAmBe,IAAAC,kBAAA,EAAU3B,aAAV,C"}

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

@@ -20,4 +20,5 @@ var _AccordionGroup = _interopRequireDefault(require("./AccordionGroup"));
 
 var _AccordionItem = _interopRequireDefault(require("./AccordionItem"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["index.tsx"],"sourcesContent":["export { default as AccordionGroup } from \"./AccordionGroup\";\nexport { default as AccordionItem } from \"./AccordionItem\";\n"],"mappings":";;;;;;;;;;;;;;;;;;AAAA;;AACA"}

package/lib/commonjs/components/ActionSheet/ActionSheet.js

@@ -70,4 +70,5 @@ const styles = _reactNative.StyleSheet.create({
 });
 
 var _default = ActionSheet;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ActionSheet.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActionSheet","visible","onClose","children","styles","wrapper","overlay","groupWrapper","group","React","Children","toArray","filter","child","type","ActionSheetCancel","StyleSheet","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;;AACA;;AACA;;AACA;;AACA;;;;AAQA,MAAMA,WAAW,GAAG,QAAmD;EAAA,IAAlD;IAAEC,OAAO,GAAG,KAAZ;IAAmBC,OAAnB;IAA4BC;EAA5B,CAAkD;EACrE,OAAOF,OAAO,gBACZ,6BAAC,eAAD,qBACE,6BAAC,kBAAD;IAAW,KAAK,EAAEG,MAAM,CAACC,OAAzB;IAAkC,OAAO,EAAEH;EAA3C,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEE,MAAM,CAACE;EAApB,EADF,eAEE,6BAAC,iBAAD;IAAM,KAAK,EAAEF,MAAM,CAACG;EAApB,gBACE,6BAAC,iBAAD;IAAM,KAAK,EAAEH,MAAM,CAACI;EAApB,GACGC,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,EAAiCS,MAAjC,CACEC,KAAD,IAAgB,CAAAA,KAAK,SAAL,IAAAA,KAAK,WAAL,YAAAA,KAAK,CAAEC,IAAP,MAAgBC,0BADjC,CADH,CADF,eAME,6BAAC,iBAAD;IAAM,KAAK,EAAEX,MAAM,CAACI;EAApB,GACGC,cAAA,CAAMC,QAAN,CAAeC,OAAf,CAAuBR,QAAvB,EAAiCS,MAAjC,CACEC,KAAD,IAAgBA,KAAK,CAACC,IAAN,KAAeC,0BADhC,CADH,CANF,CAFF,CADF,CADY,gBAmBZ,2DAnBF;AAqBD,CAtBD;;AAwBA,MAAMX,MAAM,GAAGY,uBAAA,CAAWC,MAAX,CAAkB;EAC/BZ,OAAO,EAAE;IACPa,IAAI,EAAE,CADC;IAEPC,OAAO,EAAE,MAFF;IAGPC,aAAa,EAAE;EAHR,CADsB;EAM/Bd,OAAO,EAAE;IACPe,QAAQ,EAAE,UADH;IAEPC,GAAG,EAAE,CAFE;IAGPC,IAAI,EAAE,CAHC;IAIPC,KAAK,EAAE,CAJA;IAKPC,MAAM,EAAE,CALD;IAMPC,eAAe,EAAE,SANV;IAOPC,OAAO,EAAE;EAPF,CANsB;EAe/BpB,YAAY,EAAE;IACZW,IAAI,EAAE,CADM;IAEZE,aAAa,EAAE,QAFH;IAGZQ,cAAc,EAAE,UAHJ;IAIZT,OAAO,EAAE,MAJG;IAKZU,YAAY,EAAE;EALF,CAfiB;EAsB/BrB,KAAK,EAAE;IACLW,OAAO,EAAE,MADJ;IAELC,aAAa,EAAE,QAFV;IAGLU,YAAY,EAAE,EAHT;IAILC,gBAAgB,EAAE,CAJb;IAKLC,cAAc,EAAE,GALX;IAMLC,QAAQ,EAAE;EANL;AAtBwB,CAAlB,CAAf;;eAgCejC,W"}

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

@@ -27,4 +27,5 @@ const ActionSheetCancel = _ref => {
 };
 
 var _default = ActionSheetCancel;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ActionSheetCancel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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;;AAEA;;;;AASA,MAAMA,iBAA2D,GAAG,QAK9D;EAAA,IAL+D;IACnEC,KAAK,GAAG,QAD2D;IAEnEC,KAFmE;IAGnEC,KAHmE;IAInEC;EAJmE,CAK/D;EACJ,oBACE,6BAAC,wBAAD;IACE,KAAK,EAAEH,KADT;IAEE,KAAK,EAAEC,KAAK,IAAI,SAFlB;IAGE,KAAK,EAAE,CAACC,KAAD,CAHT;IAIE,OAAO,EAAEC;EAJX,EADF;AAQD,CAdD;;eAgBeJ,iB"}

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

@@ -58,4 +58,5 @@ const styles = _reactNative.StyleSheet.create({
 });
 
 var _default = ActionSheetItem;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=ActionSheetItem.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","extractStyles","styles","wrapper","StyleSheet","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;;AACA;;AAQA;;;;AASA,MAAMA,eAAyD,GAAG,QAK5D;EAAA,IAL6D;IACjEC,KADiE;IAEjEC,KAFiE;IAGjEC,KAHiE;IAIjEC;EAJiE,CAK7D;EACJ,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6B,IAAAC,wBAAA,EAAcL,KAAd,CAAnC;EACA,oBACE,6BAAC,6BAAD;IACE,aAAa,EAAE,GADjB;IAEE,KAAK,EAAE,CAACM,MAAM,CAACC,OAAR,EAAiBH,UAAjB,CAFT;IAGE,OAAO,EAAEF;EAHX,gBAKE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACI,MAAM,CAACP,KAAR,EAAeI,UAAf,EAA2B;MAAEF;IAAF,CAA3B;EAAb,GAAqDF,KAArD,CALF,CADF;AASD,CAhBD;;AAkBA,MAAMO,MAAM,GAAGE,uBAAA,CAAWC,MAAX,CAAkB;EAC/BF,OAAO,EAAE;IACPG,iBAAiB,EAAEF,uBAAA,CAAWG,aADvB;IAEPC,iBAAiB,EAAE,SAFZ;IAGPC,eAAe,EAAE,SAHV;IAIPC,SAAS,EAAE,EAJJ;IAKPC,QAAQ,EAAE,QALH;IAMPC,OAAO,EAAE,MANF;IAOPC,cAAc,EAAE;EAPT,CADsB;EAU/BlB,KAAK,EAAE;IACLmB,QAAQ,EAAE,EADL;IAELC,SAAS,EAAE,QAFN;IAGLlB,KAAK,EAAE,SAHF;IAILmB,UAAU,EAAE,KAJP;IAKLL,QAAQ,EAAE,QALL;IAMLM,iBAAiB,EAAE,EANd;IAOLC,eAAe,EAAE,EAPZ;IAQLC,SAAS,EAAE;EARN;AAVwB,CAAlB,CAAf;;eAsBezB,e"}

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

@@ -28,4 +28,5 @@ var _ActionSheetItem = _interopRequireDefault(require("./ActionSheetItem"));
 
 var _ActionSheetCancel = _interopRequireDefault(require("./ActionSheetCancel"));
 
-function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"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;;AACA;;AACA"}

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -78,4 +78,5 @@ const AnimatedCircularProgress = _ref => {
 };
 
 var _default = AnimatedCircularProgress;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=AnimatedCircularProgress.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","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;;AACA;;AAOA;;;;;;;;;;AAGA,MAAMA,gBAAgB,GAAGC,qBAAA,CAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AAWA,MAAMC,wBAAkE,GAAG,QAUrE;EAAA,IAVsE;IAC1EC,QAAQ,GAAG,GAD+D;IAE1EC,MAAM,GAAGC,mBAAA,CAAOC,GAAP,CAAWD,mBAAA,CAAOE,IAAlB,CAFiE;IAG1EC,IAH0E;IAI1EC,OAAO,GAAG,CAJgE;IAK1EC,eAAe,GAAG,KALwD;IAM1EC,kBAN0E;IAO1EC,mBAP0E;IAQ1EC,SAAS,GAAG,OAR8D;IAS1E,GAAGC;EATuE,CAUtE;EACJ,MAAM,CAACC,aAAD,IAAkBC,KAAK,CAACC,QAAN,CACtB,IAAIlB,qBAAA,CAASmB,KAAb,CAAmBT,OAAnB,CADsB,CAAxB;EAIA,MAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CACd,YAIkC;IAAA,IAHhCC,KAGgC,uEAHhB,CAAC,CAGe;IAAA,IAFhCC,GAEgC;IAAA,IADhCf,IACgC;IAChC,MAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;IACA,MAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;IACA,MAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;IACA,MAAMsB,SAAS,GAAGhB,eAAlB;;IAEA,MAAMiB,IAAI,GAAG5B,qBAAA,CAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;MAC1CL,eAAe,EAAEgB,SADyB;MAE1CH,OAF0C;MAG1CnB,MAAM,EAAEqB,GAHkC;MAI1CtB,QAAQ,EAAEqB;IAJgC,CAA/B,CAAb;;IAMAG,IAAI,CAACE,KAAL,CAAWjB,mBAAX;IAEA,OAAOe,IAAP;EACD,CApBa,EAqBd,CACExB,QADF,EAEEC,MAFF,EAGEI,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;EA+BA,MAAMkB,YAAY,GAAG,MAAM;IACzB,IAAI,CAACnB,kBAAL,EAAyB;MACvB,OAAOE,SAAP;IACD;;IAED,MAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;MAC9CC,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;MAE9CC,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;IAFiC,CAA1B,CAAtB;IAKA,OAAOoB,aAAP;EACD,CAXD;;EAaAf,KAAK,CAACmB,SAAN,CAAgB,MAAM;IACpBhB,OAAO;EACR,CAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;EAIA,oBACE,oBAAC,gBAAD,eACML,KADN;IAEE,KAAK,EAAEA,KAAK,CAACsB,KAFf;IAGE,sBAAsB,EACpBtB,KAAK,CAACuB,sBAJV;IAQE,IAAI,EAAEtB,aARR;IASE,SAAS,EAAEe,YAAY;EATzB,GADF;AAaD,CA5ED;;eA8Ee5B,wB"}

package/lib/commonjs/components/AspectRatio.js

@@ -57,4 +57,5 @@ const AspectRatio = props => {
 };
 
 var _default = AspectRatio;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=AspectRatio.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["AspectRatio","props","layout","setLayout","React","useState","aspectRatio","inputStyle","StyleSheet","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;;AACA;;;;;;AAaA,MAAMA,WAAqD,GAAIC,KAAD,IAAW;EACvE,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBC,cAAA,CAAMC,QAAN,CAAuC,IAAvC,CAA5B;;EACA,MAAM;IAAEC,WAAW,GAAG,CAAhB;IAAmB,GAAGC;EAAtB,IACJC,uBAAA,CAAWC,OAAX,CAAmBR,KAAK,CAACS,KAAzB,KAAmC,EADrC;EAEA,MAAMA,KAAK,GAAG,CAACH,UAAD,EAAa;IAAED;EAAF,CAAb,CAAd;;EAEA,IAAIJ,MAAJ,EAAY;IACV,MAAM;MAAES,KAAK,GAAG,CAAV;MAAaC,MAAM,GAAG;IAAtB,IAA4BV,MAAlC;;IACA,IAAIS,KAAK,KAAK,CAAd,EAAiB;MACfD,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAK,EAAEC,MAAM,IAAI,IAAIN,WAAR,CAAf;QAAqCM;MAArC,CAAX;IACD,CAFD,MAEO;MACLF,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAF;QAASC,MAAM,EAAED,KAAK,IAAI,IAAIL,WAAR;MAAtB,CAAX;IACD;EACF;;EACD,oBACE,6BAAC,iBAAD,eACML,KADN;IAEE,KAAK,EAAES,KAFT;IAGE,QAAQ,EAAE;MAAA,IAAC;QAAEI,WAAW,EAAE;UAAEZ,MAAM,EAAEa;QAAV;MAAf,CAAD;MAAA,OAAoCZ,SAAS,CAACY,CAAD,CAA7C;IAAA;EAHZ,IAKGd,KAAK,CAACe,QALT,CADF;AASD,CAvBD;;eAyBehB,W"}

package/lib/commonjs/components/AvatarEdit.js

@@ -68,4 +68,5 @@ const AvatarEdit = _ref => {
 
 var _default = (0, _theming.withTheme)(AvatarEdit);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=AvatarEdit.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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","withTheme"],"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;;AACA;;AACA;;AACA;;AACA;;;;;;;;;;AAaA,MAAMA,UAAoD,GAAG,QAQvD;EAAA,IARwD;IAC5DC,IAD4D;IAE5DC,KAF4D;IAG5DC,IAAI,GAAG,EAHqD;IAI5DC,OAAO,GAAG,MAAM,CAAE,CAJ0C;IAK5DC,KAL4D;IAM5DC,KAN4D;IAO5D,GAAGC;EAPyD,CAQxD;EACJ,MAAMC,WAAW,GAAG;IAClBC,mBAAmB,EAAEH,KAAK,CAACI,MAAN,CAAaC,OADhB;IAElBC,aAAa,EAAEN,KAAK,CAACI,MAAN,CAAaG,OAFV;IAGlBC,eAAe,EAAER,KAAK,CAACI,MAAN,CAAaG;EAHZ,CAApB;EAMA,MAAME,UAAU,GAAG;IACjBC,KAAK,EAAEb,IADU;IAEjBc,MAAM,EAAEd;EAFS,CAAnB;EAKA,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,kBAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,oBAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,iBAAD;IACE,KAAK,EAAE;MACLe,QAAQ,EAAE,UADL;MAELC,GAAG,EAAE,CAAC,CAFD;MAGLC,KAAK,EAAE,CAAC,CAHH;MAILC,WAAW,EAAEb,WAAW,CAACM,eAJpB;MAKLQ,eAAe,EAAEd,WAAW,CAACC,mBALxB;MAMLc,YAAY,EAAEpB,IAAI,IAAI,IAAI,EAAR,CANb;MAOLqB,OAAO,EAAErB,IAAI,IAAI,IAAI,EAAR;IAPR;EADT,gBAWE,oBAAC,IAAD;IACE,IAAI,EAAC,oBADP;IAEE,KAAK,EAAEK,WAAW,CAACI,aAFrB;IAGE,IAAI,EAAET,IAAI,IAAI,IAAI,EAAR;EAHZ,EAXF,CAFF,CADF,CADF;AAwBD,CA5CD;;eA8Ce,IAAAsB,kBAAA,EAAUzB,UAAV,C"}

package/lib/commonjs/components/Banner.js

@@ -178,4 +178,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Banner);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Banner.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ELEVATION","DEFAULT_MAX_WIDTH","Banner","initiallyVisible","dismissable","icon","buttonColor","content","contentStyle","style","theme","Icon","rest","visible","setVisible","React","useState","useEffect","current","position","useRef","Animated","Value","layout","setLayout","height","measured","timing","duration","toValue","useNativeDriver","start","handleLayout","nativeEvent","multiply","translateY","add","styles","container","shadow","wrapper","absolute","transform","opacity","marginBottom","message","color","colors","text","actions","primary","StyleSheet","create","elevation","overflow","alignSelf","width","maxWidth","top","flexDirection","justifyContent","marginHorizontal","marginTop","margin","flex","withTheme"],"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/commonjs/components/Button.js

@@ -176,4 +176,5 @@ const styles = _reactNative.StyleSheet.create({
       }
     })
   }
-});
+});
+//# sourceMappingURL=Button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["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","StyleSheet","flatten","titleStyles","justifyContent","pressed","styles","base","opacity","Solid","theme","roundness","backgroundColor","colors","primary","ButtonSolid","withTheme","Outline","outline","borderColor","ButtonOutline","create","position","flexDirection","alignItems","minHeight","paddingHorizontal","Platform","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 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/commonjs/components/Card.js

@@ -148,4 +148,5 @@ const Card = _ref3 => {
 
 var _default = (0, _theming.withTheme)(Card);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Card.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_SIZE","Config","cardIconSize","ICON_CONTAINER_SIZE","ICON_CONTAINER_PADDING","ICON_ELEVATION","cardIconElevation","TopRightCircleIcon","withTheme","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","StyleSheet","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/commonjs/components/CardBlock.js

@@ -118,4 +118,5 @@ const CardBlock = _ref => {
 
 var _default = (0, _theming.withTheme)(CardBlock);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardBlock.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CardBlock","image","Config","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","withTheme"],"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/commonjs/components/CardContainer.js

@@ -144,4 +144,5 @@ const CardContainer = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainer);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainer.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_CONTAINER_SIZE","Config","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","color","strong","marginTop","body2","medium","subtitle2","light","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","withTheme"],"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":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;AAIA;;;;;;AAGA,MAAMA,mBAAmB,GAAGC,eAAA,CAAOC,YAAP,GAAsB,CAAlD;AACA,MAAMC,sBAAsB,GAAGF,eAAA,CAAOC,YAAP,GAAsB,CAAtB,GAA0B,CAAzD;;AAiBA,MAAME,aAAuD,GAAG,QAe1D;EAAA,IAf2D;IAC/DC,IAD+D;IAE/DC,IAF+D;IAG/DC,KAAK,GAAGN,eAAA,CAAOO,YAHgD;IAI/DC,KAJ+D;IAK/DC,eAL+D;IAM/DC,gBAN+D;IAO/DC,YAP+D;IAQ/DC,WAAW,GAAG,GARiD;IAS/DC,SAAS,GAAG,CATmD;IAU/DC,UAAU,GAAG,CAVkD;IAW/DC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAXwD;IAY/DC,KAZ+D;IAa/DC,OAb+D;IAc/D,GAAGC;EAd4D,CAe3D;EACJ,IAAIC,iBAAJ;EAEA,IAAIC,UAAJ;;EAEA,IAAIZ,YAAY,IAAI,CAACD,gBAArB,EAAuC;IACrCY,iBAAiB,GAAG,QAApB;EACD,CAFD,MAEO;IACLA,iBAAiB,GAAG,eAApB;EACD;;EAED,QAAQR,UAAR;IACE,KAAK,CAAL;MACES,UAAU,GAAGL,UAAU,CAACM,SAAxB;MACA;;IACF,KAAK,CAAL;MACED,UAAU,GAAGL,UAAU,CAACO,SAAxB;MACA;EANJ;;EASA,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEN,KAAb;IAAoB,OAAO,EAAEC,OAA7B;IAAsC,UAAU,EAAEN;EAAlD,GAAkEO,IAAlE,gBACE,6BAAC,kBAAD;IAAW,KAAK,EAAE;MAAER,SAAF;MAAaa,YAAY,EAAET;IAA3B;EAAlB,gBACE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLS,YAAY,EAAET,SADT;MAELU,QAAQ,EAAE,QAFL;MAGLC,eAAe,EAAEZ,MAAM,CAACa;IAHnB;EADT,gBAOE,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEjB;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEwB,GAAG,EAAExB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAPF,eAYE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLyB,OAAO,EAAEjB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB;IAD3B;EADT,GAKGN,KAAK,gBACJ,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLwB,aAAa,EAAE,KADV;MAELC,UAAU,EAAE,QAFP;MAGLC,cAAc,EAAEZ;IAHX;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACC,UAAD,EAAa;MAAEY,KAAK,EAAEnB,MAAM,CAACoB;IAAhB,CAAb;EAFT,GAIG5B,KAJH,CAPF,CADI,GAeF,IApBN,EAqBGC,eAAe,gBACd,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLuB,aAAa,EAAE,KADV;MAELE,cAAc,EAAEZ,iBAFX;MAGLW,UAAU,EAAE,QAHP;MAILI,SAAS,EAAEvB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB,IAAI;IAJjC;EADT,gBAQE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACI,UAAU,CAACoB,KAAZ,EAAmB;MAAEH,KAAK,EAAEnB,MAAM,CAACuB;IAAhB,CAAnB;EAFT,GAIG9B,eAJH,CARF,EAcGC,gBAAgB,gBACf,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACQ,UAAU,CAACsB,SAAZ,EAAuB;MAAEL,KAAK,EAAEnB,MAAM,CAACyB;IAAhB,CAAvB;EAFT,GAIG/B,gBAJH,CADe,GAOb,IArBN,CADc,GAwBZ,IA7CN,CAZF,EA2DGL,IAAI,gBACH,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLQ,SAAS,EAAEb,eAAA,CAAO0C,iBADb;MAELC,QAAQ,EAAE,UAFL;MAGLC,GAAG,EAAE,EAHA;MAILC,KAAK,EAAE,EAJF;MAKLC,KAAK,EAAE/C,mBALF;MAMLgD,MAAM,EAAEhD,mBANH;MAOLgC,OAAO,EAAE7B,sBAPJ;MAQLwB,YAAY,EAAE3B,mBART;MASL6B,eAAe,EAAE,IAAAO,cAAA,EAAMnB,MAAM,CAACoB,MAAb,EACdY,KADc,CACRhD,eAAA,CAAOiD,yBADC,EAEdC,GAFc,GAGdC,MAHc;IATZ;EADT,gBAgBE,6BAAC,IAAD;IACE,IAAI,EAAE9C,IADR;IAEE,IAAI,EAAEL,eAAA,CAAOC,YAFf;IAGE,KAAK,EAAEe,MAAM,CAACa;EAHhB,EAhBF,CADG,GAuBD,IAlFN,CADF,CADF,CADF;AA0FD,CA7HD;;eA+He,IAAAuB,kBAAA,EAAUjD,aAAV,C"}

package/lib/commonjs/components/CardContainerRating.js

@@ -148,4 +148,5 @@ const CardContainerRating = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerRating);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainerRating.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["ICON_CONTAINER_SIZE","Config","cardIconSize","ICON_CONTAINER_PADDING","CardContainerRating","Icon","icon","image","cardImageUrl","title","leftDescription","rightDescription","rating","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleStyle","rightDescriptionStyle","headline6","body2","headline5","caption","borderRadius","overflow","backgroundColor","background","uri","padding","flexDirection","alignItems","justifyContent","color","strong","medium","marginTop","marginLeft","cardIconElevation","position","top","right","width","height","alpha","cardIconBackgroundOpacity","rgb","string","surface","withTheme"],"sources":["CardContainerRating.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 StarRating from \"./StarRating\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Config from \"./Config\";\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  rating: number;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n} & IconSlot;\n\nconst CardContainerRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  rating,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleStyle, rightDescriptionStyle;\n  switch (numColumns) {\n    case 2:\n      titleStyle = typography.headline6;\n      rightDescriptionStyle = typography.body2;\n      break;\n    case 3:\n      titleStyle = typography.headline5;\n      rightDescriptionStyle = typography.caption;\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.background,\n            //background color is needed for bug on android 9 - https://github.com/facebook/react-native/issues/25093\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: \"space-between\",\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              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  {\n                    color: colors.medium,\n                    marginTop: numColumns === 3 ? 4 : 4 / 2,\n                  },\n                ]}\n              >\n                {leftDescription}\n              </Text>\n            ) : null}\n            <View\n              style={{\n                flexDirection: \"row\",\n                justifyContent: \"space-between\",\n                alignItems: \"center\",\n                marginTop: numColumns === 3 ? 16 : 12,\n              }}\n            >\n              <StarRating\n                Icon={Icon}\n                starSize={numColumns === 1 ? 10 : 16}\n                rating={rating}\n              />\n              <Text\n                style={[\n                  rightDescriptionStyle,\n                  {\n                    color: colors.medium,\n                    marginLeft: 8,\n                  },\n                ]}\n                numberOfLines={1}\n              >\n                {rightDescription}\n              </Text>\n            </View>\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(CardContainerRating);\n"],"mappings":"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"}

package/lib/commonjs/components/CardContainerShortImage.js

@@ -93,4 +93,5 @@ const CardContainerShortImage = _ref => {
 
 var _default = (0, _theming.withTheme)(CardContainerShortImage);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardContainerShortImage.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CardContainerShortImage","image","Config","squareImageUrl","title","subtitle","mode","aspectRatio","elevation","theme","colors","roundness","typography","style","onPress","rest","borderRadius","overflow","flexDirection","justifyContent","uri","padding","backgroundColor","surface","flex","headline5","color","strong","body2","medium","marginTop","withTheme"],"sources":["CardContainerShortImage.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  Text,\n  ImageSourcePropType,\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\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  mode?: \"right\" | \"left\";\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardContainerShortImage: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.squareImageUrl,\n  title,\n  subtitle,\n  mode = \"left\",\n  aspectRatio = 1,\n  elevation = 2,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  return (\n    <Card style={style} onPress={onPress} {...rest}>\n      <Elevation\n        style={{\n          elevation,\n          borderRadius: roundness,\n        }}\n      >\n        <View\n          style={{\n            overflow: \"hidden\",\n            flexDirection: \"row\",\n            justifyContent: mode === \"right\" ? \"space-between\" : \"flex-start\",\n            borderRadius: roundness,\n          }}\n        >\n          {mode === \"left\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n          <View\n            style={{\n              padding: 16,\n              backgroundColor: colors.surface,\n              flex: 1,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.headline5, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {subtitle ? (\n              <Text\n                numberOfLines={1}\n                style={[\n                  typography.body2,\n                  { color: colors.medium, marginTop: 4 },\n                ]}\n              >\n                {subtitle}\n              </Text>\n            ) : null}\n          </View>\n          {mode === \"right\" && (\n            <Image\n              style={{ aspectRatio }}\n              source={typeof image === \"string\" ? { uri: image } : image}\n              resizeMode=\"cover\"\n            />\n          )}\n        </View>\n      </Elevation>\n    </Card>\n  );\n};\n\nexport default withTheme(CardContainerShortImage);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;AACA;;AACA;;AACA;;AACA;;;;;;AAeA,MAAMA,uBAAiE,GAAG,QAWpE;EAAA,IAXqE;IACzEC,KAAK,GAAGC,eAAA,CAAOC,cAD0D;IAEzEC,KAFyE;IAGzEC,QAHyE;IAIzEC,IAAI,GAAG,MAJkE;IAKzEC,WAAW,GAAG,CAL2D;IAMzEC,SAAS,GAAG,CAN6D;IAOzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAPkE;IAQzEC,KARyE;IASzEC,OATyE;IAUzE,GAAGC;EAVsE,CAWrE;EACJ,oBACE,6BAAC,8BAAD;IAAM,KAAK,EAAEF,KAAb;IAAoB,OAAO,EAAEC;EAA7B,GAA0CC,IAA1C,gBACE,6BAAC,kBAAD;IACE,KAAK,EAAE;MACLP,SADK;MAELQ,YAAY,EAAEL;IAFT;EADT,gBAME,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLM,QAAQ,EAAE,QADL;MAELC,aAAa,EAAE,KAFV;MAGLC,cAAc,EAAEb,IAAI,KAAK,OAAT,GAAmB,eAAnB,GAAqC,YAHhD;MAILU,YAAY,EAAEL;IAJT;EADT,GAQGL,IAAI,KAAK,MAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EATJ,eAeE,6BAAC,iBAAD;IACE,KAAK,EAAE;MACLoB,OAAO,EAAE,EADJ;MAELC,eAAe,EAAEZ,MAAM,CAACa,OAFnB;MAGLC,IAAI,EAAE;IAHD;EADT,gBAOE,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACZ,UAAU,CAACa,SAAZ,EAAuB;MAAEC,KAAK,EAAEhB,MAAM,CAACiB;IAAhB,CAAvB;EAFT,GAIGvB,KAJH,CAPF,EAaGC,QAAQ,gBACP,6BAAC,iBAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CACLO,UAAU,CAACgB,KADN,EAEL;MAAEF,KAAK,EAAEhB,MAAM,CAACmB,MAAhB;MAAwBC,SAAS,EAAE;IAAnC,CAFK;EAFT,GAOGzB,QAPH,CADO,GAUL,IAvBN,CAfF,EAwCGC,IAAI,KAAK,OAAT,iBACC,6BAAC,cAAD;IACE,KAAK,EAAE;MAAEC;IAAF,CADT;IAEE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAEmB,GAAG,EAAEnB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAzCJ,CANF,CADF,CADF;AA2DD,CAvED;;eAyEe,IAAA8B,kBAAA,EAAU/B,uBAAV,C"}

package/lib/commonjs/components/CardInline.js

@@ -101,4 +101,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(CardInline);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CardInline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["CardInline","image","Config","cardImageUrl","title","subtitle","aspectRatio","elevation","style","titleStyle","subtitleStyle","onPress","alignItems","justifyContent","width","height","StyleSheet","flatten","imageStyles","pressed","opacity","uri","styles","overlay","color","create","position","top","bottom","left","right","padding","backgroundColor","withTheme"],"sources":["CardInline.tsx"],"sourcesContent":["// @ts-nocheck\nimport React from \"react\";\nimport {\n  Pressable,\n  View,\n  ImageSourcePropType,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n  StyleSheet,\n} from \"react-native\";\nimport { Title, Subtitle } from \"./Typography\";\nimport Image from \"./Image\";\nimport Surface from \"./Surface\";\nimport Config from \"./Config\";\nimport { withTheme } from \"../theming\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  subtitle?: string;\n  aspectRatio?: number;\n  elevation?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  titleStyle?: StyleProp<TextStyle>;\n  subtitleStyle?: StyleProp<TextStyle>;\n  onPress: () => void;\n};\n\nconst CardInline: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  subtitle,\n  aspectRatio = 1.5,\n  elevation = 2,\n  style,\n  titleStyle,\n  subtitleStyle,\n  onPress,\n}) => {\n  const { alignItems, justifyContent, width, height } = StyleSheet.flatten(\n    style || {}\n  );\n  const imageStyles = width && height ? { width, height } : { aspectRatio };\n  return (\n    <Surface style={[{ elevation }, style]}>\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={imageStyles}\n          source={typeof image === \"string\" ? { uri: image } : image}\n          resizeMode=\"cover\"\n        />\n        <View style={[styles.overlay, { justifyContent, alignItems }]}>\n          {title ? (\n            <Title style={[{ color: \"white\" }, titleStyle]} text={title} />\n          ) : null}\n          {subtitle ? (\n            <Subtitle\n              style={[{ color: \"rgba(255, 255, 255, 0.7)\" }, subtitleStyle]}\n              text={subtitle}\n            />\n          ) : null}\n        </View>\n      </Pressable>\n    </Surface>\n  );\n};\n\nconst styles = StyleSheet.create({\n  overlay: {\n    position: \"absolute\",\n    top: 0,\n    bottom: 0,\n    left: 0,\n    right: 0,\n    padding: 16,\n    backgroundColor: \"rgba(0, 0, 0, 0.2)\",\n  },\n});\n\nexport default withTheme(CardInline);\n"],"mappings":";;;;;;;AACA;;AACA;;AASA;;AACA;;AACA;;AACA;;AACA;;;;AAfA;AA+BA,MAAMA,UAAoD,GAAG,QAUvD;EAAA,IAVwD;IAC5DC,KAAK,GAAGC,eAAA,CAAOC,YAD6C;IAE5DC,KAF4D;IAG5DC,QAH4D;IAI5DC,WAAW,GAAG,GAJ8C;IAK5DC,SAAS,GAAG,CALgD;IAM5DC,KAN4D;IAO5DC,UAP4D;IAQ5DC,aAR4D;IAS5DC;EAT4D,CAUxD;;EACJ,MAAM;IAAEC,UAAF;IAAcC,cAAd;IAA8BC,KAA9B;IAAqCC;EAArC,IAAgDC,uBAAA,CAAWC,OAAX,CACpDT,KAAK,IAAI,EAD2C,CAAtD;;EAGA,MAAMU,WAAW,GAAGJ,KAAK,IAAIC,MAAT,GAAkB;IAAED,KAAF;IAASC;EAAT,CAAlB,GAAsC;IAAET;EAAF,CAA1D;EACA,oBACE,6BAAC,gBAAD;IAAS,KAAK,EAAE,CAAC;MAAEC;IAAF,CAAD,EAAgBC,KAAhB;EAAhB,gBACE,6BAAC,sBAAD;IACE,QAAQ,EAAE,CAACG,OADb;IAEE,OAAO,EAAEA,OAFX;IAGE,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAF,CAAgB;MACtB,OAAO,CACL;QACEC,OAAO,EAAED,OAAO,GAAG,GAAH,GAAS;MAD3B,CADK,CAAP;IAKD;EATH,gBAWE,6BAAC,cAAD;IACE,KAAK,EAAED,WADT;IAEE,MAAM,EAAE,OAAOjB,KAAP,KAAiB,QAAjB,GAA4B;MAAEoB,GAAG,EAAEpB;IAAP,CAA5B,GAA6CA,KAFvD;IAGE,UAAU,EAAC;EAHb,EAXF,eAgBE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAACqB,MAAM,CAACC,OAAR,EAAiB;MAAEV,cAAF;MAAkBD;IAAlB,CAAjB;EAAb,GACGR,KAAK,gBACJ,6BAAC,iBAAD;IAAO,KAAK,EAAE,CAAC;MAAEoB,KAAK,EAAE;IAAT,CAAD,EAAqBf,UAArB,CAAd;IAAgD,IAAI,EAAEL;EAAtD,EADI,GAEF,IAHN,EAIGC,QAAQ,gBACP,6BAAC,oBAAD;IACE,KAAK,EAAE,CAAC;MAAEmB,KAAK,EAAE;IAAT,CAAD,EAAwCd,aAAxC,CADT;IAEE,IAAI,EAAEL;EAFR,EADO,GAKL,IATN,CAhBF,CADF,CADF;AAgCD,CA/CD;;AAiDA,MAAMiB,MAAM,GAAGN,uBAAA,CAAWS,MAAX,CAAkB;EAC/BF,OAAO,EAAE;IACPG,QAAQ,EAAE,UADH;IAEPC,GAAG,EAAE,CAFE;IAGPC,MAAM,EAAE,CAHD;IAIPC,IAAI,EAAE,CAJC;IAKPC,KAAK,EAAE,CALA;IAMPC,OAAO,EAAE,EANF;IAOPC,eAAe,EAAE;EAPV;AADsB,CAAlB,CAAf;;eAYe,IAAAC,kBAAA,EAAUjC,UAAV,C"}

package/lib/commonjs/components/Carousel.js

@@ -144,4 +144,5 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Carousel);
 
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Carousel.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["screenWidth","Dimensions","get","width","Pager","color","index","length","styles","pager","Array","from","map","_","i","current","opacity","size","bullet","backgroundColor","height","Carousel","data","children","dotColor","style","rest","setIndex","React","useState","Children","count","itemsLength","slides","isArray","StyleSheet","flatten","slideWidth","slideHeight","container","nativeEvent","layoutWidth","layoutMeasurement","offset","contentOffset","x","currentIndex","Math","ceil","item","uri","child","s","props","cloneElement","create","position","bottom","left","right","flexDirection","justifyContent","alignItems","marginHorizontal","borderRadius","withTheme"],"sources":["Carousel.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport {\n  ScrollView,\n  View,\n  StyleSheet,\n  Dimensions,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\n\nconst screenWidth = Dimensions.get(\"window\").width;\n\ntype Props = {\n  data?: any[];\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n  dotColor?: string;\n  theme: any;\n};\n\nfunction Pager({\n  color,\n  index,\n  length,\n}: {\n  color: string;\n  index: number;\n  length: number;\n}) {\n  return (\n    <View style={styles.pager}>\n      {Array.from({ length }).map((_, i) => {\n        const current = index === i;\n        const opacity = current ? 1 : 0.5;\n        const size = current ? 10 : 8;\n        return (\n          <View\n            key={i}\n            style={[\n              styles.bullet,\n              { backgroundColor: color, opacity, width: size, height: size },\n            ]}\n          />\n        );\n      })}\n    </View>\n  );\n}\n\nfunction Carousel({\n  data,\n  children,\n  dotColor = \"strong\",\n  style,\n  ...rest\n}: React.PropsWithChildren<Props>) {\n  const [index, setIndex] = React.useState(0);\n\n  const length = React.Children.count(children);\n  const itemsLength = (data?.length ?? 0) + length;\n  const slides = Array.isArray(data) ? data : [];\n\n  const { width, height } = StyleSheet.flatten(style || {});\n  const slideWidth = width || screenWidth;\n  const slideHeight = height || 250;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      <ScrollView\n        pagingEnabled\n        horizontal\n        decelerationRate=\"fast\"\n        scrollEventThrottle={200}\n        showsHorizontalScrollIndicator={false}\n        onScroll={({ nativeEvent }) => {\n          const layoutWidth = nativeEvent.layoutMeasurement.width;\n          const offset = nativeEvent.contentOffset.x;\n          const currentIndex = Math.ceil(offset / layoutWidth);\n          setIndex(currentIndex);\n        }}\n      >\n        {slides.length > 0\n          ? slides.map((item, i) => {\n              return (\n                <Image\n                  key={i}\n                  resizeMode=\"cover\"\n                  source={typeof item === \"string\" ? { uri: item } : item}\n                  style={[{ width: slideWidth, height: slideHeight }]}\n                />\n              );\n            })\n          : null}\n        {React.Children.map(children, (child: any) => {\n          const s = child?.props?.style || {};\n          return (\n            <View style={{ width: slideWidth }}>\n              {React.cloneElement(child, {\n                style: { ...s, width: slideWidth },\n              })}\n            </View>\n          );\n        })}\n      </ScrollView>\n      <Pager color={dotColor} index={index} length={itemsLength} />\n    </View>\n  );\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    backgroundColor: \"#eee\",\n  },\n  pager: {\n    position: \"absolute\",\n    bottom: 12,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n  },\n  bullet: {\n    marginHorizontal: 2,\n    width: 10,\n    height: 10,\n    borderRadius: 20,\n    backgroundColor: \"#000\",\n  },\n});\n\nexport default withTheme(Carousel);\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/Checkbox.js

@@ -121,4 +121,5 @@ const styles = _reactNative.StyleSheet.create({
 });
 
 var _default = Checkbox;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=Checkbox.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Checkbox","Icon","status","disabled","onPress","onCheck","onUncheck","color","uncheckedColor","defaultValue","checkedIcon","uncheckedIcon","size","style","rest","internalValue","setInternalValue","React","useState","useEffect","previousDefaultValue","usePrevious","Boolean","colors","useTheme","checkboxColor","primary","handlePress","newValue","styles","container","width","height","icon","StyleSheet","absoluteFill","fillContainer","fill","opacity","borderColor","create","borderRadius","alignItems","justifyContent","alignSelf"],"sources":["Checkbox.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport { useTheme } from \"../../theming\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nimport Touchable from \"../Touchable\";\nimport { usePrevious } from \"../../hooks\";\n\nexport interface CheckboxProps {\n  status?: boolean;\n  disabled?: boolean;\n  onPress?: (checked: boolean) => void;\n  onCheck?: () => void;\n  onUncheck?: () => void;\n  color?: string;\n  uncheckedColor?: string;\n  checkedIcon?: string;\n  uncheckedIcon?: string;\n  defaultValue?: boolean;\n  size?: number;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Checkbox: React.FC<\n  CheckboxProps & TouchableHighlightProps & IconSlot\n> = ({\n  Icon,\n  status,\n  disabled = false,\n  onPress,\n  onCheck,\n  onUncheck,\n  color,\n  uncheckedColor,\n  defaultValue,\n  checkedIcon = \"MaterialCommunityIcons/checkbox-marked\",\n  uncheckedIcon = \"MaterialCommunityIcons/checkbox-blank-outline\",\n  size = 24,\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    status || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (status != null) {\n      setInternalValue(status);\n    }\n  }, [status]);\n\n  // This special logic is to handle weird APIs like Airtable that return\n  // true or undefined for a boolean\n  const previousDefaultValue = usePrevious(defaultValue) as boolean | undefined;\n\n  React.useEffect(() => {\n    if (defaultValue !== previousDefaultValue) {\n      setInternalValue(Boolean(defaultValue));\n    }\n  }, [defaultValue, previousDefaultValue]);\n\n  const { colors } = useTheme();\n\n  const checkboxColor = internalValue\n    ? color || colors.primary\n    : uncheckedColor || colors.primary;\n\n  const handlePress = () => {\n    const newValue = !internalValue;\n\n    setInternalValue(newValue);\n    onPress?.(newValue);\n\n    if (newValue) {\n      onCheck?.();\n    }\n\n    if (!newValue) {\n      onUncheck?.();\n    }\n  };\n\n  return (\n    <Touchable\n      {...rest}\n      onPress={handlePress}\n      disabled={disabled}\n      accessibilityState={{ disabled }}\n      accessibilityRole=\"button\"\n      accessibilityLiveRegion=\"polite\"\n      style={[styles.container, style, { width: size, height: size }]}\n    >\n      <Icon\n        style={styles.icon}\n        name={internalValue ? checkedIcon : uncheckedIcon}\n        size={size}\n        color={checkboxColor}\n      />\n      <View style={[StyleSheet.absoluteFill, styles.fillContainer]}>\n        <View\n          style={[\n            styles.fill,\n            { opacity: disabled ? 0.5 : 1 },\n            { borderColor: checkboxColor },\n          ]}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    borderRadius: 18,\n  },\n  fillContainer: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    alignSelf: \"center\",\n  },\n  fill: {\n    borderRadius: 5,\n    width: 30,\n    height: 30,\n    alignSelf: \"center\",\n  },\n});\n\nexport default Checkbox;\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/CheckboxGroup.js

@@ -57,4 +57,5 @@ const CheckboxGroup = _ref => {
 };
 
 var _default = CheckboxGroup;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroup.js.map

package/lib/commonjs/components/Checkbox/CheckboxGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Provider","checkboxGroupContext","CheckboxGroup","direction","Direction","Vertical","values","onValueChange","style","children","rest","_containerStyle","flexDirection","Horizontal","overflow","push","alignItems","minHeight"],"sources":["CheckboxGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { checkboxGroupContext, Direction } from \"./context\";\n\nexport interface CheckboxGroupProps {\n  direction?: Direction;\n  style?: StyleProp<ViewStyle>;\n  values: string[];\n  onValueChange: (value: string, selected: boolean) => void;\n  theme: Theme;\n  children: React.ReactNode;\n}\n\nconst { Provider } = checkboxGroupContext;\n\nconst CheckboxGroup: React.FC<CheckboxGroupProps> = ({\n  direction = Direction.Vertical,\n  values,\n  onValueChange = () => {},\n  style,\n  children,\n  ...rest\n}) => {\n  const _containerStyle: StyleProp<ViewStyle> = [\n    {\n      flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n      overflow: \"hidden\",\n    },\n  ];\n\n  if (direction !== Direction.Vertical) {\n    _containerStyle.push({\n      alignItems: \"center\",\n    });\n  }\n\n  return (\n    <View style={[{ minHeight: 40 }, style]} {...rest}>\n      <Provider value={{ values, onValueChange, direction }}>\n        <View style={_containerStyle}>{children}</View>\n      </Provider>\n    </View>\n  );\n};\n\nexport default CheckboxGroup;\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;;;;;;;AAWA,MAAM;EAAEA;AAAF,IAAeC,6BAArB;;AAEA,MAAMC,aAA2C,GAAG,QAO9C;EAAA,IAP+C;IACnDC,SAAS,GAAGC,kBAAA,CAAUC,QAD6B;IAEnDC,MAFmD;IAGnDC,aAAa,GAAG,MAAM,CAAE,CAH2B;IAInDC,KAJmD;IAKnDC,QALmD;IAMnD,GAAGC;EANgD,CAO/C;EACJ,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAET,SAAS,KAAKC,kBAAA,CAAUS,UAAxB,GAAqC,KAArC,GAA6C,QAD9D;IAEEC,QAAQ,EAAE;EAFZ,CAD4C,CAA9C;;EAOA,IAAIX,SAAS,KAAKC,kBAAA,CAAUC,QAA5B,EAAsC;IACpCM,eAAe,CAACI,IAAhB,CAAqB;MACnBC,UAAU,EAAE;IADO,CAArB;EAGD;;EAED,oBACE,oBAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAb,CAAD,EAAoBT,KAApB;EAAb,GAA6CE,IAA7C,gBACE,oBAAC,QAAD;IAAU,KAAK,EAAE;MAAEJ,MAAF;MAAUC,aAAV;MAAyBJ;IAAzB;EAAjB,gBACE,oBAAC,iBAAD;IAAM,KAAK,EAAEQ;EAAb,GAA+BF,QAA/B,CADF,CADF,CADF;AAOD,CA5BD;;eA8BeP,a"}

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js

@@ -138,4 +138,5 @@ const styles = _reactNative.StyleSheet.create({
 });
 
 var _default = CheckboxGroupRow;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CheckboxGroupRow.js.map

package/lib/commonjs/components/Checkbox/CheckboxGroupRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["Direction","getCheckboxAlignment","parentDirection","direction","GroupDirection","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","CheckboxGroupRow","Icon","label","status","onPress","labelContainerStyle","checkboxStyle","disabled","style","color","uncheckedColor","rest","values","selectedValues","onValueChange","useCheckboxGroupContext","Array","isArray","isChecked","includes","handlePress","textStyles","viewStyles","extractStyles","styles","mainParent","flexDirection","alignItems","flex","StyleSheet","create","justifyContent","paddingStart","minHeight","paddingEnd","display","Platform","select","web","cursor","userSelect"],"sources":["CheckboxGroupRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport Checkbox, { CheckboxProps } from \"./Checkbox\";\nimport Text from \"../Text\";\nimport { useCheckboxGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface CheckboxGroupRowProps extends Omit<CheckboxProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string; // A string that this checkbox represents\n  labelContainerStyle: StyleProp<ViewStyle>;\n  checkboxStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: boolean) => void;\n  direction?: Direction;\n  color: string;\n  unselectedColor: string;\n}\n\nconst getCheckboxAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst CheckboxGroupRow: React.FC<CheckboxGroupRowProps & IconSlot> = ({\n  Icon,\n  label = \"Label\",\n  status,\n  value,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  checkboxStyle,\n  direction = Direction.Row,\n  disabled,\n  style,\n  color,\n  uncheckedColor,\n  ...rest\n}) => {\n  const {\n    values: selectedValues,\n    onValueChange,\n    direction: parentDirection,\n  } = useCheckboxGroupContext();\n\n  const values = Array.isArray(selectedValues) ? selectedValues : [];\n  const isChecked = status || values.includes(value);\n\n  const handlePress = () => {\n    if (!disabled) {\n      onPress?.(!isChecked);\n      onValueChange?.(value, !isChecked);\n    }\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getCheckboxAlignment(parentDirection, direction),\n        }}\n      >\n        <Checkbox\n          Icon={Icon}\n          status={isChecked}\n          onPress={handlePress}\n          style={checkboxStyle}\n          disabled={disabled}\n          color={color}\n          uncheckedColor={uncheckedColor}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default CheckboxGroupRow;\n"],"mappings":"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"}

package/lib/commonjs/components/Checkbox/CheckboxRow.js

@@ -147,4 +147,5 @@ const styles = _reactNative.StyleSheet.create({
 });
 
 var _default = CheckboxRow;
-exports.default = _default;
+exports.default = _default;
+//# sourceMappingURL=CheckboxRow.js.map