@draftbit/core 46.0.0 → 46.0.1-caeae2.1

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

@@ -1 +1 @@
-{"version":3,"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","Config","rowSingleLineIconSize","marginLeft","withTheme"],"sources":["RowBodyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<Props> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAWA,MAAMA,WAA4B,GAAG,QAO/B;EAAA,IAPgC;IACpCC,IADoC;IAEpCC,KAFoC;IAGpCC,QAHoC;IAIpCC,IAJoC;IAKpCC,KALoC;IAMpCC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAN6B,CAOhC;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,KAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,KAJxB;IAKE,KAAK,EAAEV,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEC,IADR;MAEE,IAAI,EAAES,eAAA,CAAOC,qBAFf;MAGE,KAAK,EAAEP,MAAM,CAACK,KAHhB;MAIE,KAAK,EAAE;QAAEG,UAAU,EAAE;MAAd;IAJT,EARJ;IAeE,KAAK,EAAEV;EAfT,EADF;AAmBD,CA3BD;;eA6Be,IAAAW,kBAAA,EAAUhB,WAAV,C"}
+{"version":3,"names":["RowBodyIcon","Icon","title","subtitle","icon","style","theme","colors","typography","body1","medium","subtitle2","light","Config","rowSingleLineIconSize","marginLeft","withTheme"],"sources":["RowBodyIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowBodyIcon: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  subtitle,\n  icon,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.body1}\n      titleColor={colors.medium}\n      subtitleTypeStyle={typography.subtitle2}\n      subtitleColor={colors.light}\n      title={title}\n      subtitle={subtitle}\n      right={() => (\n        <Icon\n          name={icon}\n          size={Config.rowSingleLineIconSize}\n          color={colors.light}\n          style={{ marginLeft: 16 }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowBodyIcon);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAWA,MAAMA,WAAqD,GAAG,QAOxD;EAAA,IAPyD;IAC7DC,IAD6D;IAE7DC,KAF6D;IAG7DC,QAH6D;IAI7DC,IAJ6D;IAK7DC,KAL6D;IAM7DC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANsD,CAOzD;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,KAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,SAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,KAJxB;IAKE,KAAK,EAAEV,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEC,IADR;MAEE,IAAI,EAAES,eAAA,CAAOC,qBAFf;MAGE,KAAK,EAAEP,MAAM,CAACK,KAHhB;MAIE,KAAK,EAAE;QAAEG,UAAU,EAAE;MAAd;IAJT,EARJ;IAeE,KAAK,EAAEV;EAfT,EADF;AAmBD,CA3BD;;eA6Be,IAAAW,kBAAA,EAAUhB,WAAV,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft","withTheme"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  caption?: string;\n  image: string | ImageSourcePropType;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<Props> = ({\n  title,\n  subtitle,\n  caption,\n  image,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      image={image}\n      right={() => (\n        <Text\n          style={{\n            ...typography.caption,\n            color: colors.strong,\n            marginLeft: 16,\n          }}\n        >\n          {caption}\n        </Text>\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAYA,MAAMA,uBAAwC,GAAG,QAO3C;EAAA,IAP4C;IAChDC,KADgD;IAEhDC,QAFgD;IAGhDC,OAHgD;IAIhDC,KAJgD;IAKhDC,KALgD;IAMhDC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANyC,CAO5C;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAEE,KAPT;IAQE,KAAK,EAAE,mBACL,oBAAC,iBAAD;MACE,KAAK,EAAE,EACL,GAAGI,UAAU,CAACL,OADT;QAELU,KAAK,EAAEN,MAAM,CAACG,MAFT;QAGLI,UAAU,EAAE;MAHP;IADT,GAOGX,OAPH,CATJ;IAmBE,KAAK,EAAEE;EAnBT,EADF;AAuBD,CA/BD;;eAiCe,IAAAU,kBAAA,EAAUf,uBAAV,C"}
+{"version":3,"names":["RowHeadlineImageCaption","title","subtitle","caption","image","style","theme","colors","typography","headline6","strong","body2","medium","color","marginLeft","withTheme"],"sources":["RowHeadlineImageCaption.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport Row from \"./Row\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  title?: string;\n  subtitle?: string;\n  caption?: string;\n  image: string | ImageSourcePropType;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst RowHeadlineImageCaption: React.FC<React.PropsWithChildren<Props>> = ({\n  title,\n  subtitle,\n  caption,\n  image,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      image={image}\n      right={() => (\n        <Text\n          style={{\n            ...typography.caption,\n            color: colors.strong,\n            marginLeft: 16,\n          }}\n        >\n          {caption}\n        </Text>\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageCaption);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AAYA,MAAMA,uBAAiE,GAAG,QAOpE;EAAA,IAPqE;IACzEC,KADyE;IAEzEC,QAFyE;IAGzEC,OAHyE;IAIzEC,KAJyE;IAKzEC,KALyE;IAMzEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EANkE,CAOrE;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEC,QANZ;IAOE,KAAK,EAAEE,KAPT;IAQE,KAAK,EAAE,mBACL,oBAAC,iBAAD;MACE,KAAK,EAAE,EACL,GAAGI,UAAU,CAACL,OADT;QAELU,KAAK,EAAEN,MAAM,CAACG,MAFT;QAGLI,UAAU,EAAE;MAHP;IADT,GAOGX,OAPH,CATJ;IAmBE,KAAK,EAAEE;EAnBT,EADF;AAuBD,CA/BD;;eAiCe,IAAAU,kBAAA,EAAUf,uBAAV,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","Config","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop","withTheme"],"sources":["RowHeadlineImageIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  image: string | ImageSourcePropType;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<Props> = ({\n  Icon,\n  icon,\n  title,\n  image,\n  subtitle,\n  multilineSubtitle = false,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      multilineSubtitle={multilineSubtitle}\n      image={image}\n      right={() => (\n        <Icon\n          name={icon}\n          size={\n            multilineSubtitle\n              ? Config.rowMultiLineIconSize\n              : Config.rowSingleLineIconSize\n          }\n          color={colors.light}\n          style={{\n            marginLeft: 16,\n            alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n            marginTop: multilineSubtitle ? 4 : 0,\n          }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAaA,MAAMA,oBAAqC,GAAG,QASxC;EAAA,IATyC;IAC7CC,IAD6C;IAE7CC,IAF6C;IAG7CC,KAH6C;IAI7CC,KAJ6C;IAK7CC,QAL6C;IAM7CC,iBAAiB,GAAG,KANyB;IAO7CC,KAP6C;IAQ7CC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EARsC,CASzC;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,iBAAiB,EAAEC,iBAPrB;IAQE,KAAK,EAAEF,KART;IASE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEF,IADR;MAEE,IAAI,EACFI,iBAAiB,GACbS,eAAA,CAAOC,oBADM,GAEbD,eAAA,CAAOE,qBALf;MAOE,KAAK,EAAER,MAAM,CAACS,KAPhB;MAQE,KAAK,EAAE;QACLC,UAAU,EAAE,EADP;QAELC,SAAS,EAAEd,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;QAGLe,SAAS,EAAEf,iBAAiB,GAAG,CAAH,GAAO;MAH9B;IART,EAVJ;IAyBE,KAAK,EAAEC;EAzBT,EADF;AA6BD,CAvCD;;eAyCe,IAAAe,kBAAA,EAAUtB,oBAAV,C"}
+{"version":3,"names":["RowHeadlineImageIcon","Icon","icon","title","image","subtitle","multilineSubtitle","style","theme","colors","typography","headline6","strong","body2","medium","Config","rowMultiLineIconSize","rowSingleLineIconSize","light","marginLeft","alignSelf","marginTop","withTheme"],"sources":["RowHeadlineImageIcon.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport Row from \"./Row\";\nimport Config from \"./Config\";\nimport { ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title?: string;\n  image: string | ImageSourcePropType;\n  subtitle?: string;\n  multilineSubtitle?: boolean;\n  icon: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst RowHeadlineImageIcon: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  title,\n  image,\n  subtitle,\n  multilineSubtitle = false,\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Row\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      subtitleTypeStyle={typography.body2}\n      subtitleColor={colors.medium}\n      title={title}\n      subtitle={subtitle}\n      multilineSubtitle={multilineSubtitle}\n      image={image}\n      right={() => (\n        <Icon\n          name={icon}\n          size={\n            multilineSubtitle\n              ? Config.rowMultiLineIconSize\n              : Config.rowSingleLineIconSize\n          }\n          color={colors.light}\n          style={{\n            marginLeft: 16,\n            alignSelf: multilineSubtitle ? \"flex-start\" : \"center\",\n            marginTop: multilineSubtitle ? 4 : 0,\n          }}\n        />\n      )}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(RowHeadlineImageIcon);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAIA;;AACA;;;;;;;;AAaA,MAAMA,oBAA8D,GAAG,QASjE;EAAA,IATkE;IACtEC,IADsE;IAEtEC,IAFsE;IAGtEC,KAHsE;IAItEC,KAJsE;IAKtEC,QALsE;IAMtEC,iBAAiB,GAAG,KANkD;IAOtEC,KAPsE;IAQtEC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV;EAR+D,CASlE;EACJ,oBACE,oBAAC,YAAD;IACE,cAAc,EAAEA,UAAU,CAACC,SAD7B;IAEE,UAAU,EAAEF,MAAM,CAACG,MAFrB;IAGE,iBAAiB,EAAEF,UAAU,CAACG,KAHhC;IAIE,aAAa,EAAEJ,MAAM,CAACK,MAJxB;IAKE,KAAK,EAAEX,KALT;IAME,QAAQ,EAAEE,QANZ;IAOE,iBAAiB,EAAEC,iBAPrB;IAQE,KAAK,EAAEF,KART;IASE,KAAK,EAAE,mBACL,oBAAC,IAAD;MACE,IAAI,EAAEF,IADR;MAEE,IAAI,EACFI,iBAAiB,GACbS,eAAA,CAAOC,oBADM,GAEbD,eAAA,CAAOE,qBALf;MAOE,KAAK,EAAER,MAAM,CAACS,KAPhB;MAQE,KAAK,EAAE;QACLC,UAAU,EAAE,EADP;QAELC,SAAS,EAAEd,iBAAiB,GAAG,YAAH,GAAkB,QAFzC;QAGLe,SAAS,EAAEf,iBAAiB,GAAG,CAAH,GAAO;MAH9B;IART,EAVJ;IAyBE,KAAK,EAAEC;EAzBT,EADF;AA6BD,CAvCD;;eAyCe,IAAAe,kBAAA,EAAUtB,oBAAV,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","StyleSheet","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width","withTheme"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  starSize?: number;\n  maxStars?: number;\n  rating?: number;\n  defaultValue?: number;\n  isEditable?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<Props> = ({\n  Icon,\n  starSize = 16,\n  maxStars = 5,\n  rating = 0,\n  defaultValue,\n  isEditable = false,\n  activeColor,\n  inactiveColor,\n  style,\n  onPress,\n  ...rest\n}) => {\n  const [localRating, setLocalRating] = React.useState<number>(\n    rating || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (rating != null) {\n      setLocalRating(rating);\n    }\n  }, [rating]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setLocalRating(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const ratingHandler = React.useCallback(\n    (r) => {\n      setLocalRating(r);\n      !!onPress && onPress(r);\n    },\n    [onPress]\n  );\n\n  const ratingRounded = Math.round(localRating * 2) / 2;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {[...Array(maxStars)].map((_, i) => (\n        <View key={i} style={{ display: \"flex\" }}>\n          <Icon\n            name={\n              ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\"\n            }\n            size={starSize}\n            color={ratingRounded > i ? activeColor : inactiveColor}\n          />\n          {isEditable && (\n            <View style={styles.touchContainer}>\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 0.5)}\n              />\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 1)}\n              />\n            </View>\n          )}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  touchContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    left: 0,\n    bottom: 0,\n    zIndex: 1,\n  },\n  pressable: {\n    flex: 1,\n    height: \"100%\",\n    width: \"50%\",\n  },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}
+{"version":3,"names":["StarRating","Icon","starSize","maxStars","rating","defaultValue","isEditable","activeColor","inactiveColor","style","onPress","rest","localRating","setLocalRating","React","useState","useEffect","ratingHandler","useCallback","r","ratingRounded","Math","round","styles","container","Array","map","_","i","display","touchContainer","pressable","StyleSheet","create","flexDirection","alignItems","position","top","right","left","bottom","zIndex","flex","height","width","withTheme"],"sources":["StarRating.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  starSize?: number;\n  maxStars?: number;\n  rating?: number;\n  defaultValue?: number;\n  isEditable?: boolean;\n  activeColor?: string;\n  inactiveColor?: string;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onPress?: (newValue: number) => void;\n} & IconSlot;\n\nconst StarRating: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  starSize = 16,\n  maxStars = 5,\n  rating = 0,\n  defaultValue,\n  isEditable = false,\n  activeColor,\n  inactiveColor,\n  style,\n  onPress,\n  ...rest\n}) => {\n  const [localRating, setLocalRating] = React.useState<number>(\n    rating || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (rating != null) {\n      setLocalRating(rating);\n    }\n  }, [rating]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setLocalRating(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const ratingHandler = React.useCallback(\n    (r: number) => {\n      setLocalRating(r);\n      !!onPress && onPress(r);\n    },\n    [onPress]\n  );\n\n  const ratingRounded = Math.round(localRating * 2) / 2;\n\n  return (\n    <View style={[styles.container, style]} {...rest}>\n      {[...Array(maxStars)].map((_, i) => (\n        <View key={i} style={{ display: \"flex\" }}>\n          <Icon\n            name={\n              ratingRounded - i === 0.5\n                ? \"MaterialIcons/star-half\"\n                : \"MaterialIcons/star\"\n            }\n            size={starSize}\n            color={ratingRounded > i ? activeColor : inactiveColor}\n          />\n          {isEditable && (\n            <View style={styles.touchContainer}>\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 0.5)}\n              />\n              <Pressable\n                style={styles.pressable}\n                onPress={() => ratingHandler(i + 1)}\n              />\n            </View>\n          )}\n        </View>\n      ))}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n  },\n  touchContainer: {\n    display: \"flex\",\n    flexDirection: \"row\",\n    position: \"absolute\",\n    top: 0,\n    right: 0,\n    left: 0,\n    bottom: 0,\n    zIndex: 1,\n  },\n  pressable: {\n    flex: 1,\n    height: \"100%\",\n    width: \"50%\",\n  },\n});\n\nexport default withTheme(StarRating);\n"],"mappings":"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"}

package/lib/commonjs/components/Stepper.js

@@ -38,7 +38,7 @@ const Stepper = _ref => {
     },
     Icon
   } = _ref;
-  const [value, setValue] = (0, _react.useState)(defaultValue !== null && defaultValue !== void 0 ? defaultValue : 0);
+  const [value, setValue] = (0, _react.useState)(defaultValue ?? 0);
 
   const isValidValue = valueArg => valueArg >= min && valueArg <= max;
 

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

@@ -1 +1 @@
-{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoB,IAAAC,eAAA,EAASX,YAAT,aAASA,YAAT,cAASA,YAAT,GAAyB,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}
+{"version":3,"names":["Stepper","min","Infinity","max","value","valueProp","defaultValue","style","typeStyle","iconSize","iconColor","onChange","theme","colors","typography","Icon","setValue","useState","isValidValue","valueArg","handlePlusOrMinus","type","newValue","useEffect","isNumber","flexDirection","opacity","body1","textAlign","alignSelf","color","medium","marginHorizontal","withTheme"],"sources":["Stepper.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { isNumber } from \"lodash\";\n\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  min: number;\n  max: number;\n  value?: number;\n  defaultValue?: number;\n  style?: StyleProp<ViewStyle>;\n  typeStyle?: StyleProp<TextStyle>;\n  iconSize: number;\n  iconColor?: string;\n  onChange?: (value: number) => void;\n  theme: Theme;\n} & IconSlot;\n\nconst Stepper: FC<Props> = ({\n  min = -Infinity,\n  max = Infinity,\n  value: valueProp,\n  defaultValue,\n  style,\n  typeStyle,\n  iconSize = 24,\n  iconColor,\n  onChange,\n  theme: { colors, typography },\n  Icon,\n}) => {\n  const [value, setValue] = useState(defaultValue ?? 0);\n\n  const isValidValue = (valueArg: number) => valueArg >= min && valueArg <= max;\n\n  const handlePlusOrMinus = (type: \"plus\" | \"minus\") => {\n    const newValue = type === \"plus\" ? value + 1 : value - 1;\n\n    if (isValidValue(newValue)) {\n      setValue(newValue);\n      onChange?.(newValue);\n    }\n  };\n\n  useEffect(() => {\n    if (\n      valueProp != null &&\n      isNumber(valueProp) &&\n      valueProp !== value &&\n      isValidValue(valueProp)\n    ) {\n      setValue(valueProp);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [valueProp]);\n\n  return (\n    <View style={[{ flexDirection: \"row\" }, style]}>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={() => handlePlusOrMinus(\"minus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === min}\n        style={{ opacity: value === min ? 0.5 : 1 }}\n      />\n\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value}\n      </Text>\n\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={() => handlePlusOrMinus(\"plus\")}\n        size={iconSize}\n        color={iconColor}\n        disabled={value === max}\n        style={{ opacity: value === max ? 0.5 : 1 }}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AAEA;;AAGA;;;;;;;;AAeA,MAAMA,OAAkB,GAAG,QAYrB;EAAA,IAZsB;IAC1BC,GAAG,GAAG,CAACC,QADmB;IAE1BC,GAAG,GAAGD,QAFoB;IAG1BE,KAAK,EAAEC,SAHmB;IAI1BC,YAJ0B;IAK1BC,KAL0B;IAM1BC,SAN0B;IAO1BC,QAAQ,GAAG,EAPe;IAQ1BC,SAR0B;IAS1BC,QAT0B;IAU1BC,KAAK,EAAE;MAAEC,MAAF;MAAUC;IAAV,CAVmB;IAW1BC;EAX0B,CAYtB;EACJ,MAAM,CAACX,KAAD,EAAQY,QAAR,IAAoB,IAAAC,eAAA,EAASX,YAAY,IAAI,CAAzB,CAA1B;;EAEA,MAAMY,YAAY,GAAIC,QAAD,IAAsBA,QAAQ,IAAIlB,GAAZ,IAAmBkB,QAAQ,IAAIhB,GAA1E;;EAEA,MAAMiB,iBAAiB,GAAIC,IAAD,IAA4B;IACpD,MAAMC,QAAQ,GAAGD,IAAI,KAAK,MAAT,GAAkBjB,KAAK,GAAG,CAA1B,GAA8BA,KAAK,GAAG,CAAvD;;IAEA,IAAIc,YAAY,CAACI,QAAD,CAAhB,EAA4B;MAC1BN,QAAQ,CAACM,QAAD,CAAR;MACAX,QAAQ,SAAR,IAAAA,QAAQ,WAAR,YAAAA,QAAQ,CAAGW,QAAH,CAAR;IACD;EACF,CAPD;;EASA,IAAAC,gBAAA,EAAU,MAAM;IACd,IACElB,SAAS,IAAI,IAAb,IACA,IAAAmB,gBAAA,EAASnB,SAAT,CADA,IAEAA,SAAS,KAAKD,KAFd,IAGAc,YAAY,CAACb,SAAD,CAJd,EAKE;MACAW,QAAQ,CAACX,SAAD,CAAR;IACD,CARa,CASd;;EACD,CAVD,EAUG,CAACA,SAAD,CAVH;EAYA,oBACE,6BAAC,iBAAD;IAAM,KAAK,EAAE,CAAC;MAAEoB,aAAa,EAAE;IAAjB,CAAD,EAA2BlB,KAA3B;EAAb,gBACE,6BAAC,mBAAD;IACE,IAAI,EAAEQ,IADR;IAEE,IAAI,EAAC,sBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,OAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKH,GANtB;IAOE,KAAK,EAAE;MAAEyB,OAAO,EAAEtB,KAAK,KAAKH,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EADF,eAWE,6BAAC,iBAAD;IACE,KAAK,EAAE,CACLa,UAAU,CAACa,KADN,EAEL;MACEC,SAAS,EAAE,QADb;MAEEC,SAAS,EAAE,QAFb;MAGEC,KAAK,EAAEjB,MAAM,CAACkB,MAHhB;MAIEC,gBAAgB,EAAE;IAJpB,CAFK,EAQLxB,SARK;EADT,GAYGJ,KAZH,CAXF,eA0BE,6BAAC,mBAAD;IACE,IAAI,EAAEW,IADR;IAEE,IAAI,EAAC,mBAFP;IAGE,OAAO,EAAE,MAAMK,iBAAiB,CAAC,MAAD,CAHlC;IAIE,IAAI,EAAEX,QAJR;IAKE,KAAK,EAAEC,SALT;IAME,QAAQ,EAAEN,KAAK,KAAKD,GANtB;IAOE,KAAK,EAAE;MAAEuB,OAAO,EAAEtB,KAAK,KAAKD,GAAV,GAAgB,GAAhB,GAAsB;IAAjC;EAPT,EA1BF,CADF;AAsCD,CA5ED;;eA8Ee,IAAA8B,kBAAA,EAAUjC,OAAV,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","StyleSheet","flatten","dark","isDarkTheme","mode","colors","evalationStyles","shadow","getBackgroundColor","overlay","surface","withTheme"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n  elevation: propElevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const {\n    elevation: styleElevation = 3,\n    backgroundColor,\n    ...restStyle\n  } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n  const { dark: isDarkTheme, mode, colors } = theme;\n\n  const elevation = propElevation || styleElevation;\n\n  const evalationStyles = elevation ? shadow(elevation) : {};\n\n  const getBackgroundColor = () => {\n    if (backgroundColor) {\n      return backgroundColor;\n    } else if (isDarkTheme && mode === \"adaptive\") {\n      return overlay(elevation, colors.surface);\n    } else {\n      return colors.surface;\n    }\n  };\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          backgroundColor: getBackgroundColor(),\n          elevation,\n          ...evalationStyles,\n          ...restStyle,\n        },\n      ]}\n    >\n      {children}\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AACA;;AACA;;;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAM3B;EAAA,IAN4B;IAChCC,SAAS,EAAEC,aADqB;IAEhCC,KAFgC;IAGhCC,KAHgC;IAIhCC,QAJgC;IAKhC,GAAGC;EAL6B,CAM5B;EACJ,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CADxB;IAEJC,eAFI;IAGJ,GAAGC;EAHC,IAIDC,uBAAA,CAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAJlC;EAMA,MAAM;IAAES,IAAI,EAAEC,WAAR;IAAqBC,IAArB;IAA2BC;EAA3B,IAAsCX,KAA5C;EAEA,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;EAEA,MAAMS,eAAe,GAAGf,SAAS,GAAG,IAAAgB,eAAA,EAAOhB,SAAP,CAAH,GAAuB,EAAxD;;EAEA,MAAMiB,kBAAkB,GAAG,MAAM;IAC/B,IAAIV,eAAJ,EAAqB;MACnB,OAAOA,eAAP;IACD,CAFD,MAEO,IAAIK,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;MAC7C,OAAO,IAAAK,gBAAA,EAAQlB,SAAR,EAAmBc,MAAM,CAACK,OAA1B,CAAP;IACD,CAFM,MAEA;MACL,OAAOL,MAAM,CAACK,OAAd;IACD;EACF,CARD;;EAUA,oBACE,oBAAC,qBAAD,CAAU,IAAV,eACMd,IADN;IAEE,KAAK,EAAE,CACL;MACEE,eAAe,EAAEU,kBAAkB,EADrC;MAEEjB,SAFF;MAGE,GAAGe,eAHL;MAIE,GAAGP;IAJL,CADK;EAFT,IAWGJ,QAXH,CADF;AAeD,CA5CD;;eA8Ce,IAAAgB,kBAAA,EAAUrB,OAAV,C"}
+{"version":3,"names":["Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","StyleSheet","flatten","dark","isDarkTheme","mode","colors","evalationStyles","shadow","getBackgroundColor","overlay","surface","withTheme"],"sources":["Surface.tsx"],"sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<React.PropsWithChildren<Props>> = ({\n  elevation: propElevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const {\n    elevation: styleElevation = 3,\n    backgroundColor,\n    ...restStyle\n  } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n  const { dark: isDarkTheme, mode, colors } = theme;\n\n  const elevation = propElevation || styleElevation;\n\n  const evalationStyles = elevation ? shadow(elevation) : {};\n\n  const getBackgroundColor = () => {\n    if (backgroundColor) {\n      return backgroundColor;\n    } else if (isDarkTheme && mode === \"adaptive\") {\n      return overlay(elevation, colors.surface);\n    } else {\n      return colors.surface;\n    }\n  };\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          backgroundColor: getBackgroundColor(),\n          elevation,\n          ...evalationStyles,\n          ...restStyle,\n        },\n      ]}\n    >\n      {children}\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Surface);\n"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AACA;;AACA;;;;;;;;;;AASA,MAAMA,OAAiD,GAAG,QAMpD;EAAA,IANqD;IACzDC,SAAS,EAAEC,aAD8C;IAEzDC,KAFyD;IAGzDC,KAHyD;IAIzDC,QAJyD;IAKzD,GAAGC;EALsD,CAMrD;EACJ,MAAM;IACJL,SAAS,EAAEM,cAAc,GAAG,CADxB;IAEJC,eAFI;IAGJ,GAAGC;EAHC,IAIDC,uBAAA,CAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAJlC;EAMA,MAAM;IAAES,IAAI,EAAEC,WAAR;IAAqBC,IAArB;IAA2BC;EAA3B,IAAsCX,KAA5C;EAEA,MAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;EAEA,MAAMS,eAAe,GAAGf,SAAS,GAAG,IAAAgB,eAAA,EAAOhB,SAAP,CAAH,GAAuB,EAAxD;;EAEA,MAAMiB,kBAAkB,GAAG,MAAM;IAC/B,IAAIV,eAAJ,EAAqB;MACnB,OAAOA,eAAP;IACD,CAFD,MAEO,IAAIK,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;MAC7C,OAAO,IAAAK,gBAAA,EAAQlB,SAAR,EAAmBc,MAAM,CAACK,OAA1B,CAAP;IACD,CAFM,MAEA;MACL,OAAOL,MAAM,CAACK,OAAd;IACD;EACF,CARD;;EAUA,oBACE,oBAAC,qBAAD,CAAU,IAAV,eACMd,IADN;IAEE,KAAK,EAAE,CACL;MACEE,eAAe,EAAEU,kBAAkB,EADrC;MAEEjB,SAFF;MAGE,GAAGe,eAHL;MAIE,GAAGP;IAJL,CADK;EAFT,IAWGJ,QAXH,CADF;AAeD,CA5CD;;eA8Ce,IAAAgB,kBAAA,EAAUrB,OAAV,C"}

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

@@ -1 +1 @@
-{"version":3,"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","React","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  data?: Array<T>;\n  keyExtractor: (item: T, index: number) => string;\n  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  data,\n  keyExtractor,\n  renderItem,\n  children,\n  style,\n}: SwiperProps<any>) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {data && renderItem\n        ? data.map((item, index) => {\n            const component = renderItem({ item, index });\n\n            if (!component) {\n              return null;\n            }\n\n            const key = keyExtractor ? keyExtractor(item, index) : index;\n            return React.cloneElement(component, {\n              key,\n            });\n          })\n        : children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAqBA,MAAMA,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,6BAAC,iBAAD;IAAM,KAAK,EAAEA;EAAb,gBACE,6BAAC,6BAAD;IACE,IAAI,EAAEZ,IADR;IAEE,IAAI,EAAEF,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEF,QAJZ;IAKE,aAAa,EAAE;MACbI,SADa;MAEbC,SAFa;MAGbW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAT,CAHH;MAIbY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAT,CAJH;MAKbC,aALa;MAMb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAnB;QAAd;MAAZ,CADQ,GAER,EAFJ,CANa;MASb,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAnB;MAAlB,CADc,GAEd,EAFJ;IATa;EALjB,GAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAF;MAAQC;IAAR,CAAD,CAA5B;;IAEA,IAAI,CAACC,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;IACA,oBAAOG,cAAA,CAAMC,YAAN,CAAmBH,SAAnB,EAA8B;MACnCC;IADmC,CAA9B,CAAP;EAGD,CAXD,CADH,GAaGb,QAhCN,CADF,CAlBa;AAAA,CAAf;;eAwDef,M"}
+{"version":3,"names":["Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","data","keyExtractor","renderItem","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle","map","item","index","component","key","React","cloneElement"],"sources":["Swiper.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps<T> {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  data?: Array<T>;\n  keyExtractor: (item: T, index: number) => string;\n  renderItem?: ({ item, index }: { item: T; index: number }) => JSX.Element;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  data,\n  keyExtractor,\n  renderItem,\n  children,\n  style,\n}: SwiperProps<any>) => (\n  <View style={style}>\n    {/* @ts-ignore */}\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {data && renderItem\n        ? data.map((item, index) => {\n            const component = renderItem({ item, index });\n\n            if (!component) {\n              return null;\n            }\n\n            const key = keyExtractor ? keyExtractor(item, index) : index;\n            return React.cloneElement(component, {\n              key,\n            });\n          })\n        : children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AAqBA,MAAMA,MAAM,GAAG;EAAA,IAAC;IACdC,QAAQ,GAAG,KADG;IAEdC,IAAI,GAAG,KAFO;IAGdC,OAAO,GAAG,CAHI;IAIdC,IAAI,GAAG,CAJO;IAKdC,SAAS,GAAG,EALE;IAMdC,SAAS,GAAG,EANE;IAOdC,cAPc;IAQdC,cARc;IASdC,aAAa,GAAG,IATF;IAUdC,QAVc;IAWdC,cAXc;IAYdC,IAZc;IAadC,YAbc;IAcdC,UAdc;IAedC,QAfc;IAgBdC;EAhBc,CAAD;EAAA,oBAkBb,6BAAC,iBAAD;IAAM,KAAK,EAAEA;EAAb,gBAEE,6BAAC,6BAAD;IACE,IAAI,EAAEZ,IADR;IAEE,IAAI,EAAEF,IAFR;IAGE,OAAO,EAAEC,OAHX;IAIE,QAAQ,EAAEF,QAJZ;IAKE,aAAa,EAAE;MACbI,SADa;MAEbC,SAFa;MAGbW,cAAc,EAAE;QAAEC,KAAK,EAAEX;MAAT,CAHH;MAIbY,cAAc,EAAE;QAAED,KAAK,EAAEV;MAAT,CAJH;MAKbC,aALa;MAMb,IAAIC,QAAQ,GACR;QAAEU,QAAQ,EAAE;UAAEC,UAAU,EAAE;YAAEC,eAAe,EAAEZ;UAAnB;QAAd;MAAZ,CADQ,GAER,EAFJ,CANa;MASb,IAAIC,cAAc,GACd;QAAEY,cAAc,EAAE;UAAED,eAAe,EAAEX;QAAnB;MAAlB,CADc,GAEd,EAFJ;IATa;EALjB,GAmBGC,IAAI,IAAIE,UAAR,GACGF,IAAI,CAACY,GAAL,CAAS,CAACC,IAAD,EAAOC,KAAP,KAAiB;IACxB,MAAMC,SAAS,GAAGb,UAAU,CAAC;MAAEW,IAAF;MAAQC;IAAR,CAAD,CAA5B;;IAEA,IAAI,CAACC,SAAL,EAAgB;MACd,OAAO,IAAP;IACD;;IAED,MAAMC,GAAG,GAAGf,YAAY,GAAGA,YAAY,CAACY,IAAD,EAAOC,KAAP,CAAf,GAA+BA,KAAvD;IACA,oBAAOG,cAAA,CAAMC,YAAN,CAAmBH,SAAnB,EAA8B;MACnCC;IADmC,CAA9B,CAAP;EAGD,CAXD,CADH,GAaGb,QAhCN,CAFF,CAlBa;AAAA,CAAf;;eAyDef,M"}

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

@@ -1 +1 @@
-{"version":3,"names":["ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","React","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth","withTheme"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon: string;\n  toggled?: boolean;\n  onPress?: (value: boolean) => void;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  color?: colorTypes;\n  colorSecondary?: colorTypes;\n  borderColor?: colorTypes;\n  iconSize?: number;\n  width?: number;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props> = ({\n  Icon,\n  icon,\n  toggled = false,\n  onPress = () => {},\n  defaultValue,\n  disabled = false,\n  color = \"primary\",\n  colorSecondary = \"surface\",\n  borderColor = \"divider\",\n  iconSize = 25,\n  width = 50,\n  height = 50,\n  theme: { colors },\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    toggled || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (toggled != null) {\n      setInternalValue(toggled);\n    }\n  }, [toggled]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handlePress = () => {\n    setInternalValue(!internalValue);\n    onPress(!internalValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={icon}\n      size={iconSize}\n      color={internalValue ? colors[color] : colors[colorSecondary]}\n      onPress={handlePress}\n      disabled={disabled}\n      style={[\n        styles.mainContainer,\n        {\n          width,\n          height,\n          backgroundColor: internalValue\n            ? colors[colorSecondary]\n            : colors[color],\n          borderColor: colors[borderColor],\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainContainer: {\n    borderWidth: 1,\n  },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAoBA,MAAMA,YAA6B,GAAG,QAgBhC;EAAA,IAhBiC;IACrCC,IADqC;IAErCC,IAFqC;IAGrCC,OAAO,GAAG,KAH2B;IAIrCC,OAAO,GAAG,MAAM,CAAE,CAJmB;IAKrCC,YALqC;IAMrCC,QAAQ,GAAG,KAN0B;IAOrCC,KAAK,GAAG,SAP6B;IAQrCC,cAAc,GAAG,SARoB;IASrCC,WAAW,GAAG,SATuB;IAUrCC,QAAQ,GAAG,EAV0B;IAWrCC,KAAK,GAAG,EAX6B;IAYrCC,MAAM,GAAG,EAZ4B;IAarCC,KAAK,EAAE;MAAEC;IAAF,CAb8B;IAcrCC,KAdqC;IAerC,GAAGC;EAfkC,CAgBjC;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CACxCjB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;EAIAc,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIlB,OAAO,IAAI,IAAf,EAAqB;MACnBe,gBAAgB,CAACf,OAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,OAAD,CAJH;EAMAgB,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIhB,YAAY,IAAI,IAApB,EAA0B;MACxBa,gBAAgB,CAACb,YAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;;EAMA,MAAMiB,WAAW,GAAG,MAAM;IACxBJ,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAb,OAAO,CAAC,CAACa,aAAF,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEhB,IADR;IAEE,IAAI,EAAEC,IAFR;IAGE,IAAI,EAAEQ,QAHR;IAIE,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;IAKE,OAAO,EAAEc,WALX;IAME,QAAQ,EAAEhB,QANZ;IAOE,KAAK,EAAE,CACLiB,MAAM,CAACC,aADF,EAEL;MACEb,KADF;MAEEC,MAFF;MAGEa,eAAe,EAAER,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;MAMEE,WAAW,EAAEK,MAAM,CAACL,WAAD;IANrB,CAFK,EAULM,KAVK;EAPT,GAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMO,MAAM,GAAGG,uBAAA,CAAWC,MAAX,CAAkB;EAC/BH,aAAa,EAAE;IACbI,WAAW,EAAE;EADA;AADgB,CAAlB,CAAf;;eAMe,IAAAC,kBAAA,EAAU7B,YAAV,C"}
+{"version":3,"names":["ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","React","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth","withTheme"],"sources":["ToggleButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon: string;\n  toggled?: boolean;\n  onPress?: (value: boolean) => void;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  color?: colorTypes;\n  colorSecondary?: colorTypes;\n  borderColor?: colorTypes;\n  iconSize?: number;\n  width?: number;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  toggled = false,\n  onPress = () => {},\n  defaultValue,\n  disabled = false,\n  color = \"primary\",\n  colorSecondary = \"surface\",\n  borderColor = \"divider\",\n  iconSize = 25,\n  width = 50,\n  height = 50,\n  theme: { colors },\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    toggled || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (toggled != null) {\n      setInternalValue(toggled);\n    }\n  }, [toggled]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handlePress = () => {\n    setInternalValue(!internalValue);\n    onPress(!internalValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={icon}\n      size={iconSize}\n      color={internalValue ? colors[color] : colors[colorSecondary]}\n      onPress={handlePress}\n      disabled={disabled}\n      style={[\n        styles.mainContainer,\n        {\n          width,\n          height,\n          backgroundColor: internalValue\n            ? colors[colorSecondary]\n            : colors[color],\n          borderColor: colors[borderColor],\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainContainer: {\n    borderWidth: 1,\n  },\n});\n\nexport default withTheme(ToggleButton);\n"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAoBA,MAAMA,YAAsD,GAAG,QAgBzD;EAAA,IAhB0D;IAC9DC,IAD8D;IAE9DC,IAF8D;IAG9DC,OAAO,GAAG,KAHoD;IAI9DC,OAAO,GAAG,MAAM,CAAE,CAJ4C;IAK9DC,YAL8D;IAM9DC,QAAQ,GAAG,KANmD;IAO9DC,KAAK,GAAG,SAPsD;IAQ9DC,cAAc,GAAG,SAR6C;IAS9DC,WAAW,GAAG,SATgD;IAU9DC,QAAQ,GAAG,EAVmD;IAW9DC,KAAK,GAAG,EAXsD;IAY9DC,MAAM,GAAG,EAZqD;IAa9DC,KAAK,EAAE;MAAEC;IAAF,CAbuD;IAc9DC,KAd8D;IAe9D,GAAGC;EAf2D,CAgB1D;EACJ,MAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CACxCjB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;EAIAc,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIlB,OAAO,IAAI,IAAf,EAAqB;MACnBe,gBAAgB,CAACf,OAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,OAAD,CAJH;EAMAgB,KAAK,CAACE,SAAN,CAAgB,MAAM;IACpB,IAAIhB,YAAY,IAAI,IAApB,EAA0B;MACxBa,gBAAgB,CAACb,YAAD,CAAhB;IACD;EACF,CAJD,EAIG,CAACA,YAAD,CAJH;;EAMA,MAAMiB,WAAW,GAAG,MAAM;IACxBJ,gBAAgB,CAAC,CAACD,aAAF,CAAhB;IACAb,OAAO,CAAC,CAACa,aAAF,CAAP;EACD,CAHD;;EAKA,oBACE,oBAAC,mBAAD;IACE,IAAI,EAAEhB,IADR;IAEE,IAAI,EAAEC,IAFR;IAGE,IAAI,EAAEQ,QAHR;IAIE,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;IAKE,OAAO,EAAEc,WALX;IAME,QAAQ,EAAEhB,QANZ;IAOE,KAAK,EAAE,CACLiB,MAAM,CAACC,aADF,EAEL;MACEb,KADF;MAEEC,MAFF;MAGEa,eAAe,EAAER,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;MAMEE,WAAW,EAAEK,MAAM,CAACL,WAAD;IANrB,CAFK,EAULM,KAVK;EAPT,GAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMO,MAAM,GAAGG,uBAAA,CAAWC,MAAX,CAAkB;EAC/BH,aAAa,EAAE;IACbI,WAAW,EAAE;EADA;AADgB,CAAlB,CAAf;;eAMe,IAAAC,kBAAA,EAAU7B,YAAV,C"}

package/lib/commonjs/interfaces/Icon.js.map

@@ -1 +1 @@
-{"version":3,"names":["injectIcon","Component","Icon","props","React","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n  name: string | number | { uri: string };\n  color?: string;\n  size: number;\n  style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n  Icon: IconI;\n}\n\nexport const injectIcon =\n  <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n  (props: Subtract<P, IconSlot>) =>\n    React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":";;;;;;;AAMA;;;;AANA;AACA;AACA;AACA;AACA;AACA;AAmBO,MAAMA,UAAU,GACrB,CAAqBC,SAArB,EAAwDC,IAAxD,KACCC,KAAD,iBACEC,cAAA,CAAMC,aAAN,CAAoBJ,SAApB,EAA+B,EAAE,GAAIE,KAAN;EAAmBD;AAAnB,CAA/B,CAHG"}
+{"version":3,"names":["injectIcon","Component","Icon","props","React","createElement"],"sources":["Icon.ts"],"sourcesContent":["/**\n * This is an interface for a hybrid component.\n *\n * Its public implementation is `@draftbit/native`, and it is injected inside\n * `@draftbit/ui`.\n */\nimport React from \"react\";\nimport { ViewProps, StyleProp, ImageStyle } from \"react-native\";\n\nimport { Subtract } from \"utility-types\";\n\ntype Props = {\n  name: string;\n  color?: string;\n  size: number;\n  style?: StyleProp<ImageStyle>;\n} & ViewProps;\n\nexport type IconI = React.ComponentType<Props>;\n\nexport interface IconSlot {\n  Icon: IconI;\n}\n\nexport const injectIcon =\n  <P extends IconSlot>(Component: React.ComponentType<P>, Icon: IconI) =>\n  (props: Subtract<P, IconSlot>) =>\n    React.createElement(Component, { ...(props as P), Icon });\n"],"mappings":";;;;;;;AAMA;;;;AANA;AACA;AACA;AACA;AACA;AACA;AAmBO,MAAMA,UAAU,GACrB,CAAqBC,SAArB,EAAwDC,IAAxD,KACCC,KAAD,iBACEC,cAAA,CAAMC,aAAN,CAAoBJ,SAApB,EAA+B,EAAE,GAAIE,KAAN;EAAmBD;AAAnB,CAA/B,CAHG"}

package/lib/commonjs/mappings/KeyboardAvoidingView.js

@@ -11,10 +11,10 @@ const SEED_DATA = {
   name: "Keyboard Avoiding View",
   tag: "KeyboardAvoidingView",
   description: "View that moves out of the way of the virtual keyboard. ",
-  category: _types.COMPONENT_TYPES.deprecated,
+  category: _types.COMPONENT_TYPES.layout,
   props: {
     enabled: {
-      label: "Enable",
+      label: "Enabled",
       description: "Enable the keyboard avoiding view",
       editable: true,
       required: true,

package/lib/commonjs/mappings/KeyboardAvoidingView.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","deprecated","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Avoiding View\",\n  tag: \"KeyboardAvoidingView\",\n  description: \"View that moves out of the way of the virtual keyboard. \",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    enabled: {\n      label: \"Enable\",\n      description: \"Enable the keyboard avoiding view\",\n      editable: true,\n      required: true,\n      defaultValue: true,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      group: GROUPS.basic,\n    },\n    behavior: {\n      label: \"Resizing Behavior\",\n      description:\n        \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n      editable: true,\n      required: true,\n      defaultValue: \"padding\",\n      options: [\"padding\", \"position\", \"height\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      group: GROUPS.basic,\n    },\n    keyboardVerticalOffset: {\n      label: \"Keyboard Vertical Offset\",\n      description:\n        \"The distance between the bottom of the view and the keyboard\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,UAJH;EAKvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,QADA;MAEPN,WAAW,EAAE,mCAFN;MAGPO,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEC,iBAAA,CAAWC,OANd;MAOPC,QAAQ,EAAEC,iBAAA,CAAWC,OAPd;MAQPC,KAAK,EAAEC,aAAA,CAAOC;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRb,KAAK,EAAE,mBADC;MAERN,WAAW,EACT,uGAHM;MAIRO,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORW,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRV,QAAQ,EAAEC,iBAAA,CAAWU,SARb;MASRR,QAAQ,EAAEC,iBAAA,CAAWQ,MATb;MAURN,KAAK,EAAEC,aAAA,CAAOC;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBjB,KAAK,EAAE,0BADe;MAEtBN,WAAW,EACT,8DAHoB;MAItBO,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWa,MAPC;MAQtBX,QAAQ,EAAEC,iBAAA,CAAWW,MARC;MAStBT,KAAK,EAAEC,aAAA,CAAOC;IATQ;EAvBnB;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","description","category","COMPONENT_TYPES","layout","props","enabled","label","editable","required","defaultValue","formType","FORM_TYPES","boolean","propType","PROP_TYPES","BOOLEAN","group","GROUPS","basic","behavior","options","flatArray","STRING","keyboardVerticalOffset","number","NUMBER"],"sources":["KeyboardAvoidingView.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Keyboard Avoiding View\",\n  tag: \"KeyboardAvoidingView\",\n  description: \"View that moves out of the way of the virtual keyboard. \",\n  category: COMPONENT_TYPES.layout,\n  props: {\n    enabled: {\n      label: \"Enabled\",\n      description: \"Enable the keyboard avoiding view\",\n      editable: true,\n      required: true,\n      defaultValue: true,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      group: GROUPS.basic,\n    },\n    behavior: {\n      label: \"Resizing Behavior\",\n      description:\n        \"The behavior for how the keyboard resizing interacts with the rest of the screen. (Default: padding).\",\n      editable: true,\n      required: true,\n      defaultValue: \"padding\",\n      options: [\"padding\", \"position\", \"height\"],\n      formType: FORM_TYPES.flatArray,\n      propType: PROP_TYPES.STRING,\n      group: GROUPS.basic,\n    },\n    keyboardVerticalOffset: {\n      label: \"Keyboard Vertical Offset\",\n      description:\n        \"The distance between the bottom of the view and the keyboard\",\n      editable: true,\n      required: false,\n      defaultValue: 0,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      group: GROUPS.basic,\n    },\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,wBADiB;EAEvBC,GAAG,EAAE,sBAFkB;EAGvBC,WAAW,EAAE,0DAHU;EAIvBC,QAAQ,EAAEC,sBAAA,CAAgBC,MAJH;EAKvBC,KAAK,EAAE;IACLC,OAAO,EAAE;MACPC,KAAK,EAAE,SADA;MAEPN,WAAW,EAAE,mCAFN;MAGPO,QAAQ,EAAE,IAHH;MAIPC,QAAQ,EAAE,IAJH;MAKPC,YAAY,EAAE,IALP;MAMPC,QAAQ,EAAEC,iBAAA,CAAWC,OANd;MAOPC,QAAQ,EAAEC,iBAAA,CAAWC,OAPd;MAQPC,KAAK,EAAEC,aAAA,CAAOC;IARP,CADJ;IAWLC,QAAQ,EAAE;MACRb,KAAK,EAAE,mBADC;MAERN,WAAW,EACT,uGAHM;MAIRO,QAAQ,EAAE,IAJF;MAKRC,QAAQ,EAAE,IALF;MAMRC,YAAY,EAAE,SANN;MAORW,OAAO,EAAE,CAAC,SAAD,EAAY,UAAZ,EAAwB,QAAxB,CAPD;MAQRV,QAAQ,EAAEC,iBAAA,CAAWU,SARb;MASRR,QAAQ,EAAEC,iBAAA,CAAWQ,MATb;MAURN,KAAK,EAAEC,aAAA,CAAOC;IAVN,CAXL;IAuBLK,sBAAsB,EAAE;MACtBjB,KAAK,EAAE,0BADe;MAEtBN,WAAW,EACT,8DAHoB;MAItBO,QAAQ,EAAE,IAJY;MAKtBC,QAAQ,EAAE,KALY;MAMtBC,YAAY,EAAE,CANQ;MAOtBC,QAAQ,EAAEC,iBAAA,CAAWa,MAPC;MAQtBX,QAAQ,EAAEC,iBAAA,CAAWW,MARC;MAStBT,KAAK,EAAEC,aAAA,CAAOC;IATQ;EAvBnB;AALgB,CAAlB"}

package/lib/commonjs/mappings/RadioButtonGroup.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.ts"],"sourcesContent":["import {\n  COMPONENT_TYPES,\n  createFieldNameProp,\n  createDirectionProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Group\",\n  tag: \"RadioButtonGroup\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  triggers: [Triggers.OnValueChange],\n  props: {\n    direction: createDirectionProp(),\n    fieldName: createFieldNameProp({\n      handlerPropName: \"onValueChange\",\n      valuePropName: \"value\",\n      defaultValue: \"radioButtonGroupValue\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAOO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,oBADiB;EAEvBC,GAAG,EAAE,kBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALa;EAMvBC,KAAK,EAAE;IACLC,SAAS,EAAE,IAAAC,0BAAA,GADN;IAELC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC7BC,eAAe,EAAE,eADY;MAE7BC,aAAa,EAAE,OAFc;MAG7BC,YAAY,EAAE;IAHe,CAApB;EAFN;AANgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","triggers","Triggers","OnValueChange","props","direction","createDirectionProp","fieldName","createFieldNameProp","handlerPropName","valuePropName","defaultValue"],"sources":["RadioButtonGroup.js"],"sourcesContent":["import { COMPONENT_TYPES, createFieldNameProp, createDirectionProp, Triggers, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Group\",\n    tag: \"RadioButtonGroup\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnValueChange],\n    props: {\n        direction: createDirectionProp(),\n        fieldName: createFieldNameProp({\n            handlerPropName: \"onValueChange\",\n            valuePropName: \"value\",\n            defaultValue: \"radioButtonGroupValue\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,oBADe;EAErBC,GAAG,EAAE,kBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,QAAQ,EAAE,CAACC,eAAA,CAASC,aAAV,CALW;EAMrBC,KAAK,EAAE;IACHC,SAAS,EAAE,IAAAC,0BAAA,GADR;IAEHC,SAAS,EAAE,IAAAC,0BAAA,EAAoB;MAC3BC,eAAe,EAAE,eADU;MAE3BC,aAAa,EAAE,OAFY;MAG3BC,YAAY,EAAE;IAHa,CAApB;EAFR;AANc,CAAlB"}

package/lib/commonjs/mappings/RadioButtonRow.js.map

@@ -1 +1 @@
-{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.ts"],"sourcesContent":["import {\n  createTextProp,\n  createTextEnumProp,\n  COMPONENT_TYPES,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Radio Button Row\",\n  tag: \"RadioButtonRow\",\n  category: COMPONENT_TYPES.input,\n  layout: {},\n  props: {\n    label: createTextProp({\n      label: \"Label\",\n      description: \"Label to show with the radio button\",\n      required: true,\n      defaultValue: \"First Option\",\n    }),\n    direction: createTextEnumProp({\n      label: \"Direction\",\n      description:\n        \"Whether the checkbox will appear on the left or on the right\",\n      options: [\"row\", \"row-reverse\"],\n    }),\n    value: createTextProp({\n      label: \"Value\",\n      description: \"Value of the radio button\",\n      defaultValue: null,\n      required: true,\n    }),\n    color: createColorProp({\n      group: GROUPS.basic,\n      description: \"Color for the button\",\n      defaultValue: \"primary\",\n    }),\n    unselectedColor: createColorProp({\n      group: GROUPS.basic,\n      label: \"Unselected Color\",\n      description: \"Unselected Color for the button\",\n      defaultValue: \"primary\",\n    }),\n  },\n};\n"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;EACvBC,IAAI,EAAE,kBADiB;EAEvBC,GAAG,EAAE,gBAFkB;EAGvBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHH;EAIvBC,MAAM,EAAE,EAJe;EAKvBC,KAAK,EAAE;IACLC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,qCAFO;MAGpBC,QAAQ,EAAE,IAHU;MAIpBC,YAAY,EAAE;IAJM,CAAf,CADF;IAOLC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC5BN,KAAK,EAAE,WADqB;MAE5BE,WAAW,EACT,8DAH0B;MAI5BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAJmB,CAAnB,CAPN;IAaLC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MACpBD,KAAK,EAAE,OADa;MAEpBE,WAAW,EAAE,2BAFO;MAGpBE,YAAY,EAAE,IAHM;MAIpBD,QAAQ,EAAE;IAJU,CAAf,CAbF;IAmBLM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACrBC,KAAK,EAAEC,aAAA,CAAOC,KADO;MAErBX,WAAW,EAAE,sBAFQ;MAGrBE,YAAY,EAAE;IAHO,CAAhB,CAnBF;IAwBLU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC/BC,KAAK,EAAEC,aAAA,CAAOC,KADiB;MAE/Bb,KAAK,EAAE,kBAFwB;MAG/BE,WAAW,EAAE,iCAHkB;MAI/BE,YAAY,EAAE;IAJiB,CAAhB;EAxBZ;AALgB,CAAlB"}
+{"version":3,"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","createTextProp","description","required","defaultValue","direction","createTextEnumProp","options","value","color","createColorProp","group","GROUPS","basic","unselectedColor"],"sources":["RadioButtonRow.js"],"sourcesContent":["import { createTextProp, createTextEnumProp, COMPONENT_TYPES, createColorProp, GROUPS, } from \"@draftbit/types\";\nexport const SEED_DATA = {\n    name: \"Radio Button Row\",\n    tag: \"RadioButtonRow\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    props: {\n        label: createTextProp({\n            label: \"Label\",\n            description: \"Label to show with the radio button\",\n            required: true,\n            defaultValue: \"First Option\",\n        }),\n        direction: createTextEnumProp({\n            label: \"Direction\",\n            description: \"Whether the checkbox will appear on the left or on the right\",\n            options: [\"row\", \"row-reverse\"],\n        }),\n        value: createTextProp({\n            label: \"Value\",\n            description: \"Value of the radio button\",\n            defaultValue: null,\n            required: true,\n        }),\n        color: createColorProp({\n            group: GROUPS.basic,\n            description: \"Color for the button\",\n            defaultValue: \"primary\",\n        }),\n        unselectedColor: createColorProp({\n            group: GROUPS.basic,\n            label: \"Unselected Color\",\n            description: \"Unselected Color for the button\",\n            defaultValue: \"primary\",\n        }),\n    },\n};\n"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;EACrBC,IAAI,EAAE,kBADe;EAErBC,GAAG,EAAE,gBAFgB;EAGrBC,QAAQ,EAAEC,sBAAA,CAAgBC,KAHL;EAIrBC,MAAM,EAAE,EAJa;EAKrBC,KAAK,EAAE;IACHC,KAAK,EAAE,IAAAC,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,qCAFK;MAGlBC,QAAQ,EAAE,IAHQ;MAIlBC,YAAY,EAAE;IAJI,CAAf,CADJ;IAOHC,SAAS,EAAE,IAAAC,yBAAA,EAAmB;MAC1BN,KAAK,EAAE,WADmB;MAE1BE,WAAW,EAAE,8DAFa;MAG1BK,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;IAHiB,CAAnB,CAPR;IAYHC,KAAK,EAAE,IAAAP,qBAAA,EAAe;MAClBD,KAAK,EAAE,OADW;MAElBE,WAAW,EAAE,2BAFK;MAGlBE,YAAY,EAAE,IAHI;MAIlBD,QAAQ,EAAE;IAJQ,CAAf,CAZJ;IAkBHM,KAAK,EAAE,IAAAC,sBAAA,EAAgB;MACnBC,KAAK,EAAEC,aAAA,CAAOC,KADK;MAEnBX,WAAW,EAAE,sBAFM;MAGnBE,YAAY,EAAE;IAHK,CAAhB,CAlBJ;IAuBHU,eAAe,EAAE,IAAAJ,sBAAA,EAAgB;MAC7BC,KAAK,EAAEC,aAAA,CAAOC,KADe;MAE7Bb,KAAK,EAAE,kBAFsB;MAG7BE,WAAW,EAAE,iCAHgB;MAI7BE,YAAY,EAAE;IAJe,CAAhB;EAvBd;AALc,CAAlB"}

package/lib/module/Provider.js.map

@@ -1 +1 @@
-{"version":3,"names":["React","ThemeProvider","PortalHost","Provider","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        <ThemeProvider theme={this.props.theme}>\n          {this.props.children}\n        </ThemeProvider>\n      </PortalHost>\n    );\n  }\n}\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT,QAA8B,WAA9B;AACA,OAAOC,UAAP,MAAuB,gCAAvB;AAQA,eAAe,MAAMC,QAAN,SAAuBH,KAAK,CAACI,SAA7B,CAA8C;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,UAAD,qBACE,oBAAC,aAAD;MAAe,KAAK,EAAE,KAAKC,KAAL,CAAWC;IAAjC,GACG,KAAKD,KAAL,CAAWE,QADd,CADF,CADF;EAOD;;AAT0D"}
+{"version":3,"names":["React","ThemeProvider","PortalHost","Provider","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,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,aAAT,QAA8B,WAA9B;AACA,OAAOC,UAAP,MAAuB,gCAAvB;AAQA,eAAe,MAAMC,QAAN,SAAuBH,KAAK,CAACI,SAA7B,CAA8C;EAC3DC,MAAM,GAAG;IACP,oBACE,oBAAC,UAAD,qBAEE,oBAAC,aAAD;MAAe,KAAK,EAAE,KAAKC,KAAL,CAAWC;IAAjC,GACG,KAAKD,KAAL,CAAWE,QADd,CAFF,CADF;EAQD;;AAV0D"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","ActionSheetItem","ActionSheetCancel","label","color","style","onPress"],"sources":["ActionSheetCancel.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<Props> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,eAAP,MAA4B,mBAA5B;;AASA,MAAMC,iBAAkC,GAAG,QAKrC;EAAA,IALsC;IAC1CC,KAAK,GAAG,QADkC;IAE1CC,KAF0C;IAG1CC,KAH0C;IAI1CC;EAJ0C,CAKtC;EACJ,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEH,KADT;IAEE,KAAK,EAAEC,KAAK,IAAI,SAFlB;IAGE,KAAK,EAAE,CAACC,KAAD,CAHT;IAIE,OAAO,EAAEC;EAJX,EADF;AAQD,CAdD;;AAgBA,eAAeJ,iBAAf"}
+{"version":3,"names":["React","ActionSheetItem","ActionSheetCancel","label","color","style","onPress"],"sources":["ActionSheetCancel.tsx"],"sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<React.PropsWithChildren<Props>> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AAEA,OAAOC,eAAP,MAA4B,mBAA5B;;AASA,MAAMC,iBAA2D,GAAG,QAK9D;EAAA,IAL+D;IACnEC,KAAK,GAAG,QAD2D;IAEnEC,KAFmE;IAGnEC,KAHmE;IAInEC;EAJmE,CAK/D;EACJ,oBACE,oBAAC,eAAD;IACE,KAAK,EAAEH,KADT;IAEE,KAAK,EAAEC,KAAK,IAAI,SAFlB;IAGE,KAAK,EAAE,CAACC,KAAD,CAHT;IAIE,OAAO,EAAEC;EAJX,EADF;AAQD,CAdD;;AAgBA,eAAeJ,iBAAf"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Text","StyleSheet","TouchableOpacity","extractStyles","ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"sources":["ActionSheetItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<Props> = ({ label, style, color, onPress }) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,EAIEC,gBAJF,QAOO,cAPP;AAQA,SAASC,aAAT,QAA8B,iBAA9B;;AASA,MAAMC,eAAgC,GAAG,QAAsC;EAAA,IAArC;IAAEC,KAAF;IAASC,KAAT;IAAgBC,KAAhB;IAAuBC;EAAvB,CAAqC;EAC7E,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6BP,aAAa,CAACG,KAAD,CAAhD;EACA,oBACE,oBAAC,gBAAD;IACE,aAAa,EAAE,GADjB;IAEE,KAAK,EAAE,CAACK,MAAM,CAACC,OAAR,EAAiBF,UAAjB,CAFT;IAGE,OAAO,EAAEF;EAHX,gBAKE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACG,MAAM,CAACN,KAAR,EAAeI,UAAf,EAA2B;MAAEF;IAAF,CAA3B;EAAb,GAAqDF,KAArD,CALF,CADF;AASD,CAXD;;AAaA,MAAMM,MAAM,GAAGV,UAAU,CAACY,MAAX,CAAkB;EAC/BD,OAAO,EAAE;IACPE,iBAAiB,EAAEb,UAAU,CAACc,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/BhB,KAAK,EAAE;IACLiB,QAAQ,EAAE,EADL;IAELC,SAAS,EAAE,QAFN;IAGLhB,KAAK,EAAE,SAHF;IAILiB,UAAU,EAAE,KAJP;IAKLL,QAAQ,EAAE,QALL;IAMLM,iBAAiB,EAAE,EANd;IAOLC,eAAe,EAAE,EAPZ;IAQLC,SAAS,EAAE;EARN;AAVwB,CAAlB,CAAf;AAsBA,eAAevB,eAAf"}
+{"version":3,"names":["React","Text","StyleSheet","TouchableOpacity","extractStyles","ActionSheetItem","label","style","color","onPress","textStyles","viewStyles","styles","wrapper","create","borderBottomWidth","hairlineWidth","borderBottomColor","backgroundColor","minHeight","overflow","display","justifyContent","fontSize","textAlign","fontWeight","paddingHorizontal","paddingVertical","alignSelf"],"sources":["ActionSheetItem.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  Text,\n  StyleSheet,\n  StyleProp,\n  TouchableOpacity,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport { extractStyles } from \"../../utilities\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetItem: React.FC<React.PropsWithChildren<Props>> = ({\n  label,\n  style,\n  color,\n  onPress,\n}) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n  return (\n    <TouchableOpacity\n      activeOpacity={0.7}\n      style={[styles.wrapper, viewStyles]}\n      onPress={onPress}\n    >\n      <Text style={[styles.label, textStyles, { color }]}>{label}</Text>\n    </TouchableOpacity>\n  );\n};\n\nconst styles = StyleSheet.create({\n  wrapper: {\n    borderBottomWidth: StyleSheet.hairlineWidth,\n    borderBottomColor: \"#CCCCCC\",\n    backgroundColor: \"#F1F1F1\",\n    minHeight: 50,\n    overflow: \"hidden\",\n    display: \"flex\",\n    justifyContent: \"center\",\n  },\n  label: {\n    fontSize: 16,\n    textAlign: \"center\",\n    color: \"#0A84FF\",\n    fontWeight: \"500\",\n    overflow: \"hidden\",\n    paddingHorizontal: 20,\n    paddingVertical: 10,\n    alignSelf: \"center\",\n  },\n});\n\nexport default ActionSheetItem;\n"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,EAIEC,gBAJF,QAOO,cAPP;AAQA,SAASC,aAAT,QAA8B,iBAA9B;;AASA,MAAMC,eAAyD,GAAG,QAK5D;EAAA,IAL6D;IACjEC,KADiE;IAEjEC,KAFiE;IAGjEC,KAHiE;IAIjEC;EAJiE,CAK7D;EACJ,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6BP,aAAa,CAACG,KAAD,CAAhD;EACA,oBACE,oBAAC,gBAAD;IACE,aAAa,EAAE,GADjB;IAEE,KAAK,EAAE,CAACK,MAAM,CAACC,OAAR,EAAiBF,UAAjB,CAFT;IAGE,OAAO,EAAEF;EAHX,gBAKE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACG,MAAM,CAACN,KAAR,EAAeI,UAAf,EAA2B;MAAEF;IAAF,CAA3B;EAAb,GAAqDF,KAArD,CALF,CADF;AASD,CAhBD;;AAkBA,MAAMM,MAAM,GAAGV,UAAU,CAACY,MAAX,CAAkB;EAC/BD,OAAO,EAAE;IACPE,iBAAiB,EAAEb,UAAU,CAACc,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/BhB,KAAK,EAAE;IACLiB,QAAQ,EAAE,EADL;IAELC,SAAS,EAAE,QAFN;IAGLhB,KAAK,EAAE,SAHF;IAILiB,UAAU,EAAE,KAJP;IAKLL,QAAQ,EAAE,QALL;IAMLM,iBAAiB,EAAE,EANd;IAOLC,eAAe,EAAE,EAPZ;IAQLC,SAAS,EAAE;EARN;AAVwB,CAAlB,CAAf;AAsBA,eAAevB,eAAf"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","Animated","Easing","CircularProgress","AnimatedProgress","createAnimatedComponent","AnimatedCircularProgress","duration","easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"sources":["AnimatedCircularProgress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  Easing,\n  EasingFunction,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n  Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n  duration?: number;\n  easing?: EasingFunction;\n  prefill?: number;\n  useNativeDriver?: boolean;\n  tintColorSecondary?: string;\n  onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<Props> = ({\n  duration = 500,\n  easing = Easing.out(Easing.ease),\n  fill,\n  prefill = 0,\n  useNativeDriver = false,\n  tintColorSecondary,\n  onAnimationComplete,\n  tintColor = \"black\",\n  ...other\n}) => {\n  const [fillAnimation] = React.useState<Animated.Value>(\n    new Animated.Value(prefill)\n  );\n\n  const animate = React.useCallback(\n    (\n      toVal: number = -1,\n      dur?: number,\n      ease?: EasingFunction\n    ): Animated.CompositeAnimation => {\n      const toValue = toVal >= 0 ? toVal : fill;\n      const dura = dur || duration;\n      const eas = ease || easing;\n      const useNative = useNativeDriver;\n\n      const anim = Animated.timing(fillAnimation, {\n        useNativeDriver: useNative,\n        toValue,\n        easing: eas,\n        duration: dura,\n      });\n      anim.start(onAnimationComplete);\n\n      return anim;\n    },\n    [\n      duration,\n      easing,\n      fill,\n      useNativeDriver,\n      fillAnimation,\n      onAnimationComplete,\n    ]\n  );\n\n  const animateColor = () => {\n    if (!tintColorSecondary) {\n      return tintColor;\n    }\n\n    const tintAnimation = fillAnimation.interpolate({\n      inputRange: [0, 100],\n      outputRange: [tintColor, tintColorSecondary],\n    });\n\n    return tintAnimation;\n  };\n\n  React.useEffect(() => {\n    animate();\n  }, [fill, animate]);\n\n  return (\n    <AnimatedProgress\n      {...other}\n      style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n      childrenContainerStyle={\n        other.childrenContainerStyle as Animated.WithAnimatedValue<\n          StyleProp<ViewStyle>\n        >\n      }\n      fill={fillAnimation}\n      tintColor={animateColor()}\n    />\n  );\n};\n\nexport default AnimatedCircularProgress;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,MAFF,QAMO,cANP;AAOA,OAAOC,gBAAP,MAEO,oBAFP;AAGA,MAAMC,gBAAgB,GAAGH,QAAQ,CAACI,uBAAT,CAAiCF,gBAAjC,CAAzB;;AAWA,MAAMG,wBAAyC,GAAG,QAU5C;EAAA,IAV6C;IACjDC,QAAQ,GAAG,GADsC;IAEjDC,MAAM,GAAGN,MAAM,CAACO,GAAP,CAAWP,MAAM,CAACQ,IAAlB,CAFwC;IAGjDC,IAHiD;IAIjDC,OAAO,GAAG,CAJuC;IAKjDC,eAAe,GAAG,KAL+B;IAMjDC,kBANiD;IAOjDC,mBAPiD;IAQjDC,SAAS,GAAG,OARqC;IASjD,GAAGC;EAT8C,CAU7C;EACJ,MAAM,CAACC,aAAD,IAAkBlB,KAAK,CAACmB,QAAN,CACtB,IAAIlB,QAAQ,CAACmB,KAAb,CAAmBR,OAAnB,CADsB,CAAxB;EAIA,MAAMS,OAAO,GAAGrB,KAAK,CAACsB,WAAN,CACd,YAIkC;IAAA,IAHhCC,KAGgC,uEAHhB,CAAC,CAGe;IAAA,IAFhCC,GAEgC;IAAA,IADhCd,IACgC;IAChC,MAAMe,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBZ,IAArC;IACA,MAAMe,IAAI,GAAGF,GAAG,IAAIjB,QAApB;IACA,MAAMoB,GAAG,GAAGjB,IAAI,IAAIF,MAApB;IACA,MAAMoB,SAAS,GAAGf,eAAlB;IAEA,MAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,MAAT,CAAgBZ,aAAhB,EAA+B;MAC1CL,eAAe,EAAEe,SADyB;MAE1CH,OAF0C;MAG1CjB,MAAM,EAAEmB,GAHkC;MAI1CpB,QAAQ,EAAEmB;IAJgC,CAA/B,CAAb;IAMAG,IAAI,CAACE,KAAL,CAAWhB,mBAAX;IAEA,OAAOc,IAAP;EACD,CApBa,EAqBd,CACEtB,QADF,EAEEC,MAFF,EAGEG,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;EA+BA,MAAMiB,YAAY,GAAG,MAAM;IACzB,IAAI,CAAClB,kBAAL,EAAyB;MACvB,OAAOE,SAAP;IACD;;IAED,MAAMiB,aAAa,GAAGf,aAAa,CAACgB,WAAd,CAA0B;MAC9CC,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;MAE9CC,WAAW,EAAE,CAACpB,SAAD,EAAYF,kBAAZ;IAFiC,CAA1B,CAAtB;IAKA,OAAOmB,aAAP;EACD,CAXD;;EAaAjC,KAAK,CAACqC,SAAN,CAAgB,MAAM;IACpBhB,OAAO;EACR,CAFD,EAEG,CAACV,IAAD,EAAOU,OAAP,CAFH;EAIA,oBACE,oBAAC,gBAAD,eACMJ,KADN;IAEE,KAAK,EAAEA,KAAK,CAACqB,KAFf;IAGE,sBAAsB,EACpBrB,KAAK,CAACsB,sBAJV;IAQE,IAAI,EAAErB,aARR;IASE,SAAS,EAAEc,YAAY;EATzB,GADF;AAaD,CA5ED;;AA8EA,eAAe1B,wBAAf"}
+{"version":3,"names":["React","Animated","Easing","CircularProgress","AnimatedProgress","createAnimatedComponent","AnimatedCircularProgress","duration","easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"sources":["AnimatedCircularProgress.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  Easing,\n  EasingFunction,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n  Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n  duration?: number;\n  easing?: EasingFunction;\n  prefill?: number;\n  useNativeDriver?: boolean;\n  tintColorSecondary?: string;\n  onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<React.PropsWithChildren<Props>> = ({\n  duration = 500,\n  easing = Easing.out(Easing.ease),\n  fill,\n  prefill = 0,\n  useNativeDriver = false,\n  tintColorSecondary,\n  onAnimationComplete,\n  tintColor = \"black\",\n  ...other\n}) => {\n  const [fillAnimation] = React.useState<Animated.Value>(\n    new Animated.Value(prefill)\n  );\n\n  const animate = React.useCallback(\n    (\n      toVal: number = -1,\n      dur?: number,\n      ease?: EasingFunction\n    ): Animated.CompositeAnimation => {\n      const toValue = toVal >= 0 ? toVal : fill;\n      const dura = dur || duration;\n      const eas = ease || easing;\n      const useNative = useNativeDriver;\n\n      const anim = Animated.timing(fillAnimation, {\n        useNativeDriver: useNative,\n        toValue,\n        easing: eas,\n        duration: dura,\n      });\n      anim.start(onAnimationComplete);\n\n      return anim;\n    },\n    [\n      duration,\n      easing,\n      fill,\n      useNativeDriver,\n      fillAnimation,\n      onAnimationComplete,\n    ]\n  );\n\n  const animateColor = () => {\n    if (!tintColorSecondary) {\n      return tintColor;\n    }\n\n    const tintAnimation = fillAnimation.interpolate({\n      inputRange: [0, 100],\n      outputRange: [tintColor, tintColorSecondary],\n    });\n\n    return tintAnimation;\n  };\n\n  React.useEffect(() => {\n    animate();\n  }, [fill, animate]);\n\n  return (\n    <AnimatedProgress\n      {...other}\n      style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n      childrenContainerStyle={\n        other.childrenContainerStyle as Animated.WithAnimatedValue<\n          StyleProp<ViewStyle>\n        >\n      }\n      fill={fillAnimation}\n      tintColor={animateColor()}\n    />\n  );\n};\n\nexport default AnimatedCircularProgress;\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,QADF,EAEEC,MAFF,QAMO,cANP;AAOA,OAAOC,gBAAP,MAEO,oBAFP;AAGA,MAAMC,gBAAgB,GAAGH,QAAQ,CAACI,uBAAT,CAAiCF,gBAAjC,CAAzB;;AAWA,MAAMG,wBAAkE,GAAG,QAUrE;EAAA,IAVsE;IAC1EC,QAAQ,GAAG,GAD+D;IAE1EC,MAAM,GAAGN,MAAM,CAACO,GAAP,CAAWP,MAAM,CAACQ,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,IAAkBlB,KAAK,CAACmB,QAAN,CACtB,IAAIlB,QAAQ,CAACmB,KAAb,CAAmBR,OAAnB,CADsB,CAAxB;EAIA,MAAMS,OAAO,GAAGrB,KAAK,CAACsB,WAAN,CACd,YAIkC;IAAA,IAHhCC,KAGgC,uEAHhB,CAAC,CAGe;IAAA,IAFhCC,GAEgC;IAAA,IADhCd,IACgC;IAChC,MAAMe,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBZ,IAArC;IACA,MAAMe,IAAI,GAAGF,GAAG,IAAIjB,QAApB;IACA,MAAMoB,GAAG,GAAGjB,IAAI,IAAIF,MAApB;IACA,MAAMoB,SAAS,GAAGf,eAAlB;IAEA,MAAMgB,IAAI,GAAG5B,QAAQ,CAAC6B,MAAT,CAAgBZ,aAAhB,EAA+B;MAC1CL,eAAe,EAAEe,SADyB;MAE1CH,OAF0C;MAG1CjB,MAAM,EAAEmB,GAHkC;MAI1CpB,QAAQ,EAAEmB;IAJgC,CAA/B,CAAb;IAMAG,IAAI,CAACE,KAAL,CAAWhB,mBAAX;IAEA,OAAOc,IAAP;EACD,CApBa,EAqBd,CACEtB,QADF,EAEEC,MAFF,EAGEG,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;EA+BA,MAAMiB,YAAY,GAAG,MAAM;IACzB,IAAI,CAAClB,kBAAL,EAAyB;MACvB,OAAOE,SAAP;IACD;;IAED,MAAMiB,aAAa,GAAGf,aAAa,CAACgB,WAAd,CAA0B;MAC9CC,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;MAE9CC,WAAW,EAAE,CAACpB,SAAD,EAAYF,kBAAZ;IAFiC,CAA1B,CAAtB;IAKA,OAAOmB,aAAP;EACD,CAXD;;EAaAjC,KAAK,CAACqC,SAAN,CAAgB,MAAM;IACpBhB,OAAO;EACR,CAFD,EAEG,CAACV,IAAD,EAAOU,OAAP,CAFH;EAIA,oBACE,oBAAC,gBAAD,eACMJ,KADN;IAEE,KAAK,EAAEA,KAAK,CAACqB,KAFf;IAGE,sBAAsB,EACpBrB,KAAK,CAACsB,sBAJV;IAQE,IAAI,EAAErB,aARR;IASE,SAAS,EAAEc,YAAY;EATzB,GADF;AAaD,CA5ED;;AA8EA,eAAe1B,wBAAf"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","StyleSheet","AspectRatio","props","layout","setLayout","useState","aspectRatio","inputStyle","flatten","style","width","height","push","nativeEvent","l","children"],"sources":["AspectRatio.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  LayoutRectangle,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<Props> = (props) => {\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const { aspectRatio = 1, ...inputStyle } =\n    StyleSheet.flatten(props.style) || {};\n  const style = [inputStyle, { aspectRatio }];\n\n  if (layout) {\n    const { width = 0, height = 0 } = layout;\n    if (width === 0) {\n      style.push({ width: height * (1 / aspectRatio), height });\n    } else {\n      style.push({ width, height: width * (1 / aspectRatio) });\n    }\n  }\n  return (\n    <View\n      {...props}\n      style={style}\n      onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n    >\n      {props.children}\n    </View>\n  );\n};\n\nexport default AspectRatio;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,QAMO,cANP;;AAaA,MAAMC,WAA4B,GAAIC,KAAD,IAAW;EAC9C,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBN,KAAK,CAACO,QAAN,CAAuC,IAAvC,CAA5B;EACA,MAAM;IAAEC,WAAW,GAAG,CAAhB;IAAmB,GAAGC;EAAtB,IACJP,UAAU,CAACQ,OAAX,CAAmBN,KAAK,CAACO,KAAzB,KAAmC,EADrC;EAEA,MAAMA,KAAK,GAAG,CAACF,UAAD,EAAa;IAAED;EAAF,CAAb,CAAd;;EAEA,IAAIH,MAAJ,EAAY;IACV,MAAM;MAAEO,KAAK,GAAG,CAAV;MAAaC,MAAM,GAAG;IAAtB,IAA4BR,MAAlC;;IACA,IAAIO,KAAK,KAAK,CAAd,EAAiB;MACfD,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAK,EAAEC,MAAM,IAAI,IAAIL,WAAR,CAAf;QAAqCK;MAArC,CAAX;IACD,CAFD,MAEO;MACLF,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAF;QAASC,MAAM,EAAED,KAAK,IAAI,IAAIJ,WAAR;MAAtB,CAAX;IACD;EACF;;EACD,oBACE,oBAAC,IAAD,eACMJ,KADN;IAEE,KAAK,EAAEO,KAFT;IAGE,QAAQ,EAAE;MAAA,IAAC;QAAEI,WAAW,EAAE;UAAEV,MAAM,EAAEW;QAAV;MAAf,CAAD;MAAA,OAAoCV,SAAS,CAACU,CAAD,CAA7C;IAAA;EAHZ,IAKGZ,KAAK,CAACa,QALT,CADF;AASD,CAvBD;;AAyBA,eAAed,WAAf"}
+{"version":3,"names":["React","View","StyleSheet","AspectRatio","props","layout","setLayout","useState","aspectRatio","inputStyle","flatten","style","width","height","push","nativeEvent","l","children"],"sources":["AspectRatio.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  LayoutRectangle,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\ntype Props = {\n  children?: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n};\n\nconst AspectRatio: React.FC<React.PropsWithChildren<Props>> = (props) => {\n  const [layout, setLayout] = React.useState<LayoutRectangle | null>(null);\n  const { aspectRatio = 1, ...inputStyle } =\n    StyleSheet.flatten(props.style) || {};\n  const style = [inputStyle, { aspectRatio }];\n\n  if (layout) {\n    const { width = 0, height = 0 } = layout;\n    if (width === 0) {\n      style.push({ width: height * (1 / aspectRatio), height });\n    } else {\n      style.push({ width, height: width * (1 / aspectRatio) });\n    }\n  }\n  return (\n    <View\n      {...props}\n      style={style}\n      onLayout={({ nativeEvent: { layout: l } }) => setLayout(l)}\n    >\n      {props.children}\n    </View>\n  );\n};\n\nexport default AspectRatio;\n"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,IADF,EAEEC,UAFF,QAMO,cANP;;AAaA,MAAMC,WAAqD,GAAIC,KAAD,IAAW;EACvE,MAAM,CAACC,MAAD,EAASC,SAAT,IAAsBN,KAAK,CAACO,QAAN,CAAuC,IAAvC,CAA5B;EACA,MAAM;IAAEC,WAAW,GAAG,CAAhB;IAAmB,GAAGC;EAAtB,IACJP,UAAU,CAACQ,OAAX,CAAmBN,KAAK,CAACO,KAAzB,KAAmC,EADrC;EAEA,MAAMA,KAAK,GAAG,CAACF,UAAD,EAAa;IAAED;EAAF,CAAb,CAAd;;EAEA,IAAIH,MAAJ,EAAY;IACV,MAAM;MAAEO,KAAK,GAAG,CAAV;MAAaC,MAAM,GAAG;IAAtB,IAA4BR,MAAlC;;IACA,IAAIO,KAAK,KAAK,CAAd,EAAiB;MACfD,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAK,EAAEC,MAAM,IAAI,IAAIL,WAAR,CAAf;QAAqCK;MAArC,CAAX;IACD,CAFD,MAEO;MACLF,KAAK,CAACG,IAAN,CAAW;QAAEF,KAAF;QAASC,MAAM,EAAED,KAAK,IAAI,IAAIJ,WAAR;MAAtB,CAAX;IACD;EACF;;EACD,oBACE,oBAAC,IAAD,eACMJ,KADN;IAEE,KAAK,EAAEO,KAFT;IAGE,QAAQ,EAAE;MAAA,IAAC;QAAEI,WAAW,EAAE;UAAEV,MAAM,EAAEW;QAAV;MAAf,CAAD;MAAA,OAAoCV,SAAS,CAACU,CAAD,CAA7C;IAAA;EAHZ,IAKGZ,KAAK,CAACa,QALT,CADF;AASD,CAvBD;;AAyBA,eAAed,WAAf"}

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  image: string | ImageSourcePropType;\n  size?: number;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<Props> = ({\n  Icon,\n  image,\n  size = 80,\n  onPress = () => {},\n  style,\n  theme,\n  ...rest\n}) => {\n  const colorStyles = {\n    editBackgroundColor: theme.colors.primary,\n    editIconColor: theme.colors.surface,\n    editBorderColor: theme.colors.surface,\n  };\n\n  const dimensions = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <View style={[style, dimensions]} {...rest}>\n      <Touchable onPress={onPress}>\n        <CircleImage source={image} size={size} />\n        <View\n          style={{\n            position: \"absolute\",\n            top: -3,\n            right: -3,\n            borderColor: colorStyles.editBorderColor,\n            backgroundColor: colorStyles.editBackgroundColor,\n            borderRadius: size * (3 / 16),\n            padding: size * (3 / 32),\n          }}\n        >\n          <Icon\n            name=\"MaterialIcons/edit\"\n            color={colorStyles.editIconColor}\n            size={size * (3 / 16)}\n          />\n        </View>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,UAA2B,GAAG,QAQ9B;EAAA,IAR+B;IACnCC,IADmC;IAEnCC,KAFmC;IAGnCC,IAAI,GAAG,EAH4B;IAInCC,OAAO,GAAG,MAAM,CAAE,CAJiB;IAKnCC,KALmC;IAMnCC,KANmC;IAOnC,GAAGC;EAPgC,CAQ/B;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,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,SAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,WAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,IAAD;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;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}
+{"version":3,"names":["React","View","Touchable","CircleImage","withTheme","AvatarEdit","Icon","image","size","onPress","style","theme","rest","colorStyles","editBackgroundColor","colors","primary","editIconColor","surface","editBorderColor","dimensions","width","height","position","top","right","borderColor","backgroundColor","borderRadius","padding"],"sources":["AvatarEdit.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, ImageSourcePropType, StyleProp, ViewStyle } from \"react-native\";\nimport Touchable from \"./Touchable\";\nimport CircleImage from \"./CircleImage\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  image: string | ImageSourcePropType;\n  size?: number;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AvatarEdit: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  image,\n  size = 80,\n  onPress = () => {},\n  style,\n  theme,\n  ...rest\n}) => {\n  const colorStyles = {\n    editBackgroundColor: theme.colors.primary,\n    editIconColor: theme.colors.surface,\n    editBorderColor: theme.colors.surface,\n  };\n\n  const dimensions = {\n    width: size,\n    height: size,\n  };\n\n  return (\n    <View style={[style, dimensions]} {...rest}>\n      <Touchable onPress={onPress}>\n        <CircleImage source={image} size={size} />\n        <View\n          style={{\n            position: \"absolute\",\n            top: -3,\n            right: -3,\n            borderColor: colorStyles.editBorderColor,\n            backgroundColor: colorStyles.editBackgroundColor,\n            borderRadius: size * (3 / 16),\n            padding: size * (3 / 32),\n          }}\n        >\n          <Icon\n            name=\"MaterialIcons/edit\"\n            color={colorStyles.editIconColor}\n            size={size * (3 / 16)}\n          />\n        </View>\n      </Touchable>\n    </View>\n  );\n};\n\nexport default withTheme(AvatarEdit);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,IAAT,QAAgE,cAAhE;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,OAAOC,WAAP,MAAwB,eAAxB;AACA,SAASC,SAAT,QAA0B,YAA1B;;AAaA,MAAMC,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,IAAD;IAAM,KAAK,EAAE,CAACE,KAAD,EAAQU,UAAR;EAAb,GAAsCR,IAAtC,gBACE,oBAAC,SAAD;IAAW,OAAO,EAAEH;EAApB,gBACE,oBAAC,WAAD;IAAa,MAAM,EAAEF,KAArB;IAA4B,IAAI,EAAEC;EAAlC,EADF,eAEE,oBAAC,IAAD;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;;AA8CA,eAAeJ,SAAS,CAACC,UAAD,CAAxB"}

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

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

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

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

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

@@ -1 +1 @@
-{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<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":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAEEC,IAFF,EAGEC,IAHF,QAMO,cANP;AAOA,OAAOC,KAAP,MAAkB,SAAlB;AACA,OAAOC,IAAP,MAAiB,yBAAjB;AACA,OAAOC,SAAP,MAAsB,aAAtB;AACA,SAASC,SAAT,QAA0B,YAA1B;AACA,OAAOC,MAAP,MAAmB,UAAnB;;AAkBA,MAAMC,SAA0B,GAAG,QAa7B;EAAA,IAb8B;IAClCC,KAAK,GAAGF,MAAM,CAACG,YADmB;IAElCC,KAFkC;IAGlCC,eAHkC;IAIlCC,gBAJkC;IAKlCC,aALkC;IAMlCC,WAAW,GAAG,GANoB;IAOlCC,SAAS,GAAG,CAPsB;IAQlCC,UAAU,GAAG,CARqB;IASlCC,KAAK,EAAE;MAAEC,MAAF;MAAUC,SAAV;MAAqBC;IAArB,CAT2B;IAUlCC,KAVkC;IAWlCC,OAXkC;IAYlC,GAAGC;EAZ+B,CAa9B;EACJ,IAAIC,kBAAJ;EAEA,IAAIC,UAAJ;;EACA,IAAIZ,aAAa,IAAI,CAACF,eAAlB,IAAqC,CAACC,gBAA1C,EAA4D;IAC1DY,kBAAkB,GAAG,QAArB;EACD,CAFD,MAEO;IACLA,kBAAkB,GAAG,eAArB;EACD;;EAED,IAAIR,UAAU,KAAK,CAAnB,EAAsB;IACpBS,UAAU,GAAGL,UAAU,CAACM,MAAxB;EACD,CAFD,MAEO,IAAIV,UAAU,KAAK,CAAnB,EAAsB;IAC3BS,UAAU,GAAGL,UAAU,CAACO,SAAxB;EACD,CAFM,MAEA;IACLF,UAAU,GAAGL,UAAU,CAACQ,SAAxB;EACD;;EAED,MAAMC,sBAAsB,GAAG,CAC7BT,UAAU,CAACU,SADkB,EAE7B;IAAEC,KAAK,EAAEb,MAAM,CAACc;EAAhB,CAF6B,CAA/B;EAKA,oBACE,oBAAC,IAAD;IAAM,KAAK,EAAEX,KAAb;IAAoB,OAAO,EAAEC,OAA7B;IAAsC,UAAU,EAAEN;EAAlD,GAAkEO,IAAlE,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAE;MAAEU,eAAe,EAAEf,MAAM,CAACgB;IAA1B;EAAb,gBACE,oBAAC,SAAD;IAAW,KAAK,EAAE;MAAEnB,SAAF;MAAaoB,YAAY,EAAEhB;IAA3B;EAAlB,gBACE,oBAAC,KAAD;IACE,KAAK,EAAE;MACLgB,YAAY,EAAEhB,SADT;MAELL;IAFK,CADT;IAKE,MAAM,EAAE,OAAON,KAAP,KAAiB,QAAjB,GAA4B;MAAE4B,GAAG,EAAE5B;IAAP,CAA5B,GAA6CA,KALvD;IAME,UAAU,EAAC;EANb,EADF,CADF,EAWGE,KAAK,gBACJ,oBAAC,IAAD;IACE,KAAK,EAAE;MACL2B,aAAa,EAAE,KADV;MAELC,UAAU,EAAE,QAFP;MAGLC,cAAc,EAAEf,kBAHX;MAILgB,SAAS,EAAExB,UAAU,KAAK,CAAf,GAAmB,EAAnB,GAAwB;IAJ9B;EADT,gBAQE,oBAAC,IAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACS,UAAD,EAAa;MAAEM,KAAK,EAAEb,MAAM,CAACuB;IAAhB,CAAb;EAFT,GAIG/B,KAJH,CARF,EAcG,CAACC,eAAD,IAAoBC,gBAApB,gBACC,oBAAC,IAAD;IAAM,KAAK,EAAEiB;EAAb,GAAsCjB,gBAAtC,CADD,GAEG,IAhBN,CADI,GAmBF,IA9BN,EA+BGD,eAAe,gBACd,oBAAC,IAAD;IACE,KAAK,EAAE;MACL0B,aAAa,EAAE,KADV;MAELE,cAAc,EAAE,eAFX;MAGLD,UAAU,EAAE,QAHP;MAILE,SAAS,EAAExB,UAAU,KAAK,CAAf,GAAmB,CAAnB,GAAuB,IAAI;IAJjC;EADT,gBAQE,oBAAC,IAAD;IACE,aAAa,EAAE,CADjB;IAEE,KAAK,EAAE,CAACI,UAAU,CAACsB,KAAZ,EAAmB;MAAEX,KAAK,EAAEb,MAAM,CAACyB;IAAhB,CAAnB;EAFT,GAIGhC,eAJH,CARF,EAcGC,gBAAgB,gBACf,oBAAC,IAAD;IAAM,aAAa,EAAE,CAArB;IAAwB,KAAK,EAAEiB;EAA/B,GACGjB,gBADH,CADe,GAIb,IAlBN,CADc,GAqBZ,IApDN,CADF,CADF;AA0DD,CA9FD;;AAgGA,eAAeP,SAAS,CAACE,SAAD,CAAxB"}
+{"version":3,"names":["React","View","Text","Image","Card","Elevation","withTheme","Config","CardBlock","image","cardImageUrl","title","leftDescription","rightDescription","titleCentered","aspectRatio","elevation","numColumns","theme","colors","roundness","typography","style","onPress","rest","titleJustification","titleStyle","button","headline6","headline5","rightDescriptionStyles","subtitle2","color","light","backgroundColor","background","borderRadius","uri","flexDirection","alignItems","justifyContent","marginTop","strong","body2","medium"],"sources":["CardBlock.tsx"],"sourcesContent":["import React from \"react\";\nimport {\n  ImageSourcePropType,\n  View,\n  Text,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport Image from \"./Image\";\nimport Card from \"./DeprecatedCardWrapper\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nimport Config from \"./Config\";\nimport theme from \"../styles/DefaultTheme\";\nimport { justificationType } from \"./Justification\";\n\ntype Props = {\n  image?: string | ImageSourcePropType;\n  title?: string;\n  leftDescription?: string;\n  rightDescription?: string;\n  titleCentered: boolean;\n  aspectRatio?: number;\n  elevation?: number;\n  numColumns?: number;\n  theme: typeof theme;\n  style?: StyleProp<ViewStyle>;\n  onPress: () => void;\n};\n\nconst CardBlock: React.FC<React.PropsWithChildren<Props>> = ({\n  image = Config.cardImageUrl,\n  title,\n  leftDescription,\n  rightDescription,\n  titleCentered,\n  aspectRatio = 1.5,\n  elevation = 2,\n  numColumns = 3,\n  theme: { colors, roundness, typography },\n  style,\n  onPress,\n  ...rest\n}) => {\n  let titleJustification: justificationType;\n\n  let titleStyle;\n  if (titleCentered && !leftDescription && !rightDescription) {\n    titleJustification = \"center\";\n  } else {\n    titleJustification = \"space-between\";\n  }\n\n  if (numColumns === 1) {\n    titleStyle = typography.button;\n  } else if (numColumns === 2) {\n    titleStyle = typography.headline6;\n  } else {\n    titleStyle = typography.headline5;\n  }\n\n  const rightDescriptionStyles = [\n    typography.subtitle2,\n    { color: colors.light },\n  ];\n\n  return (\n    <Card style={style} onPress={onPress} numColumns={numColumns} {...rest}>\n      <View style={{ backgroundColor: colors.background }}>\n        <Elevation style={{ elevation, borderRadius: roundness }}>\n          <Image\n            style={{\n              borderRadius: roundness,\n              aspectRatio,\n            }}\n            source={typeof image === \"string\" ? { uri: image } : image}\n            resizeMode=\"cover\"\n          />\n        </Elevation>\n        {title ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              alignItems: \"center\",\n              justifyContent: titleJustification,\n              marginTop: numColumns === 3 ? 16 : 12,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[titleStyle, { color: colors.strong }]}\n            >\n              {title}\n            </Text>\n            {!leftDescription && rightDescription ? (\n              <Text style={rightDescriptionStyles}>{rightDescription}</Text>\n            ) : null}\n          </View>\n        ) : null}\n        {leftDescription ? (\n          <View\n            style={{\n              flexDirection: \"row\",\n              justifyContent: \"space-between\",\n              alignItems: \"center\",\n              marginTop: numColumns === 3 ? 4 : 4 / 2,\n            }}\n          >\n            <Text\n              numberOfLines={1}\n              style={[typography.body2, { color: colors.medium }]}\n            >\n              {leftDescription}\n            </Text>\n            {rightDescription ? (\n              <Text numberOfLines={1} style={rightDescriptionStyles}>\n                {rightDescription}\n              </Text>\n            ) : null}\n          </View>\n        ) : null}\n      </View>\n    </Card>\n  );\n};\n\nexport default withTheme(CardBlock);\n"],"mappings":"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"}

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

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