@draftbit/core 46.4.4-76f633.2 → 46.4.4-78b627.2

package/lib/module/components/HeaderLarge.js

@@ -25,4 +25,5 @@ const HeaderLarge = _ref => {
     style: style
   });
 };
-export default withTheme(HeaderLarge);
+export default withTheme(HeaderLarge);
+//# sourceMappingURL=HeaderLarge.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderLarge","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline4","strong"],"sources":["HeaderLarge.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\nimport Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderLarge: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline4}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderLarge);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAGtC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,WAAqD,GAAG,QAQxD;EAAA,IARyD;IAC7DC,IAAI;IACJC,KAAK;IACLC,UAAU;IACVC,IAAI;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,IAAI,EAAER,IAAK;IACX,cAAc,EAAEQ,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,KAAK,EAAET,KAAM;IACb,UAAU,EAAEC,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAED,eAAeR,SAAS,CAACE,WAAW,CAAC"}

package/lib/module/components/HeaderMedium.js

@@ -25,4 +25,5 @@ const HeaderMedium = _ref => {
     style: style
   });
 };
-export default withTheme(HeaderMedium);
+export default withTheme(HeaderMedium);
+//# sourceMappingURL=HeaderMedium.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderMedium","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","headline6","strong"],"sources":["HeaderMedium.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 Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderMedium: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.headline6}\n      titleColor={colors.strong}\n      title={title}\n      buttonText={buttonText}\n      icon={icon}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderMedium);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,YAAsD,GAAG,QAQzD;EAAA,IAR0D;IAC9DC,IAAI;IACJC,KAAK;IACLC,UAAU;IACVC,IAAI;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,IAAI,EAAER,IAAK;IACX,cAAc,EAAEQ,UAAU,CAACC,SAAU;IACrC,UAAU,EAAEF,MAAM,CAACG,MAAO;IAC1B,KAAK,EAAET,KAAM;IACb,UAAU,EAAEC,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAED,eAAeR,SAAS,CAACE,YAAY,CAAC"}

package/lib/module/components/HeaderOverline.js

@@ -26,4 +26,5 @@ const HeaderOverline = _ref => {
     style: style
   });
 };
-export default withTheme(HeaderOverline);
+export default withTheme(HeaderOverline);
+//# sourceMappingURL=HeaderOverline.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","withTheme","Header","HeaderOverline","Icon","title","buttonText","icon","onPress","style","theme","colors","typography","overline","light","toUpperCase"],"sources":["HeaderOverline.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 Header from \"./Header\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\ntype Props = {\n  title: string;\n  buttonText: string;\n  icon: string;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst HeaderOverline: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  title,\n  buttonText,\n  icon,\n  onPress = () => {},\n  style,\n  theme: { colors, typography },\n}) => {\n  return (\n    <Header\n      Icon={Icon}\n      titleTypeStyle={typography.overline}\n      titleColor={colors.light}\n      title={title && title.toUpperCase()}\n      buttonText={buttonText}\n      icon={icon}\n      dividerTopMargin={12}\n      onPress={onPress}\n      style={style}\n    />\n  );\n};\n\nexport default withTheme(HeaderOverline);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,SAAS,QAAQ,YAAY;AAItC,OAAOC,MAAM,MAAM,UAAU;AAY7B,MAAMC,cAAwD,GAAG,QAQ3D;EAAA,IAR4D;IAChEC,IAAI;IACJC,KAAK;IACLC,UAAU;IACVC,IAAI;IACJC,OAAO,GAAG,MAAM,CAAC,CAAC;IAClBC,KAAK;IACLC,KAAK,EAAE;MAAEC,MAAM;MAAEC;IAAW;EAC9B,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,IAAI,EAAER,IAAK;IACX,cAAc,EAAEQ,UAAU,CAACC,QAAS;IACpC,UAAU,EAAEF,MAAM,CAACG,KAAM;IACzB,KAAK,EAAET,KAAK,IAAIA,KAAK,CAACU,WAAW,EAAG;IACpC,UAAU,EAAET,UAAW;IACvB,IAAI,EAAEC,IAAK;IACX,gBAAgB,EAAE,EAAG;IACrB,OAAO,EAAEC,OAAQ;IACjB,KAAK,EAAEC;EAAM,EACb;AAEN,CAAC;AAED,eAAeR,SAAS,CAACE,cAAc,CAAC"}

package/lib/module/components/IconButton.js

@@ -52,4 +52,5 @@ const styles = StyleSheet.create({
     })
   }
 });
-export default withTheme(IconButton);
+export default withTheme(IconButton);
+//# sourceMappingURL=IconButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","ActivityIndicator","Pressable","Platform","withTheme","IconButton","Icon","icon","color","customColor","size","disabled","loading","onPress","theme","style","props","iconColor","colors","primary","pressed","styles","container","opacity","width","height","alignItems","justifyContent","create","select","web","cursor","userSelect"],"sources":["IconButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  Pressable,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon?: string;\n  color?: string;\n  size?: number;\n  disabled?: boolean;\n  loading?: boolean;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst IconButton: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  color: customColor,\n  size = 32,\n  disabled = false,\n  loading = false,\n  onPress,\n  theme,\n  style,\n  ...props\n}) => {\n  const iconColor = customColor || theme.colors.primary;\n\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled || loading}\n      style={({ pressed }) => {\n        return [\n          styles.container,\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n            width: size,\n            height: size,\n            alignItems: \"center\",\n            justifyContent: \"center\",\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      <View>\n        {icon && !loading ? (\n          <Icon name={icon} size={size - 2} color={iconColor} />\n        ) : null}\n        {loading ? <ActivityIndicator size=\"small\" color={iconColor} /> : null}\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignItems: \"center\",\n    justifyContent: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(IconButton);\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SACEC,IAAI,EACJC,UAAU,EACVC,iBAAiB,EAGjBC,SAAS,EAETC,QAAQ,QACH,cAAc;AACrB,SAASC,SAAS,QAAQ,YAAY;AAgBtC,MAAMC,UAAoD,GAAG,QAWvD;EAAA,IAXwD;IAC5DC,IAAI;IACJC,IAAI;IACJC,KAAK,EAAEC,WAAW;IAClBC,IAAI,GAAG,EAAE;IACTC,QAAQ,GAAG,KAAK;IAChBC,OAAO,GAAG,KAAK;IACfC,OAAO;IACPC,KAAK;IACLC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAMC,SAAS,GAAGR,WAAW,IAAIK,KAAK,CAACI,MAAM,CAACC,OAAO;EAErD,oBACE,oBAAC,SAAS;IACR,OAAO,EAAEN,OAAQ;IACjB,QAAQ,EAAEF,QAAQ,IAAIC,OAAQ;IAC9B,KAAK,EAAE,SAAiB;MAAA,IAAhB;QAAEQ;MAAQ,CAAC;MACjB,OAAO,CACLC,MAAM,CAACC,SAAS,EAChB;QACEC,OAAO,EAAEH,OAAO,IAAIT,QAAQ,GAAG,IAAI,GAAG,CAAC;QACvCa,KAAK,EAAEd,IAAI;QACXe,MAAM,EAAEf,IAAI;QACZgB,UAAU,EAAE,QAAQ;QACpBC,cAAc,EAAE;MAClB,CAAC,EACDZ,KAAK,CACN;IACH;EAAE,GACEC,KAAK,gBAET,oBAAC,IAAI,QACFT,IAAI,IAAI,CAACK,OAAO,gBACf,oBAAC,IAAI;IAAC,IAAI,EAAEL,IAAK;IAAC,IAAI,EAAEG,IAAI,GAAG,CAAE;IAAC,KAAK,EAAEO;EAAU,EAAG,GACpD,IAAI,EACPL,OAAO,gBAAG,oBAAC,iBAAiB;IAAC,IAAI,EAAC,OAAO;IAAC,KAAK,EAAEK;EAAU,EAAG,GAAG,IAAI,CACjE,CACG;AAEhB,CAAC;AAED,MAAMI,MAAM,GAAGrB,UAAU,CAAC4B,MAAM,CAAC;EAC/BN,SAAS,EAAE;IACTI,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE,QAAQ;IACxB,GAAGxB,QAAQ,CAAC0B,MAAM,CAAC;MACjBC,GAAG,EAAE;QACHC,MAAM,EAAE,SAAS;QACjBC,UAAU,EAAE;MACd;IACF,CAAC;EACH;AACF,CAAC,CAAC;AAEF,eAAe5B,SAAS,CAACC,UAAU,CAAC"}

package/lib/module/components/Image.js

@@ -71,4 +71,5 @@ const Image = _ref2 => {
     style: style
   }));
 };
-export default Image;
+export default Image;
+//# sourceMappingURL=Image.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","flatten"],"sources":["Image.tsx"],"sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport {\n  Image as NativeImage,\n  ImageProps,\n  StyleSheet,\n  ImageSourcePropType,\n} from \"react-native\";\nimport Config from \"./Config\";\n\nimport AspectRatio from \"./AspectRatio\";\n\ntype ImageStyleProp = {\n  width?: number;\n  height?: number;\n  aspectRatio?: number;\n};\n\nconst generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {\n  if (aspectRatio && !width && !height) {\n    return {\n      aspectRatio,\n      width: \"100%\",\n    };\n  }\n\n  if (aspectRatio && height) {\n    return {\n      aspectRatio,\n      height,\n      width: aspectRatio * height,\n    };\n  }\n\n  if (aspectRatio && width) {\n    return {\n      aspectRatio,\n      width,\n      height: width / aspectRatio,\n    };\n  }\n\n  return { width, height };\n};\n\nconst Image: React.FC<ImageProps> = ({\n  source,\n  resizeMode = \"cover\",\n  style,\n  ...props\n}) => {\n  let imageSource =\n    source === null || source === undefined\n      ? Config.placeholderImageURL\n      : source;\n\n  const styles = StyleSheet.flatten(style || {});\n  const { aspectRatio, width, height } = generateDimensions(\n    styles as ImageStyleProp\n  );\n\n  if (aspectRatio) {\n    return (\n      <AspectRatio style={[style, { width, height, aspectRatio }]}>\n        <NativeImage\n          {...props}\n          source={imageSource as ImageSourcePropType}\n          resizeMode={resizeMode}\n          style={[\n            style,\n            {\n              height: \"100%\",\n              width: \"100%\",\n            },\n          ]}\n        />\n      </AspectRatio>\n    );\n  }\n\n  return (\n    <NativeImage\n      {...props}\n      source={source as ImageSourcePropType}\n      resizeMode={resizeMode}\n      style={style}\n    />\n  );\n};\n\nexport default Image;\n"],"mappings":";AAAA;AACA,OAAOA,KAAK,MAAM,OAAO;AACzB,SACEC,KAAK,IAAIC,WAAW,EAEpBC,UAAU,QAEL,cAAc;AACrB,OAAOC,MAAM,MAAM,UAAU;AAE7B,OAAOC,WAAW,MAAM,eAAe;AAQvC,MAAMC,kBAAkB,GAAG,QAAoD;EAAA,IAAnD;IAAEC,WAAW;IAAEC,KAAK;IAAEC;EAAuB,CAAC;EACxE,IAAIF,WAAW,IAAI,CAACC,KAAK,IAAI,CAACC,MAAM,EAAE;IACpC,OAAO;MACLF,WAAW;MACXC,KAAK,EAAE;IACT,CAAC;EACH;EAEA,IAAID,WAAW,IAAIE,MAAM,EAAE;IACzB,OAAO;MACLF,WAAW;MACXE,MAAM;MACND,KAAK,EAAED,WAAW,GAAGE;IACvB,CAAC;EACH;EAEA,IAAIF,WAAW,IAAIC,KAAK,EAAE;IACxB,OAAO;MACLD,WAAW;MACXC,KAAK;MACLC,MAAM,EAAED,KAAK,GAAGD;IAClB,CAAC;EACH;EAEA,OAAO;IAAEC,KAAK;IAAEC;EAAO,CAAC;AAC1B,CAAC;AAED,MAAMR,KAA2B,GAAG,SAK9B;EAAA,IAL+B;IACnCS,MAAM;IACNC,UAAU,GAAG,OAAO;IACpBC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,IAAIC,WAAW,GACbJ,MAAM,KAAK,IAAI,IAAIA,MAAM,KAAKK,SAAS,GACnCX,MAAM,CAACY,mBAAmB,GAC1BN,MAAM;EAEZ,MAAMO,MAAM,GAAGd,UAAU,CAACe,OAAO,CAACN,KAAK,IAAI,CAAC,CAAC,CAAC;EAC9C,MAAM;IAAEL,WAAW;IAAEC,KAAK;IAAEC;EAAO,CAAC,GAAGH,kBAAkB,CACvDW,MAAM,CACP;EAED,IAAIV,WAAW,EAAE;IACf,oBACE,oBAAC,WAAW;MAAC,KAAK,EAAE,CAACK,KAAK,EAAE;QAAEJ,KAAK;QAAEC,MAAM;QAAEF;MAAY,CAAC;IAAE,gBAC1D,oBAAC,WAAW,eACNM,KAAK;MACT,MAAM,EAAEC,WAAmC;MAC3C,UAAU,EAAEH,UAAW;MACvB,KAAK,EAAE,CACLC,KAAK,EACL;QACEH,MAAM,EAAE,MAAM;QACdD,KAAK,EAAE;MACT,CAAC;IACD,GACF,CACU;EAElB;EAEA,oBACE,oBAAC,WAAW,eACNK,KAAK;IACT,MAAM,EAAEH,MAA8B;IACtC,UAAU,EAAEC,UAAW;IACvB,KAAK,EAAEC;EAAM,GACb;AAEN,CAAC;AAED,eAAeX,KAAK"}

package/lib/module/components/Justification.js

@@ -1 +1,2 @@
-export {};
+
+//# sourceMappingURL=Justification.js.mapion.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["Justification.ts"],"sourcesContent":["export type justificationType =\n  | \"flex-start\"\n  | \"flex-end\"\n  | \"center\"\n  | \"space-between\"\n  | \"space-around\"\n  | \"space-evenly\"\n  | undefined;\n"],"mappings":""}

package/lib/module/components/Layout.js

@@ -112,4 +112,5 @@ export function Stack(_ref6) {
       }]
     }, rest), children)
   );
-}
+}
+//# sourceMappingURL=Layout.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Center","width","height","children","bgColor","style","rest","justifyContent","alignItems","backgroundColor","Circle","size","borderRadius","overflow","Square","Row","flexDirection","Spacer","top","right","bottom","left","paddingRight","paddingTop","paddingLeft","paddingBottom","Stack"],"sources":["Layout.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\n// @ts-ignore\nimport type { ViewStyleProp } from \"react-native/Libraries/StyleSheet/StyleSheet\";\n\nexport function Center({\n  width = 240,\n  height = 200,\n  children,\n  bgColor,\n  style,\n  ...rest\n}: {\n  width: number;\n  height: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        {\n          justifyContent: \"center\",\n          alignItems: \"center\",\n          width,\n          height,\n          backgroundColor: bgColor,\n        },\n        style,\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Circle({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  const borderRadius = 1000;\n  return (\n    <Center\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      style={[\n        style,\n        { backgroundColor: bgColor, borderRadius, overflow: \"hidden\" },\n      ]}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Square({\n  size = 50,\n  bgColor,\n  children,\n  style,\n  ...rest\n}: {\n  size: number;\n  bgColor: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <Center\n      style={style}\n      width={size}\n      height={size}\n      bgColor={bgColor}\n      {...rest}\n    >\n      {children}\n    </Center>\n  );\n}\n\nexport function Row({\n  justifyContent,\n  alignItems,\n  children,\n  style,\n  ...rest\n}: {\n  alignItems: ViewStyleProp.alignItems;\n  justifyContent: ViewStyleProp.justifyContent;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style, // style goes first b/c we can't override these\n        {\n          alignItems,\n          flexDirection: \"row\",\n          justifyContent: justifyContent,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Spacer({\n  top = 8,\n  right = 8,\n  bottom = 8,\n  left = 8,\n  children,\n  style,\n  ...rest\n}: {\n  top?: number;\n  right?: number;\n  left?: number;\n  bottom?: number;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    <View\n      style={[\n        style,\n        {\n          paddingRight: right,\n          paddingTop: top,\n          paddingLeft: left,\n          paddingBottom: bottom,\n        },\n      ]}\n      {...rest}\n    >\n      {children}\n    </View>\n  );\n}\n\nexport function Stack({\n  children,\n  justifyContent = \"flex-start\",\n  alignItems = \"flex-start\",\n  style,\n  ...rest\n}: {\n  justifyContent: ViewStyleProp.justifyContent;\n  alignItems: ViewStyleProp.alignItems;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}) {\n  return (\n    // style must go first since we don't want justifyContent, alignItems overridden\n    <View style={[style, { justifyContent, alignItems }]} {...rest}>\n      {children}\n    </View>\n  );\n}\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAA8B,cAAc;AACzD;;AAGA,OAAO,SAASC,MAAM,OAanB;EAAA,IAboB;IACrBC,KAAK,GAAG,GAAG;IACXC,MAAM,GAAG,GAAG;IACZC,QAAQ;IACRC,OAAO;IACPC,KAAK;IACL,GAAGC;EAOL,CAAC;EACC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEC,cAAc,EAAE,QAAQ;MACxBC,UAAU,EAAE,QAAQ;MACpBP,KAAK;MACLC,MAAM;MACNO,eAAe,EAAEL;IACnB,CAAC,EACDC,KAAK;EACL,GACEC,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEA,OAAO,SAASO,MAAM,QAWnB;EAAA,IAXoB;IACrBC,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,MAAMM,YAAY,GAAG,IAAI;EACzB,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP,OAAQ;IACjB,KAAK,EAAE,CACLC,KAAK,EACL;MAAEI,eAAe,EAAEL,OAAO;MAAEQ,YAAY;MAAEC,QAAQ,EAAE;IAAS,CAAC;EAC9D,GACEP,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEA,OAAO,SAASW,MAAM,QAWnB;EAAA,IAXoB;IACrBH,IAAI,GAAG,EAAE;IACTP,OAAO;IACPD,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,MAAM;IACL,KAAK,EAAED,KAAM;IACb,KAAK,EAAEM,IAAK;IACZ,MAAM,EAAEA,IAAK;IACb,OAAO,EAAEP;EAAQ,GACbE,IAAI,GAEPH,QAAQ,CACF;AAEb;AAEA,OAAO,SAASY,GAAG,QAWhB;EAAA,IAXiB;IAClBR,cAAc;IACdC,UAAU;IACVL,QAAQ;IACRE,KAAK;IACL,GAAGC;EAML,CAAC;EACC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLD,KAAK;IAAE;IACP;MACEG,UAAU;MACVQ,aAAa,EAAE,KAAK;MACpBT,cAAc,EAAEA;IAClB,CAAC;EACD,GACED,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEA,OAAO,SAASc,MAAM,QAenB;EAAA,IAfoB;IACrBC,GAAG,GAAG,CAAC;IACPC,KAAK,GAAG,CAAC;IACTC,MAAM,GAAG,CAAC;IACVC,IAAI,GAAG,CAAC;IACRlB,QAAQ;IACRE,KAAK;IACL,GAAGC;EAQL,CAAC;EACC,oBACE,oBAAC,IAAI;IACH,KAAK,EAAE,CACLD,KAAK,EACL;MACEiB,YAAY,EAAEH,KAAK;MACnBI,UAAU,EAAEL,GAAG;MACfM,WAAW,EAAEH,IAAI;MACjBI,aAAa,EAAEL;IACjB,CAAC;EACD,GACEd,IAAI,GAEPH,QAAQ,CACJ;AAEX;AAEA,OAAO,SAASuB,KAAK,QAWlB;EAAA,IAXmB;IACpBvB,QAAQ;IACRI,cAAc,GAAG,YAAY;IAC7BC,UAAU,GAAG,YAAY;IACzBH,KAAK;IACL,GAAGC;EAML,CAAC;EACC;IAAA;IACE;IACA,oBAAC,IAAI;MAAC,KAAK,EAAE,CAACD,KAAK,EAAE;QAAEE,cAAc;QAAEC;MAAW,CAAC;IAAE,GAAKF,IAAI,GAC3DH,QAAQ;EACJ;AAEX"}

package/lib/module/components/NumberInput.js

@@ -56,4 +56,5 @@ const NumberInput = _ref => {
     onChangeText: handleChangeText
   }, props));
 };
-export default NumberInput;
+export default NumberInput;
+//# sourceMappingURL=NumberInput.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","useEffect","useState","TextInput","isString","isNumber","isNaN","NumberInput","onChangeText","value","defaultValue","props","currentStringNumberValue","setCurrentStringNumberValue","formatValueToStringNumber","valueToFormat","test","slice","toString","defaultStringNumberValue","handleChangeText","newValue","newStringNumberValue","number","parseFloat","nextStringNumberValue"],"sources":["NumberInput.tsx"],"sourcesContent":["import React, { FC, useEffect, useState } from \"react\";\nimport { TextInput } from \"react-native\";\nimport { isString, isNumber, isNaN } from \"lodash\";\n\ninterface Props {\n  value?: number | string;\n  defaultValue?: number | string;\n  onChangeText?: (value?: number) => void;\n}\n\nconst NumberInput: FC<Props> = ({\n  onChangeText,\n  value,\n  defaultValue,\n  ...props\n}) => {\n  const [currentStringNumberValue, setCurrentStringNumberValue] = useState(\"0\");\n\n  const formatValueToStringNumber = (valueToFormat?: number | string) => {\n    if (valueToFormat != null) {\n      if (isString(valueToFormat) && valueToFormat !== \"\") {\n        if (/^0[1-9]$/.test(valueToFormat)) {\n          return valueToFormat.slice(1);\n        } else if (/^[+-]?([0-9]+\\.?[0-9]*|\\.[0-9]+)$/.test(valueToFormat)) {\n          return valueToFormat;\n        } else {\n          return currentStringNumberValue;\n        }\n      } else if (isNumber(valueToFormat) && !isNaN(valueToFormat)) {\n        return valueToFormat.toString();\n      }\n    }\n\n    return \"0\";\n  };\n\n  // set currentStringNumberValue as defaultValue prop if there is a differnce on first render only\n  useEffect(() => {\n    const defaultStringNumberValue = formatValueToStringNumber(defaultValue);\n\n    if (currentStringNumberValue !== defaultStringNumberValue) {\n      setCurrentStringNumberValue(defaultStringNumberValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  const handleChangeText = (newValue: string) => {\n    const newStringNumberValue = formatValueToStringNumber(newValue);\n    const number = parseFloat(newStringNumberValue);\n\n    setCurrentStringNumberValue(newStringNumberValue);\n    onChangeText?.(number);\n  };\n\n  // run handleChangeText with value prop only when value prop changes (and first render to reset currentStringNumberValue)\n  useEffect(() => {\n    const nextStringNumberValue = formatValueToStringNumber(value);\n\n    if (currentStringNumberValue !== nextStringNumberValue) {\n      handleChangeText(nextStringNumberValue);\n    }\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, [value]);\n\n  return (\n    <TextInput\n      keyboardType=\"numeric\"\n      value={currentStringNumberValue}\n      onChangeText={handleChangeText}\n      {...props}\n    />\n  );\n};\n\nexport default NumberInput;\n"],"mappings":";AAAA,OAAOA,KAAK,IAAQC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AACtD,SAASC,SAAS,QAAQ,cAAc;AACxC,SAASC,QAAQ,EAAEC,QAAQ,EAAEC,KAAK,QAAQ,QAAQ;AAQlD,MAAMC,WAAsB,GAAG,QAKzB;EAAA,IAL0B;IAC9BC,YAAY;IACZC,KAAK;IACLC,YAAY;IACZ,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,wBAAwB,EAAEC,2BAA2B,CAAC,GAAGX,QAAQ,CAAC,GAAG,CAAC;EAE7E,MAAMY,yBAAyB,GAAIC,aAA+B,IAAK;IACrE,IAAIA,aAAa,IAAI,IAAI,EAAE;MACzB,IAAIX,QAAQ,CAACW,aAAa,CAAC,IAAIA,aAAa,KAAK,EAAE,EAAE;QACnD,IAAI,UAAU,CAACC,IAAI,CAACD,aAAa,CAAC,EAAE;UAClC,OAAOA,aAAa,CAACE,KAAK,CAAC,CAAC,CAAC;QAC/B,CAAC,MAAM,IAAI,mCAAmC,CAACD,IAAI,CAACD,aAAa,CAAC,EAAE;UAClE,OAAOA,aAAa;QACtB,CAAC,MAAM;UACL,OAAOH,wBAAwB;QACjC;MACF,CAAC,MAAM,IAAIP,QAAQ,CAACU,aAAa,CAAC,IAAI,CAACT,KAAK,CAACS,aAAa,CAAC,EAAE;QAC3D,OAAOA,aAAa,CAACG,QAAQ,EAAE;MACjC;IACF;IAEA,OAAO,GAAG;EACZ,CAAC;;EAED;EACAjB,SAAS,CAAC,MAAM;IACd,MAAMkB,wBAAwB,GAAGL,yBAAyB,CAACJ,YAAY,CAAC;IAExE,IAAIE,wBAAwB,KAAKO,wBAAwB,EAAE;MACzDN,2BAA2B,CAACM,wBAAwB,CAAC;IACvD;IACA;EACF,CAAC,EAAE,EAAE,CAAC;EAEN,MAAMC,gBAAgB,GAAIC,QAAgB,IAAK;IAC7C,MAAMC,oBAAoB,GAAGR,yBAAyB,CAACO,QAAQ,CAAC;IAChE,MAAME,MAAM,GAAGC,UAAU,CAACF,oBAAoB,CAAC;IAE/CT,2BAA2B,CAACS,oBAAoB,CAAC;IACjDd,YAAY,aAAZA,YAAY,uBAAZA,YAAY,CAAGe,MAAM,CAAC;EACxB,CAAC;;EAED;EACAtB,SAAS,CAAC,MAAM;IACd,MAAMwB,qBAAqB,GAAGX,yBAAyB,CAACL,KAAK,CAAC;IAE9D,IAAIG,wBAAwB,KAAKa,qBAAqB,EAAE;MACtDL,gBAAgB,CAACK,qBAAqB,CAAC;IACzC;IACA;EACF,CAAC,EAAE,CAAChB,KAAK,CAAC,CAAC;EAEX,oBACE,oBAAC,SAAS;IACR,YAAY,EAAC,SAAS;IACtB,KAAK,EAAEG,wBAAyB;IAChC,YAAY,EAAEQ;EAAiB,GAC3BT,KAAK,EACT;AAEN,CAAC;AAED,eAAeJ,WAAW"}

package/lib/module/components/Picker/Picker.js

@@ -244,7 +244,6 @@ const Picker = _ref => {
     }))) : null)
   );
 };
-export default withTheme(Picker);
 const styles = StyleSheet.create({
   marginsContainer: {
     alignSelf: "stretch",
@@ -314,4 +313,6 @@ const styles = StyleSheet.create({
     maxWidth: deviceWidth,
     maxHeight: deviceHeight
   }
-});
+});
+export default withTheme(Picker);
+//# sourceMappingURL=Picker.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Text","Platform","Dimensions","omit","pickBy","identity","isObject","SafeAreaView","Picker","NativePicker","withTheme","Portal","Button","Touchable","extractStyles","extractBorderAndMarginStyles","borderStyleNames","marginStyleNames","normalizeOptions","options","length","map","option","label","String","value","Error","width","deviceWidth","height","deviceHeight","get","isIos","OS","unstyledColor","disabledColor","errorColor","error","onValueChange","defaultValue","Icon","style","placeholder","disabled","theme","assistiveText","iconColor","iconSize","leftIconMode","leftIconName","placeholderTextColor","rightIconName","type","androidPickerRef","useRef","undefined","internalValue","setInternalValue","useState","pickerVisible","setPickerVisible","togglePickerVisible","useEffect","current","focus","normalizedOptions","pickerOptions","colors","viewStyles","textStyles","additionalBorderStyles","additionalMarginStyles","borderStyles","extractedBorderStyles","marginStyles","extractedMarginStyles","borderTopLeftRadius","borderTopRightRadius","borderBottomRightRadius","borderBottomLeftRadius","borderTopWidth","borderRightWidth","borderLeftWidth","borderBottomWidth","borderColor","borderStyle","backgroundColor","stylesWithoutBordersAndMargins","selectedLabel","find","labelText","textAlign","color","fontSize","paddingBottom","leftIconOutset","leftIcon","marginRight","marginLeft","rightIcon","calculateLeftPadding","Math","abs","assistiveTextLabel","paddingLeft","paddingTop","primaryTextStyle","handleValueChange","newValue","itemIndex","styles","marginsContainer","touchableContainer","outsetContainer","insetContainer","primaryTextContainer","iosPicker","divider","iosSafeArea","iosButton","iosNativePicker","nonIosPicker","create","alignSelf","alignItems","maxWidth","flex","flexDirection","justifyContent","paddingRight","position","bottom","left","right","maxHeight","opacity","top"],"sources":["Picker.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Text,\n  Platform,\n  ViewStyle,\n  StyleProp,\n  Dimensions,\n} from \"react-native\";\nimport { omit, pickBy, identity, isObject } from \"lodash\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport Touchable from \"../Touchable\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport {\n  extractStyles,\n  extractBorderAndMarginStyles,\n  borderStyleNames,\n  marginStyleNames,\n} from \"../../utilities\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport type PickerProps = {\n  error?: any;\n  placeholder?: string;\n  disabled?: boolean;\n  style?: StyleProp<ViewStyle> & { height?: number };\n  value?: string;\n  options: PickerOption[] | string[];\n  onValueChange: (value: string, index: number) => void;\n  defaultValue?: string;\n  assistiveText?: string;\n  label?: string;\n  iconColor?: string;\n  iconSize?: number;\n  leftIconMode?: \"inset\" | \"outset\";\n  leftIconName?: string;\n  placeholderTextColor?: string;\n  rightIconName?: string;\n  type?: \"solid\" | \"underline\";\n  theme: Theme;\n  Icon: IconSlot[\"Icon\"];\n};\n\nfunction normalizeOptions(options: PickerProps[\"options\"]): PickerOption[] {\n  if (options.length === 0) {\n    return [];\n  }\n\n  if (typeof options[0] === (\"string\" || \"number\")) {\n    return (options as string[]).map((option) => ({\n      label: String(option),\n      value: String(option),\n    }));\n  }\n\n  if (\n    isObject(options[0]) &&\n    options[0].value !== null &&\n    options[0].label !== null\n  ) {\n    return (options as PickerOption[]).map((option) => {\n      return {\n        label: String(option.label),\n        value: String(option.value),\n      };\n    });\n  }\n\n  throw new Error(\n    'Picker options must be either an array of strings or array of { \"label\": string; \"value\": string; } objects.'\n  );\n}\n\nconst { width: deviceWidth, height: deviceHeight } = Dimensions.get(\"screen\");\nconst isIos = Platform.OS === \"ios\";\nconst unstyledColor = \"rgba(165, 173, 183, 1)\";\nconst disabledColor = \"rgb(240, 240, 240)\";\nconst errorColor = \"rgba(255, 69, 100, 1)\";\n\nconst Picker: React.FC<PickerProps> = ({\n  error,\n  options = [],\n  onValueChange,\n  defaultValue,\n  Icon,\n  style,\n  placeholder,\n  value,\n  disabled = false,\n  theme,\n  assistiveText,\n  label,\n  iconColor = unstyledColor,\n  iconSize = 24,\n  leftIconMode = \"inset\",\n  leftIconName,\n  placeholderTextColor = unstyledColor,\n  rightIconName,\n  type = \"solid\",\n}) => {\n  const androidPickerRef = React.useRef<any | undefined>(undefined);\n\n  const [internalValue, setInternalValue] = React.useState<string | undefined>(\n    value || defaultValue\n  );\n\n  const [pickerVisible, setPickerVisible] = React.useState(false);\n\n  const togglePickerVisible = () => {\n    setPickerVisible(!pickerVisible);\n  };\n\n  React.useEffect(() => {\n    if (value != null) {\n      setInternalValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  React.useEffect(() => {\n    if (pickerVisible && androidPickerRef.current) {\n      androidPickerRef?.current?.focus();\n    }\n  }, [pickerVisible, androidPickerRef]);\n\n  const normalizedOptions = normalizeOptions(options);\n\n  const pickerOptions = placeholder\n    ? [{ value: placeholder, label: placeholder }, ...normalizedOptions]\n    : normalizedOptions;\n\n  const { colors } = theme;\n\n  const { viewStyles, textStyles } = extractStyles(style);\n\n  const additionalBorderStyles = [\"backgroundColor\"];\n\n  const additionalMarginStyles = [\n    \"bottom\",\n    \"height\",\n    \"left\",\n    \"maxHeight\",\n    \"maxWidth\",\n    \"minHeight\",\n    \"minWidth\",\n    \"overflow\",\n    \"position\",\n    \"right\",\n    \"top\",\n    \"width\",\n    \"zIndex\",\n  ];\n\n  const {\n    borderStyles: extractedBorderStyles,\n    marginStyles: extractedMarginStyles,\n  } = extractBorderAndMarginStyles(\n    viewStyles,\n    additionalBorderStyles,\n    additionalMarginStyles\n  );\n\n  const borderStyles = {\n    ...{\n      ...(type === \"solid\"\n        ? {\n            borderTopLeftRadius: 5,\n            borderTopRightRadius: 5,\n            borderBottomRightRadius: 5,\n            borderBottomLeftRadius: 5,\n            borderTopWidth: 1,\n            borderRightWidth: 1,\n            borderLeftWidth: 1,\n          }\n        : {}),\n      borderBottomWidth: 1,\n      borderColor: unstyledColor,\n      borderStyle: \"solid\",\n    },\n    ...extractedBorderStyles,\n    ...(error ? { borderColor: errorColor } : {}),\n    ...(disabled\n      ? { borderColor: \"transparent\", backgroundColor: disabledColor }\n      : {}),\n  };\n\n  const marginStyles = {\n    height: 60,\n    ...extractedMarginStyles,\n  };\n\n  const stylesWithoutBordersAndMargins = omit(viewStyles, [\n    ...borderStyleNames,\n    ...marginStyleNames,\n    ...additionalBorderStyles,\n    ...additionalMarginStyles,\n  ]);\n\n  const selectedLabel =\n    internalValue &&\n    ((pickerOptions as unknown as PickerOption[]).find(\n      (option) => option.value === internalValue\n    )?.label ??\n      internalValue);\n\n  const labelText = label ? (\n    <Text\n      style={{\n        textAlign: textStyles.textAlign,\n        color: unstyledColor,\n        fontSize: 12,\n        paddingBottom: 4,\n      }}\n    >\n      {label}\n    </Text>\n  ) : null;\n\n  const leftIconOutset = leftIconMode === \"outset\";\n\n  const leftIcon = leftIconName ? (\n    <Icon\n      name={leftIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: 4,\n        marginLeft: 4,\n      }}\n    />\n  ) : null;\n\n  const rightIcon = rightIconName ? (\n    <Icon\n      name={rightIconName}\n      color={disabled ? unstyledColor : iconColor}\n      size={iconSize}\n      style={{\n        marginRight: -10,\n        marginLeft: 8,\n      }}\n    />\n  ) : null;\n\n  const textAlign = textStyles?.textAlign;\n\n  const calculateLeftPadding = () => {\n    if (leftIconOutset) {\n      if (textAlign === \"center\") {\n        return iconSize - Math.abs(8 - iconSize);\n      }\n\n      return iconSize + 8;\n    }\n\n    return 0;\n  };\n\n  const assistiveTextLabel = assistiveText ? (\n    <Text\n      style={{\n        textAlign,\n        width: \"100%\",\n        paddingLeft: calculateLeftPadding(),\n        color: unstyledColor,\n        fontSize: 12,\n        paddingTop: 4,\n      }}\n    >\n      {assistiveText}\n    </Text>\n  ) : null;\n\n  const primaryTextStyle = {\n    color: unstyledColor,\n    fontSize: 14,\n    ...pickBy(textStyles, identity),\n    ...(placeholder === internalValue ? { color: placeholderTextColor } : {}),\n    ...(disabled ? { color: unstyledColor } : {}),\n  };\n\n  const handleValueChange = (newValue: string, itemIndex: number) => {\n    if (!placeholder || itemIndex > 0) {\n      onValueChange?.(newValue, itemIndex);\n    }\n    setInternalValue(newValue);\n  };\n\n  return (\n    /* marginsContainer */\n    <View style={[styles.marginsContainer, marginStyles]}>\n      {/* touchableContainer */}\n      <Touchable\n        disabled={disabled}\n        onPress={togglePickerVisible}\n        style={styles.touchableContainer}\n      >\n        {/* outsetContainer */}\n        <View\n          pointerEvents=\"none\"\n          style={[\n            styles.outsetContainer,\n            stylesWithoutBordersAndMargins,\n            !leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n          ]}\n        >\n          {leftIcon}\n\n          {/* insetContainer */}\n          <View\n            style={[\n              styles.insetContainer,\n              leftIconOutset ? (borderStyles as PickerProps[\"style\"]) : {},\n            ]}\n          >\n            {/* primaryTextContainer */}\n            <View style={styles.primaryTextContainer}>\n              {labelText}\n\n              <Text style={primaryTextStyle}>\n                {String(selectedLabel ?? placeholder)}\n              </Text>\n            </View>\n\n            {rightIcon}\n          </View>\n        </View>\n        {assistiveTextLabel}\n      </Touchable>\n\n      {/* iosPicker */}\n      {isIos && pickerVisible ? (\n        <Portal>\n          <View\n            style={[\n              styles.iosPicker,\n              {\n                backgroundColor: colors.divider,\n              },\n            ]}\n          >\n            <SafeAreaView style={styles.iosSafeArea}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={togglePickerVisible}\n                style={styles.iosButton}\n              >\n                {\"Close\"}\n              </Button>\n\n              <NativePicker\n                style={styles.iosNativePicker}\n                selectedValue={internalValue}\n                onValueChange={handleValueChange}\n              >\n                {(pickerOptions as unknown as PickerOption[]).map((option) => (\n                  <NativePicker.Item\n                    label={option.label}\n                    value={option.value}\n                    key={option.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      ) : null}\n\n      {/* nonIosPicker */}\n      {!isIos && pickerVisible ? (\n        <NativePicker\n          enabled={pickerVisible}\n          selectedValue={internalValue}\n          onValueChange={handleValueChange}\n          style={styles.nonIosPicker}\n          ref={androidPickerRef}\n          onBlur={() => setPickerVisible(false)}\n        >\n          {(pickerOptions as unknown as PickerOption[]).map((option) => (\n            <NativePicker.Item\n              label={option.label}\n              value={option.value}\n              key={option.value}\n            />\n          ))}\n        </NativePicker>\n      ) : null}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  marginsContainer: {\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  touchableContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    alignSelf: \"stretch\",\n    alignItems: \"center\",\n  },\n  outsetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n  },\n  insetContainer: {\n    flex: 1,\n    height: \"100%\",\n    width: \"100%\",\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"space-between\",\n    paddingLeft: 12,\n    paddingRight: 12,\n  },\n  primaryTextContainer: {\n    flex: 1,\n  },\n  iosPicker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n  iosSafeArea: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n    maxWidth: deviceWidth,\n  },\n  iosButton: {\n    alignSelf: \"flex-end\",\n  },\n  iosNativePicker: {\n    backgroundColor: \"white\",\n  },\n  nonIosPicker: {\n    opacity: 0,\n    position: \"absolute\",\n    top: 0,\n    left: 0,\n    right: 0,\n    bottom: 0,\n    width: \"100%\",\n    maxWidth: deviceWidth,\n    maxHeight: deviceHeight,\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.android.js

@@ -104,4 +104,5 @@ const styles = StyleSheet.create({
     alignSelf: "stretch"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.android.js.map

package/lib/module/components/Picker/PickerComponent.android.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","omit","withTheme","Picker","NativePicker","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"sources":["PickerComponent.android.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.ios.js

@@ -128,4 +128,5 @@ const styles = StyleSheet.create({
     alignSelf: "flex-end"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.ios.js.map

package/lib/module/components/Picker/PickerComponent.ios.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","SafeAreaView","omit","Picker","NativePicker","withTheme","Portal","Button","TextField","Touchable","extractStyles","Icon","style","options","placeholder","selectedValue","disabled","onValueChange","theme","colors","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","pickerVisible","setIsPickerVisible","useState","toggleVisibility","current","toggleFocus","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","String","picker","divider","pickerContainer","closeButton","map","create","alignSelf","position","bottom","left","right","flexDirection","justifyContent","width"],"sources":["PickerComponent.ios.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { SafeAreaView } from \"react-native-safe-area-context\";\nimport omit from \"lodash.omit\";\n\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\n\nimport { withTheme } from \"../../theming\";\n\nimport Portal from \"../Portal/Portal\";\nimport Button from \"../DeprecatedButton\";\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\nimport { extractStyles } from \"../../utilities\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nconst Picker: React.FC<PickerComponentProps & IconSlot> = ({\n  Icon,\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange = () => {},\n  theme: { colors },\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n  const [pickerVisible, setIsPickerVisible] = React.useState(false);\n\n  const toggleVisibility = () => {\n    setIsPickerVisible(!pickerVisible);\n    // @ts-ignore\n    textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <View style={[styles.container, viewStyles]}>\n      <Touchable disabled={disabled} onPress={toggleVisibility}>\n        <TextField\n          {...props}\n          value={String(selectedLabel)}\n          placeholder={placeholder}\n          // @ts-ignore\n          ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n          disabled={disabled}\n          pointerEvents=\"none\"\n          // @ts-expect-error\n          style={stylesWithoutMargin}\n          Icon={Icon}\n        />\n      </Touchable>\n      {pickerVisible && (\n        <Portal>\n          <View style={[styles.picker, { backgroundColor: colors.divider }]}>\n            <SafeAreaView style={styles.pickerContainer}>\n              <Button\n                Icon={Icon}\n                type=\"text\"\n                onPress={toggleVisibility}\n                style={styles.closeButton}\n              >\n                Close\n              </Button>\n              <NativePicker\n                style={{ backgroundColor: \"white\" }}\n                selectedValue={selectedValue}\n                onValueChange={onValueChange}\n              >\n                {options.map((o: any) => (\n                  <NativePicker.Item\n                    label={o.label}\n                    value={o.value}\n                    key={o.value}\n                  />\n                ))}\n              </NativePicker>\n            </SafeAreaView>\n          </View>\n        </Portal>\n      )}\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n  picker: {\n    position: \"absolute\",\n    bottom: 0,\n    left: 0,\n    right: 0,\n    flexDirection: \"row\",\n    justifyContent: \"center\",\n  },\n  pickerContainer: {\n    backgroundColor: \"white\",\n    flexDirection: \"column\",\n    width: \"100%\",\n  },\n  closeButton: {\n    alignSelf: \"flex-end\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerComponent.web.js

@@ -105,4 +105,5 @@ const styles = StyleSheet.create({
     alignSelf: "stretch"
   }
 });
-export default withTheme(Picker);
+export default withTheme(Picker);
+//# sourceMappingURL=PickerComponent.web.js.map

package/lib/module/components/Picker/PickerComponent.web.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","Picker","NativePicker","omit","withTheme","extractStyles","TextField","Touchable","style","options","placeholder","selectedValue","disabled","onValueChange","onValueChangeOverride","props","viewStyles","borderRadius","borderWidth","borderTopWidth","borderRightWidth","borderBottomWidth","borderLeftWidth","borderColor","backgroundColor","padding","paddingTop","paddingRight","paddingBottom","paddingLeft","textField","useRef","undefined","itemValue","itemIndex","toggleFocus","current","stylesWithoutMargin","flatten","selectedLabel","find","o","value","label","styles","container","flex","opacity","position","top","left","right","bottom","width","map","create","alignSelf"],"sources":["PickerComponent.web.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport { Picker as NativePicker } from \"@react-native-picker/picker\";\nimport omit from \"lodash.omit\";\nimport { withTheme } from \"../../theming\";\nimport { extractStyles } from \"../../utilities\";\n\nimport TextField from \"../TextField\";\nimport Touchable from \"../Touchable\";\nimport { PickerComponentProps } from \"./PickerTypes\";\n\nconst Picker: React.FC<PickerComponentProps> = ({\n  style,\n  options,\n  placeholder,\n  selectedValue,\n  disabled = false,\n  onValueChange: onValueChangeOverride = () => {},\n  ...props\n}) => {\n  const {\n    viewStyles: {\n      borderRadius, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderTopWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderRightWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderBottomWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderLeftWidth, // eslint-disable-line @typescript-eslint/no-unused-vars\n      borderColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      backgroundColor, // eslint-disable-line @typescript-eslint/no-unused-vars\n      padding, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingTop, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingRight, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingBottom, // eslint-disable-line @typescript-eslint/no-unused-vars\n      paddingLeft, // eslint-disable-line @typescript-eslint/no-unused-vars\n      ...viewStyles\n    },\n  } = extractStyles(style);\n\n  const textField = React.useRef<typeof TextField | undefined>(undefined);\n\n  const onValueChange = (itemValue: string, itemIndex: number) => {\n    toggleFocus();\n    onValueChangeOverride(itemValue, itemIndex);\n  };\n\n  const toggleFocus = () => {\n    if (!disabled) {\n      // @ts-ignore\n      textField.current.toggleFocus(); // cannot determine if method exists due to component being wrapped in a withTheme()\n    }\n  };\n\n  const stylesWithoutMargin =\n    style &&\n    omit(StyleSheet.flatten(style), [\n      \"margin\",\n      \"marginTop\",\n      \"marginRight\",\n      \"marginBottom\",\n      \"marginLeft\",\n    ]);\n\n  const selectedLabel =\n    selectedValue &&\n    (options.find((o) => o.value === selectedValue)?.label ?? selectedValue);\n\n  return (\n    <Touchable\n      disabled={disabled}\n      onPress={toggleFocus}\n      style={[styles.container, viewStyles]}\n    >\n      <View>\n        <NativePicker\n          enabled={!disabled}\n          selectedValue={selectedValue}\n          onValueChange={onValueChange}\n          style={{\n            flex: 1,\n            opacity: 0,\n            position: \"absolute\",\n            top: 0,\n            left: 0,\n            right: 0,\n            bottom: 0,\n            width: \"100%\",\n          }}\n        >\n          {options.map((o) => (\n            <NativePicker.Item label={o.label} value={o.value} key={o.value} />\n          ))}\n        </NativePicker>\n        <View pointerEvents=\"none\">\n          <TextField\n            {...props}\n            value={selectedLabel}\n            placeholder={placeholder}\n            // @ts-ignore\n            ref={textField} // cannot determine if ref is of correct type due to component being wrapped in a withTheme()\n            disabled={disabled}\n            // @ts-expect-error\n            style={stylesWithoutMargin}\n          />\n        </View>\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    alignSelf: \"stretch\",\n  },\n});\n\nexport default withTheme(Picker);\n"],"mappings":"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"}

package/lib/module/components/Picker/PickerTypes.js

@@ -1 +1,2 @@
-export {};
+export {};
+//# sourceMappingURL=PickerTypes.js.map

package/lib/module/components/Picker/PickerTypes.js.map

@@ -0,0 +1 @@
+{"version":3,"names":[],"sources":["PickerTypes.ts"],"sourcesContent":["import { ViewStyle } from \"react-native\";\nimport { StyleProp } from \"react-native\";\nimport { Props as TextFieldProps } from \"../TextField\";\n\nexport interface PickerOption {\n  value: string;\n  label: string;\n}\n\nexport interface PickerComponentProps extends TextFieldProps {\n  style?: StyleProp<ViewStyle> & { height?: number };\n  options: PickerOption[];\n  placeholder?: string;\n  selectedValue: string;\n  disabled?: boolean;\n  onValueChange?: (value: string, index: number) => void;\n  defaultValue?: string;\n}\n"],"mappings":""}

package/lib/module/components/Portal/Portal.js

@@ -42,4 +42,5 @@ class Portal extends React.Component {
   }
 }
 _defineProperty(Portal, "Host", PortalHost);
-export default withTheme(Portal);
+export default withTheme(Portal);
+//# sourceMappingURL=Portal.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","PortalConsumer","PortalHost","PortalContext","ThemeProvider","withTheme","Portal","Component","render","children","theme","props","manager"],"sources":["Portal.tsx"],"sourcesContent":["import * as React from \"react\";\nimport PortalConsumer from \"./PortalConsumer\";\nimport PortalHost, { PortalContext, PortalMethods } from \"./PortalHost\";\nimport { ThemeProvider, withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  /**\n   * Content of the `Portal`.\n   */\n  children: React.ReactNode;\n  /**\n   * @optional\n   */\n  theme: Theme;\n};\n\n/**\n * Portal allows to render a component at a different place in the parent tree.\n * You can use it to render content which should appear above other elements, similar to `Modal`.\n * It requires a [`Portal.Host`](portal-host.html) component to be rendered somewhere in the parent tree.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Portal, Text } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n *   render() {\n *     return (\n *       <Portal>\n *         <Text>This is rendered at a different place</Text>\n *       </Portal>\n *     );\n *   }\n * }\n * ```\n */\nclass Portal extends React.Component<Props> {\n  // @component ./PortalHost.tsx\n  static Host = PortalHost;\n\n  render() {\n    const { children, theme } = this.props;\n\n    return (\n      <PortalContext.Consumer>\n        {(manager) => (\n          <PortalConsumer manager={manager as PortalMethods}>\n            {/* @ts-ignore */}\n            <ThemeProvider theme={theme}>{children}</ThemeProvider>\n          </PortalConsumer>\n        )}\n      </PortalContext.Consumer>\n    );\n  }\n}\n\nexport default withTheme(Portal);\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,cAAc,MAAM,kBAAkB;AAC7C,OAAOC,UAAU,IAAIC,aAAa,QAAuB,cAAc;AACvE,SAASC,aAAa,EAAEC,SAAS,QAAQ,eAAe;AAcxD;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA,MAAMC,MAAM,SAASN,KAAK,CAACO,SAAS,CAAQ;EAC1C;;EAGAC,MAAM,GAAG;IACP,MAAM;MAAEC,QAAQ;MAAEC;IAAM,CAAC,GAAG,IAAI,CAACC,KAAK;IAEtC,oBACE,oBAAC,aAAa,CAAC,QAAQ,QACnBC,OAAO,iBACP,oBAAC,cAAc;MAAC,OAAO,EAAEA;IAAyB,gBAEhD,oBAAC,aAAa;MAAC,KAAK,EAAEF;IAAM,GAAED,QAAQ,CAAiB,CAE1D,CACsB;EAE7B;AACF;AAAC,gBAlBKH,MAAM,UAEIJ,UAAU;AAkB1B,eAAeG,SAAS,CAACC,MAAM,CAAC"}

package/lib/module/components/Portal/PortalConsumer.js

@@ -30,4 +30,5 @@ export default class PortalConsumer extends React.Component {
   render() {
     return null;
   }
-}
+}
+//# sourceMappingURL=PortalConsumer.js.map

package/lib/module/components/Portal/PortalConsumer.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","PortalConsumer","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"sources":["PortalConsumer.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { PortalMethods } from \"./PortalHost\";\n\ntype Props = {\n  manager: PortalMethods;\n  children: React.ReactNode;\n};\n\nexport default class PortalConsumer extends React.Component<Props> {\n  async componentDidMount() {\n    this.checkManager();\n\n    // Delay updating to prevent React from going to infinite loop\n    await Promise.resolve();\n\n    this.key = this.props.manager.mount(this.props.children);\n  }\n\n  componentDidUpdate() {\n    this.checkManager();\n\n    this.props.manager.update(this.key, this.props.children);\n  }\n\n  componentWillUnmount() {\n    this.checkManager();\n\n    this.props.manager.unmount(this.key);\n  }\n\n  private key: any;\n\n  private checkManager() {\n    if (!this.props.manager) {\n      throw new Error(\n        \"Looks like you forgot to wrap your root component with `Provider` component from `react-native-paper`.\\n\\n\" +\n          \"Please read our getting-started guide and make sure you've followed all the required steps.\\n\\n\" +\n          \"https://callstack.github.io/react-native-paper/getting-started.html\"\n      );\n    }\n  }\n\n  render() {\n    return null;\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAQ9B,eAAe,MAAMC,cAAc,SAASD,KAAK,CAACE,SAAS,CAAQ;EAAA;IAAA;IAAA;EAAA;EACjE,MAAMC,iBAAiB,GAAG;IACxB,IAAI,CAACC,YAAY,EAAE;;IAEnB;IACA,MAAMC,OAAO,CAACC,OAAO,EAAE;IAEvB,IAAI,CAACC,GAAG,GAAG,IAAI,CAACC,KAAK,CAACC,OAAO,CAACC,KAAK,CAAC,IAAI,CAACF,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAC,kBAAkB,GAAG;IACnB,IAAI,CAACR,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACI,MAAM,CAAC,IAAI,CAACN,GAAG,EAAE,IAAI,CAACC,KAAK,CAACG,QAAQ,CAAC;EAC1D;EAEAG,oBAAoB,GAAG;IACrB,IAAI,CAACV,YAAY,EAAE;IAEnB,IAAI,CAACI,KAAK,CAACC,OAAO,CAACM,OAAO,CAAC,IAAI,CAACR,GAAG,CAAC;EACtC;EAIQH,YAAY,GAAG;IACrB,IAAI,CAAC,IAAI,CAACI,KAAK,CAACC,OAAO,EAAE;MACvB,MAAM,IAAIO,KAAK,CACb,4GAA4G,GAC1G,iGAAiG,GACjG,qEAAqE,CACxE;IACH;EACF;EAEAC,MAAM,GAAG;IACP,OAAO,IAAI;EACb;AACF"}

package/lib/module/components/Portal/PortalHost.js

@@ -122,4 +122,5 @@ const styles = StyleSheet.create({
   container: {
     flex: 1
   }
-});
+});
+//# sourceMappingURL=PortalHost.js.map

package/lib/module/components/Portal/PortalHost.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","PortalManager","PortalContext","createContext","PortalHost","Component","manager","children","key","nextKey","mount","queue","push","type","update","op","index","findIndex","o","unmount","componentDidMount","length","action","pop","render","styles","container","props","setManager","create","flex"],"sources":["PortalHost.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\nimport PortalManager from \"./PortalManager\";\n\ntype Props = {\n  children: React.ReactNode;\n};\n\ntype Operation =\n  | { type: \"mount\"; key: number; children: React.ReactNode }\n  | { type: \"update\"; key: number; children: React.ReactNode }\n  | { type: \"unmount\"; key: number };\n\nexport type PortalMethods = {\n  mount: (children: React.ReactNode) => number;\n  update: (key: number, children: React.ReactNode) => void;\n  unmount: (key: number) => void;\n};\n\nexport const PortalContext = React.createContext<PortalMethods>(null as any);\n\n/**\n * Portal host renders all of its children `Portal` elements.\n * For example, you can wrap a screen in `Portal.Host` to render items above the screen.\n * If you're using the `Provider` component, it already includes `Portal.Host`.\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Text } from 'react-native';\n * import { Portal } from 'react-native-paper';\n *\n * export default class MyComponent extends React.Component {\n *   render() {\n *     return (\n *       <Portal.Host>\n *         <Text>Content of the app</Text>\n *       </Portal.Host>\n *     );\n *   }\n * }\n * ```\n *\n * Here any `Portal` elements under `<App />` are rendered alongside `<App />` and will appear above `<App />` like a `Modal`.\n */\nexport default class PortalHost extends React.Component<Props> {\n  static displayName = \"Portal.Host\";\n\n  componentDidMount() {\n    const manager = this.manager;\n    const queue = this.queue;\n\n    while (queue.length && manager) {\n      const action = queue.pop();\n      if (action) {\n        switch (action.type) {\n          case \"mount\":\n            manager.mount(action.key, action.children);\n            break;\n          case \"update\":\n            manager.update(action.key, action.children);\n            break;\n          case \"unmount\":\n            manager.unmount(action.key);\n            break;\n        }\n      }\n    }\n  }\n\n  private setManager = (manager: PortalManager | undefined | null) => {\n    this.manager = manager;\n  };\n\n  private mount = (children: React.ReactNode) => {\n    const key = this.nextKey++;\n\n    if (this.manager) {\n      this.manager.mount(key, children);\n    } else {\n      this.queue.push({ type: \"mount\", key, children });\n    }\n\n    return key;\n  };\n\n  private update = (key: number, children: React.ReactNode) => {\n    if (this.manager) {\n      this.manager.update(key, children);\n    } else {\n      const op = { type: \"mount\", key, children };\n      const index = this.queue.findIndex(\n        (o) => o.type === \"mount\" || (o.type === \"update\" && o.key === key)\n      );\n\n      if (index > -1) {\n        // @ts-ignore\n        this.queue[index] = op;\n      } else {\n        this.queue.push(op as Operation);\n      }\n    }\n  };\n\n  private unmount = (key: number) => {\n    if (this.manager) {\n      this.manager.unmount(key);\n    } else {\n      this.queue.push({ type: \"unmount\", key });\n    }\n  };\n\n  private nextKey = 0;\n  private queue: Operation[] = [];\n  private manager: PortalManager | null | undefined;\n\n  render() {\n    return (\n      <PortalContext.Provider\n        value={{\n          mount: this.mount,\n          update: this.update,\n          unmount: this.unmount,\n        }}\n      >\n        {/* Need collapsable=false here to clip the elevations, otherwise they appear above Portal components */}\n        <View\n          style={styles.container}\n          collapsable={false}\n          pointerEvents=\"box-none\"\n        >\n          {this.props.children}\n        </View>\n        <PortalManager ref={this.setManager} />\n      </PortalContext.Provider>\n    );\n  }\n}\n\nconst styles = StyleSheet.create({\n  container: {\n    flex: 1,\n  },\n});\n"],"mappings":"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"}

package/lib/module/components/Portal/PortalManager.js

@@ -50,4 +50,5 @@ export default class PortalManager extends React.PureComponent {
       }, children);
     });
   }
-}
+}
+//# sourceMappingURL=PortalManager.js.map

package/lib/module/components/Portal/PortalManager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","StyleSheet","PortalManager","PureComponent","portals","key","children","setState","state","map","item","filter","render","absoluteFill"],"sources":["PortalManager.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleSheet } from \"react-native\";\n\ntype State = {\n  portals: Array<{\n    key: number;\n    children: React.ReactNode;\n  }>;\n};\n\n/**\n * Portal host is the component which actually renders all Portals.\n */\nexport default class PortalManager extends React.PureComponent<{}, State> {\n  state: State = {\n    portals: [],\n  };\n\n  mount = (key: number, children: React.ReactNode) => {\n    this.setState((state) => ({\n      portals: [...state.portals, { key, children }],\n    }));\n  };\n\n  update = (key: number, children: React.ReactNode) =>\n    this.setState((state) => ({\n      portals: state.portals.map((item) => {\n        if (item.key === key) {\n          return { ...item, children };\n        }\n        return item;\n      }),\n    }));\n\n  unmount = (key: number) =>\n    this.setState((state) => ({\n      portals: state.portals.filter((item) => item.key !== key),\n    }));\n\n  render() {\n    return this.state.portals.map(({ key, children }) => (\n      <View\n        key={key}\n        collapsable={\n          false /* Need collapsable=false here to clip the elevations, otherwise they appear above sibling components */\n        }\n        pointerEvents=\"box-none\"\n        style={StyleSheet.absoluteFill}\n      >\n        {children}\n      </View>\n    ));\n  }\n}\n"],"mappings":";;;AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,EAAEC,UAAU,QAAQ,cAAc;AAS/C;AACA;AACA;AACA,eAAe,MAAMC,aAAa,SAASH,KAAK,CAACI,aAAa,CAAY;EAAA;IAAA;IAAA,+BACzD;MACbC,OAAO,EAAE;IACX,CAAC;IAAA,+BAEO,CAACC,GAAW,EAAEC,QAAyB,KAAK;MAClD,IAAI,CAACC,QAAQ,CAAEC,KAAK,KAAM;QACxBJ,OAAO,EAAE,CAAC,GAAGI,KAAK,CAACJ,OAAO,EAAE;UAAEC,GAAG;UAAEC;QAAS,CAAC;MAC/C,CAAC,CAAC,CAAC;IACL,CAAC;IAAA,gCAEQ,CAACD,GAAW,EAAEC,QAAyB,KAC9C,IAAI,CAACC,QAAQ,CAAEC,KAAK,KAAM;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAO,CAACK,GAAG,CAAEC,IAAI,IAAK;QACnC,IAAIA,IAAI,CAACL,GAAG,KAAKA,GAAG,EAAE;UACpB,OAAO;YAAE,GAAGK,IAAI;YAAEJ;UAAS,CAAC;QAC9B;QACA,OAAOI,IAAI;MACb,CAAC;IACH,CAAC,CAAC,CAAC;IAAA,iCAEML,GAAW,IACpB,IAAI,CAACE,QAAQ,CAAEC,KAAK,KAAM;MACxBJ,OAAO,EAAEI,KAAK,CAACJ,OAAO,CAACO,MAAM,CAAED,IAAI,IAAKA,IAAI,CAACL,GAAG,KAAKA,GAAG;IAC1D,CAAC,CAAC,CAAC;EAAA;EAELO,MAAM,GAAG;IACP,OAAO,IAAI,CAACJ,KAAK,CAACJ,OAAO,CAACK,GAAG,CAAC;MAAA,IAAC;QAAEJ,GAAG;QAAEC;MAAS,CAAC;MAAA,oBAC9C,oBAAC,IAAI;QACH,GAAG,EAAED,GAAI;QACT,WAAW,EACT,KAAK,CAAC,wGACP;;QACD,aAAa,EAAC,UAAU;QACxB,KAAK,EAAEJ,UAAU,CAACY;MAAa,GAE9BP,QAAQ,CACJ;IAAA,CACR,CAAC;EACJ;AACF"}

package/lib/module/components/ProgressBar.js

@@ -146,4 +146,5 @@ export default class ProgressBar extends Component {
       style: progressStyle
     }), children);
   }
-}
+}
+//# sourceMappingURL=ProgressBar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Component","Animated","Easing","View","I18nManager","INDETERMINATE_WIDTH_FACTOR","BAR_WIDTH_ZERO_POSITION","ProgressBar","constructor","props","event","width","onLayout","setState","nativeEvent","layout","progress","progressP","indeterminate","Math","min","max","state","Value","animationValue","componentDidMount","animate","componentDidUpdate","prevProps","useNativeDriver","animationType","animationConfig","bounciness","animated","spring","toValue","start","velocity","setValue","indeterminateAnimationDuration","timing","duration","easing","linear","isInteraction","endState","finished","render","borderColor","borderRadius","borderWidth","children","color","style","unfilledColor","restProps","innerWidth","containerStyle","overflow","backgroundColor","progressStyle","height","transform","translateX","interpolate","inputRange","outputRange","isRTL","scaleX","handleLayout"],"sources":["ProgressBar.tsx"],"sourcesContent":["import React, { Component } from \"react\";\nimport {\n  Animated,\n  Easing,\n  View,\n  I18nManager,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n  LayoutChangeEvent,\n} from \"react-native\";\n\nconst INDETERMINATE_WIDTH_FACTOR = 0.3;\nconst BAR_WIDTH_ZERO_POSITION =\n  INDETERMINATE_WIDTH_FACTOR / (1 + INDETERMINATE_WIDTH_FACTOR);\n\ntype Props = {\n  borderColor?: string;\n  borderRadius?: number;\n  borderWidth?: number;\n  children?: React.ReactNode;\n  color?: string;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  unfilledColor?: string;\n  width?: number;\n  animated?: boolean;\n  indeterminate?: boolean;\n  indeterminateAnimationDuration?: number;\n  progress?: number;\n  useNativeDriver?: boolean;\n  animationConfig?: Animated.AnimationConfig;\n  animationType?: \"decay\" | \"timing\" | \"spring\";\n} & ViewProps;\n\ninterface State {\n  width: number;\n  progress: Animated.Value;\n  animationValue: Animated.Value;\n}\n\nexport default class ProgressBar extends Component<Props, State> {\n  constructor(props: Props) {\n    super(props);\n    const { progress: progressP = 0, indeterminate = false } = props;\n    const progress = Math.min(Math.max(progressP, 0), 1);\n    this.state = {\n      width: 0,\n      progress: new Animated.Value(\n        indeterminate ? INDETERMINATE_WIDTH_FACTOR : progress\n      ),\n      animationValue: new Animated.Value(BAR_WIDTH_ZERO_POSITION),\n    };\n  }\n\n  componentDidMount() {\n    const { indeterminate = false } = this.props;\n    if (indeterminate) {\n      this.animate();\n    }\n  }\n\n  componentDidUpdate(prevProps: Props) {\n    const {\n      indeterminate = false,\n      useNativeDriver = false,\n      progress: progressP = 0,\n      animationType = \"spring\",\n      animationConfig = { bounciness: 0 },\n      animated = true,\n    } = this.props;\n\n    if (prevProps.indeterminate !== indeterminate) {\n      if (indeterminate) {\n        this.animate();\n      } else {\n        Animated.spring(this.state.animationValue, {\n          toValue: BAR_WIDTH_ZERO_POSITION,\n          useNativeDriver,\n        }).start();\n      }\n    }\n    if (\n      prevProps.indeterminate !== indeterminate ||\n      prevProps.progress !== progressP\n    ) {\n      const progress = this.props.indeterminate\n        ? INDETERMINATE_WIDTH_FACTOR\n        : Math.min(Math.max(progressP, 0), 1);\n\n      if (animated) {\n        Animated[animationType](this.state.progress, {\n          ...animationConfig,\n          toValue: progress,\n          velocity: 0, //adjust this value if animation fails - velocity is required\n          useNativeDriver,\n        }).start();\n      } else {\n        this.state.progress.setValue(progress);\n      }\n    }\n  }\n\n  handleLayout = (event: LayoutChangeEvent) => {\n    const { width = 150, onLayout } = this.props;\n    if (!width) {\n      this.setState({ width: event.nativeEvent.layout.width });\n    }\n    if (onLayout) {\n      onLayout(event);\n    }\n  };\n\n  animate() {\n    const { useNativeDriver = false, indeterminateAnimationDuration = 1000 } =\n      this.props;\n    this.state.animationValue.setValue(0);\n    Animated.timing(this.state.animationValue, {\n      toValue: 1,\n      duration: indeterminateAnimationDuration,\n      easing: Easing.linear,\n      isInteraction: false,\n      useNativeDriver,\n    }).start((endState) => {\n      if (endState.finished) {\n        this.animate();\n      }\n    });\n  }\n\n  render() {\n    const {\n      borderColor,\n      borderRadius = 4,\n      borderWidth = 1,\n      children,\n      color = \"rgba(0, 122, 255, 1)\",\n      style,\n      unfilledColor,\n      width = 150,\n      ...restProps\n    } = this.props;\n\n    const innerWidth = Math.max(0, width || this.state.width) - borderWidth * 2;\n    const containerStyle: StyleProp<ViewStyle> = {\n      width,\n      borderWidth,\n      borderColor: borderColor || color,\n      borderRadius,\n      overflow: \"hidden\",\n      backgroundColor: unfilledColor,\n    };\n    const progressStyle = {\n      backgroundColor: color,\n      // Always take up full height of container.\n      height: \"100%\",\n      transform: [\n        {\n          translateX: this.state.animationValue.interpolate({\n            inputRange: [0, 1],\n            outputRange: [innerWidth * -INDETERMINATE_WIDTH_FACTOR, innerWidth],\n          }),\n        },\n        {\n          translateX: this.state.progress.interpolate({\n            inputRange: [0, 1],\n            outputRange: [innerWidth / (I18nManager.isRTL ? 2 : -2), 0],\n          }),\n        },\n        {\n          // Interpolation a temp workaround for https://github.com/facebook/react-native/issues/6278\n          scaleX: this.state.progress.interpolate({\n            inputRange: [0, 1],\n            outputRange: [0.0001, 1],\n          }),\n        },\n      ],\n    };\n\n    return (\n      <View\n        style={[containerStyle, style]}\n        onLayout={this.handleLayout}\n        {...restProps}\n      >\n        <Animated.View style={progressStyle} />\n        {children}\n      </View>\n    );\n  }\n}\n"],"mappings":"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"}

package/lib/module/components/ProgressCircle.js

@@ -35,4 +35,5 @@ const ProgressCircle = _ref => {
     }, textStyle]
   }, Math.round(fill), "%") : null);
 };
-export default withTheme(ProgressCircle);
+export default withTheme(ProgressCircle);
+//# sourceMappingURL=ProgressCircle.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Text","AnimatedCircularProgress","withTheme","ProgressCircle","progress","style","color","size","showsText","unfilledColor","strokeCap","textStyle","thickness","theme","progressNum","Math","round","tintColor","colors","primary","backgroundColor","secondary","fill","fontSize"],"sources":["ProgressCircle.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport AnimatedCircularProgress from \"./AnimatedCircularProgress\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  progress?: number;\n  style?: StyleProp<ViewStyle>;\n  color?: colorTypes;\n  size?: number;\n  showsText?: boolean;\n  unfilledColor?: colorTypes;\n  strokeCap?: \"butt\" | \"square\" | \"round\" | undefined;\n  textStyle?: StyleProp<TextStyle>;\n  thickness?: number;\n  theme: typeof themeT;\n};\n\nconst ProgressCircle: React.FC<React.PropsWithChildren<Props>> = ({\n  progress = 0.5,\n  style,\n  color = \"primary\",\n  size = 100,\n  showsText = true,\n  unfilledColor,\n  strokeCap = \"butt\",\n  textStyle,\n  thickness = 1,\n  theme,\n}) => {\n  const progressNum = Math.round(progress * 100);\n\n  const tintColor = color || theme.colors.primary;\n  const backgroundColor = unfilledColor || theme.colors.secondary;\n\n  return (\n    <AnimatedCircularProgress\n      size={size}\n      width={thickness}\n      backgroundWidth={thickness}\n      fill={progressNum}\n      tintColor={tintColor}\n      backgroundColor={backgroundColor}\n      rotation={0}\n      lineCap={strokeCap}\n      style={style}\n    >\n      {/* @ts-ignore */}\n      {(fill) =>\n        showsText ? (\n          <Text\n            style={[{ fontSize: size * 0.275, color: tintColor }, textStyle]}\n          >\n            {Math.round(fill)}%\n          </Text>\n        ) : null\n      }\n    </AnimatedCircularProgress>\n  );\n};\n\nexport default withTheme(ProgressCircle);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAAyC,cAAc;AACpE,OAAOC,wBAAwB,MAAM,4BAA4B;AACjE,SAASC,SAAS,QAAQ,YAAY;AAiBtC,MAAMC,cAAwD,GAAG,QAW3D;EAAA,IAX4D;IAChEC,QAAQ,GAAG,GAAG;IACdC,KAAK;IACLC,KAAK,GAAG,SAAS;IACjBC,IAAI,GAAG,GAAG;IACVC,SAAS,GAAG,IAAI;IAChBC,aAAa;IACbC,SAAS,GAAG,MAAM;IAClBC,SAAS;IACTC,SAAS,GAAG,CAAC;IACbC;EACF,CAAC;EACC,MAAMC,WAAW,GAAGC,IAAI,CAACC,KAAK,CAACZ,QAAQ,GAAG,GAAG,CAAC;EAE9C,MAAMa,SAAS,GAAGX,KAAK,IAAIO,KAAK,CAACK,MAAM,CAACC,OAAO;EAC/C,MAAMC,eAAe,GAAGX,aAAa,IAAII,KAAK,CAACK,MAAM,CAACG,SAAS;EAE/D,oBACE,oBAAC,wBAAwB;IACvB,IAAI,EAAEd,IAAK;IACX,KAAK,EAAEK,SAAU;IACjB,eAAe,EAAEA,SAAU;IAC3B,IAAI,EAAEE,WAAY;IAClB,SAAS,EAAEG,SAAU;IACrB,eAAe,EAAEG,eAAgB;IACjC,QAAQ,EAAE,CAAE;IACZ,OAAO,EAAEV,SAAU;IACnB,KAAK,EAAEL;EAAM,GAGXiB,IAAI,IACJd,SAAS,gBACP,oBAAC,IAAI;IACH,KAAK,EAAE,CAAC;MAAEe,QAAQ,EAAEhB,IAAI,GAAG,KAAK;MAAED,KAAK,EAAEW;IAAU,CAAC,EAAEN,SAAS;EAAE,GAEhEI,IAAI,CAACC,KAAK,CAACM,IAAI,CAAC,MACZ,GACL,IAAI,CAEe;AAE/B,CAAC;AAED,eAAepB,SAAS,CAACC,cAAc,CAAC"}

package/lib/module/components/ProgressIndicator.js

@@ -42,4 +42,5 @@ const ProgressIndicator = _ref => {
     }
   });
 };
-export default withTheme(ProgressIndicator);
+export default withTheme(ProgressIndicator);
+//# sourceMappingURL=ProgressIndicator.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","StepIndicator","withTheme","ProgressIndicator","numberOfSteps","currentStep","currentStepStrokeWidth","stepStrokeCurrentColor","stepIndicatorSize","currentStepIndicatorSize","stepIndicatorCurrentColor","stepIndicatorLabelCurrentColor","stepIndicatorLabelFontSize","stepNumberFinishedColor","stepNumberUnfinishedColor","unfinishedColor","finishedColor","theme","currentPosition","stepStrokeFinishedColor","stepStrokeUnFinishedColor","separatorFinishedColor","separatorUnFinishedColor","stepIndicatorFinishedColor","stepIndicatorUnFinishedColor","stepIndicatorLabelUnFinishedColor","stepIndicatorLabelFinishedColor","labelFontFamily","typography","body1","fontFamily"],"sources":["ProgressIndicator.tsx"],"sourcesContent":["import * as React from \"react\";\nimport StepIndicator from \"./StepIndicator\";\nimport { withTheme } from \"../theming\";\nimport themeT from \"../styles/DefaultTheme\";\nimport { colorTypes } from \"@draftbit/types\";\n\ntype Props = {\n  numberOfSteps: number;\n  currentStep: number;\n  currentStepStrokeWidth?: number;\n  stepStrokeCurrentColor?: colorTypes;\n  stepIndicatorSize?: number;\n  currentStepIndicatorSize?: number;\n  stepIndicatorCurrentColor?: colorTypes;\n  stepIndicatorLabelCurrentColor?: colorTypes;\n  stepIndicatorLabelFontSize?: number;\n  stepNumberFinishedColor?: colorTypes;\n  stepNumberUnfinishedColor?: colorTypes;\n  unfinishedColor?: colorTypes;\n  finishedColor?: colorTypes;\n  theme: typeof themeT;\n};\n\nconst ProgressIndicator: React.FC<React.PropsWithChildren<Props>> = ({\n  numberOfSteps,\n  currentStep,\n  currentStepStrokeWidth = 3,\n  stepStrokeCurrentColor = \"primary\",\n  stepIndicatorSize,\n  currentStepIndicatorSize,\n  stepIndicatorCurrentColor,\n  stepIndicatorLabelCurrentColor,\n  stepIndicatorLabelFontSize = 12,\n  stepNumberFinishedColor = \"strongInverse\",\n  stepNumberUnfinishedColor = \"primary\",\n  unfinishedColor = \"light\",\n  finishedColor = \"primary\",\n  theme,\n}) => {\n  const currentPosition = currentStep - 1;\n  return (\n    <StepIndicator\n      stepCount={numberOfSteps}\n      currentPosition={currentPosition}\n      customStyles={{\n        stepIndicatorSize,\n        currentStepIndicatorSize: currentStepIndicatorSize\n          ? currentStepIndicatorSize\n          : stepIndicatorSize,\n        stepStrokeFinishedColor: finishedColor,\n        stepStrokeUnFinishedColor: unfinishedColor,\n        separatorFinishedColor: finishedColor,\n        separatorUnFinishedColor: unfinishedColor,\n        stepIndicatorFinishedColor: finishedColor,\n        stepIndicatorUnFinishedColor: unfinishedColor,\n        currentStepStrokeWidth,\n        stepStrokeCurrentColor:\n          stepStrokeCurrentColor || stepIndicatorCurrentColor,\n        stepIndicatorLabelUnFinishedColor: stepNumberUnfinishedColor,\n        stepIndicatorLabelFinishedColor: stepNumberFinishedColor,\n        stepIndicatorCurrentColor: stepIndicatorCurrentColor || unfinishedColor,\n        stepIndicatorLabelCurrentColor:\n          stepIndicatorLabelCurrentColor || stepNumberUnfinishedColor,\n        stepIndicatorLabelFontSize,\n        labelFontFamily: theme.typography.body1.fontFamily,\n      }}\n    />\n  );\n};\n\nexport default withTheme(ProgressIndicator);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,OAAOC,aAAa,MAAM,iBAAiB;AAC3C,SAASC,SAAS,QAAQ,YAAY;AAqBtC,MAAMC,iBAA2D,GAAG,QAe9D;EAAA,IAf+D;IACnEC,aAAa;IACbC,WAAW;IACXC,sBAAsB,GAAG,CAAC;IAC1BC,sBAAsB,GAAG,SAAS;IAClCC,iBAAiB;IACjBC,wBAAwB;IACxBC,yBAAyB;IACzBC,8BAA8B;IAC9BC,0BAA0B,GAAG,EAAE;IAC/BC,uBAAuB,GAAG,eAAe;IACzCC,yBAAyB,GAAG,SAAS;IACrCC,eAAe,GAAG,OAAO;IACzBC,aAAa,GAAG,SAAS;IACzBC;EACF,CAAC;EACC,MAAMC,eAAe,GAAGb,WAAW,GAAG,CAAC;EACvC,oBACE,oBAAC,aAAa;IACZ,SAAS,EAAED,aAAc;IACzB,eAAe,EAAEc,eAAgB;IACjC,YAAY,EAAE;MACZV,iBAAiB;MACjBC,wBAAwB,EAAEA,wBAAwB,GAC9CA,wBAAwB,GACxBD,iBAAiB;MACrBW,uBAAuB,EAAEH,aAAa;MACtCI,yBAAyB,EAAEL,eAAe;MAC1CM,sBAAsB,EAAEL,aAAa;MACrCM,wBAAwB,EAAEP,eAAe;MACzCQ,0BAA0B,EAAEP,aAAa;MACzCQ,4BAA4B,EAAET,eAAe;MAC7CT,sBAAsB;MACtBC,sBAAsB,EACpBA,sBAAsB,IAAIG,yBAAyB;MACrDe,iCAAiC,EAAEX,yBAAyB;MAC5DY,+BAA+B,EAAEb,uBAAuB;MACxDH,yBAAyB,EAAEA,yBAAyB,IAAIK,eAAe;MACvEJ,8BAA8B,EAC5BA,8BAA8B,IAAIG,yBAAyB;MAC7DF,0BAA0B;MAC1Be,eAAe,EAAEV,KAAK,CAACW,UAAU,CAACC,KAAK,CAACC;IAC1C;EAAE,EACF;AAEN,CAAC;AAED,eAAe5B,SAAS,CAACC,iBAAiB,CAAC"}

package/lib/module/components/RadioButton/RadioButton.js

@@ -40,4 +40,5 @@ const RadioButton = _ref => {
     style: style
   }, rest));
 };
-export default RadioButton;
+export default RadioButton;
+//# sourceMappingURL=RadioButton.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["React","Config","IconButton","getValueForRadioButton","useRadioButtonGroupContext","RadioButton","Icon","disabled","color","value","selected","unselectedColor","onPress","size","radioButtonSize","selectedIcon","unselectedIcon","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress"],"sources":["RadioButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { StyleProp, ViewStyle } from \"react-native\";\n\nimport Config from \"../Config\";\nimport IconButton from \"../IconButton\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { useRadioButtonGroupContext } from \"./context\";\n\nimport type { IconSlot } from \"../../interfaces/Icon\";\n\nexport type RadioButtonProps = {\n  selected?: boolean;\n  disabled?: boolean;\n  color?: string;\n  value?: string | number;\n  unselectedColor?: string;\n  onPress?: (value?: string) => void;\n  style?: StyleProp<ViewStyle>;\n  size?: number;\n  selectedIcon?: string;\n  unselectedIcon?: string;\n} & IconSlot;\n\nconst RadioButton: React.FC<RadioButtonProps> = ({\n  Icon,\n  disabled = false,\n  color,\n  value = \"\",\n  selected,\n  unselectedColor,\n  onPress,\n  size = Config.radioButtonSize,\n  selectedIcon = \"MaterialIcons/radio-button-checked\",\n  unselectedIcon = \"MaterialIcons/radio-button-unchecked\",\n  style,\n  ...rest\n}) => {\n  const { value: contextValue, onValueChange } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={isSelected ? selectedIcon : unselectedIcon}\n      color={isSelected ? color : unselectedColor}\n      disabled={disabled}\n      onPress={handlePress}\n      size={size}\n      style={style}\n      {...rest}\n    />\n  );\n};\n\nexport default RadioButton;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAG9B,OAAOC,MAAM,MAAM,WAAW;AAC9B,OAAOC,UAAU,MAAM,eAAe;AACtC,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,0BAA0B,QAAQ,WAAW;AAiBtD,MAAMC,WAAuC,GAAG,QAa1C;EAAA,IAb2C;IAC/CC,IAAI;IACJC,QAAQ,GAAG,KAAK;IAChBC,KAAK;IACLC,KAAK,GAAG,EAAE;IACVC,QAAQ;IACRC,eAAe;IACfC,OAAO;IACPC,IAAI,GAAGZ,MAAM,CAACa,eAAe;IAC7BC,YAAY,GAAG,oCAAoC;IACnDC,cAAc,GAAG,sCAAsC;IACvDC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,MAAM;IAAET,KAAK,EAAEU,YAAY;IAAEC;EAAc,CAAC,GAAGhB,0BAA0B,EAAE;EAE3E,MAAMiB,SAAS,GAAGlB,sBAAsB,CAACM,KAAK,CAAC;EAC/C,MAAMa,gBAAgB,GAAGnB,sBAAsB,CAACgB,YAAY,CAAC;EAC7D,MAAMI,UAAU,GAAGb,QAAQ,IAAIY,gBAAgB,KAAKD,SAAS;EAE7D,MAAMG,WAAW,GAAG,MAAM;IACxBZ,OAAO,aAAPA,OAAO,uBAAPA,OAAO,CAAGS,SAAS,CAAC;IACpBD,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGC,SAAS,CAAC;EAC5B,CAAC;EAED,oBACE,oBAAC,UAAU;IACT,IAAI,EAAEf,IAAK;IACX,IAAI,EAAEiB,UAAU,GAAGR,YAAY,GAAGC,cAAe;IACjD,KAAK,EAAEO,UAAU,GAAGf,KAAK,GAAGG,eAAgB;IAC5C,QAAQ,EAAEJ,QAAS;IACnB,OAAO,EAAEiB,WAAY;IACrB,IAAI,EAAEX,IAAK;IACX,KAAK,EAAEI;EAAM,GACTC,IAAI,EACR;AAEN,CAAC;AAED,eAAeb,WAAW"}

package/lib/module/components/RadioButton/RadioButtonFieldGroup.js

@@ -24,4 +24,5 @@ const RadioButtonFieldGroup = _ref => {
     theme: theme
   }, rest), children));
 };
-export default withTheme(RadioButtonFieldGroup);
+export default withTheme(RadioButtonFieldGroup);
+//# sourceMappingURL=RadioButtonFieldGroup.js.map

package/lib/module/components/RadioButton/RadioButtonFieldGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","Text","withTheme","RadioButtonGroup","RadioButtonFieldGroup","label","children","theme","labelStyle","style","rest","fontSize","typography","headline4","color"],"sources":["RadioButtonFieldGroup.tsx"],"sourcesContent":["import React from \"react\";\nimport { View, StyleProp, TextStyle, ViewStyle } from \"react-native\";\nimport Text from \"../Text\";\nimport { withTheme } from \"../../theming\";\nimport RadioButtonGroup, { RadioButtonGroupProps } from \"./RadioButtonGroup\";\n\ninterface Props extends RadioButtonGroupProps {\n  label?: string;\n  labelStyle?: StyleProp<TextStyle>;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst RadioButtonFieldGroup: React.FC<React.PropsWithChildren<Props>> = ({\n  label,\n  children,\n  theme,\n  labelStyle,\n  style,\n  ...rest\n}) => {\n  return (\n    <View style={style}>\n      <Text\n        style={[\n          {\n            fontSize: theme.typography.headline4.fontSize,\n            color: theme.typography.headline4.color,\n          },\n          labelStyle,\n        ]}\n      >\n        {label}\n      </Text>\n      <RadioButtonGroup theme={theme} {...rest}>\n        {children}\n      </RadioButtonGroup>\n    </View>\n  );\n};\n\nexport default withTheme(RadioButtonFieldGroup);\n"],"mappings":";AAAA,OAAOA,KAAK,MAAM,OAAO;AACzB,SAASC,IAAI,QAAyC,cAAc;AACpE,OAAOC,IAAI,MAAM,SAAS;AAC1B,SAASC,SAAS,QAAQ,eAAe;AACzC,OAAOC,gBAAgB,MAAiC,oBAAoB;AAQ5E,MAAMC,qBAA+D,GAAG,QAOlE;EAAA,IAPmE;IACvEC,KAAK;IACLC,QAAQ;IACRC,KAAK;IACLC,UAAU;IACVC,KAAK;IACL,GAAGC;EACL,CAAC;EACC,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAED;EAAM,gBACjB,oBAAC,IAAI;IACH,KAAK,EAAE,CACL;MACEE,QAAQ,EAAEJ,KAAK,CAACK,UAAU,CAACC,SAAS,CAACF,QAAQ;MAC7CG,KAAK,EAAEP,KAAK,CAACK,UAAU,CAACC,SAAS,CAACC;IACpC,CAAC,EACDN,UAAU;EACV,GAEDH,KAAK,CACD,eACP,oBAAC,gBAAgB;IAAC,KAAK,EAAEE;EAAM,GAAKG,IAAI,GACrCJ,QAAQ,CACQ,CACd;AAEX,CAAC;AAED,eAAeJ,SAAS,CAACE,qBAAqB,CAAC"}

package/lib/module/components/RadioButton/RadioButtonGroup.js

@@ -56,4 +56,5 @@ const RadioButtonGroup = _ref => {
     style: _containerStyle
   }, children)));
 };
-export default RadioButtonGroup;
+export default RadioButtonGroup;
+//# sourceMappingURL=RadioButtonGroup.js.map

package/lib/module/components/RadioButton/RadioButtonGroup.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","View","getValueForRadioButton","radioButtonGroupContext","Direction","Provider","RadioButtonGroup","direction","Vertical","value","onValueChange","defaultValue","style","children","rest","internalValue","setInternalValue","useState","useEffect","realValue","realDefaultValue","handleValueChange","newValue","realNewValue","_containerStyle","flexDirection","Horizontal","push","alignItems","minHeight"],"sources":["RadioButtonGroup.tsx"],"sourcesContent":["import * as React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\nimport { getValueForRadioButton } from \"../../utilities\";\nimport { radioButtonGroupContext, Direction } from \"./context\";\nexport interface RadioButtonGroupProps {\n  direction?: Direction;\n  style?: StyleProp<ViewStyle>;\n  value: string | number;\n  onValueChange?: (value: string) => void;\n  defaultValue?: string | number;\n  theme: Theme;\n  children: React.ReactNode;\n}\n\nconst { Provider } = radioButtonGroupContext;\n\nconst RadioButtonGroup: React.FC<RadioButtonGroupProps> = ({\n  direction = Direction.Vertical,\n  value = \"\",\n  onValueChange,\n  defaultValue,\n  style,\n  children,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState(\"\");\n\n  React.useEffect(() => {\n    if (value != null) {\n      const realValue = getValueForRadioButton(value);\n\n      setInternalValue(realValue);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      const realDefaultValue = getValueForRadioButton(defaultValue);\n\n      setInternalValue(realDefaultValue);\n    }\n  }, [defaultValue]);\n\n  const handleValueChange = (newValue: string | number) => {\n    const realNewValue = getValueForRadioButton(newValue);\n\n    setInternalValue(realNewValue);\n    onValueChange?.(realNewValue);\n  };\n\n  const _containerStyle: StyleProp<ViewStyle> = [\n    {\n      flexDirection: direction === Direction.Horizontal ? \"row\" : \"column\",\n    },\n  ];\n\n  if (direction !== Direction.Vertical) {\n    _containerStyle.push({\n      alignItems: \"center\",\n    });\n  }\n\n  return (\n    <View style={[{ minHeight: 40 }, style]} {...rest}>\n      <Provider\n        value={{\n          value: internalValue,\n          onValueChange: handleValueChange,\n          direction,\n        }}\n      >\n        <View style={_containerStyle}>{children}</View>\n      </Provider>\n    </View>\n  );\n};\n\nexport default RadioButtonGroup;\n"],"mappings":";AAAA,OAAO,KAAKA,KAAK,MAAM,OAAO;AAC9B,SAASC,IAAI,QAA8B,cAAc;AAEzD,SAASC,sBAAsB,QAAQ,iBAAiB;AACxD,SAASC,uBAAuB,EAAEC,SAAS,QAAQ,WAAW;AAW9D,MAAM;EAAEC;AAAS,CAAC,GAAGF,uBAAuB;AAE5C,MAAMG,gBAAiD,GAAG,QAQpD;EAAA,IARqD;IACzDC,SAAS,GAAGH,SAAS,CAACI,QAAQ;IAC9BC,KAAK,GAAG,EAAE;IACVC,aAAa;IACbC,YAAY;IACZC,KAAK;IACLC,QAAQ;IACR,GAAGC;EACL,CAAC;EACC,MAAM,CAACC,aAAa,EAAEC,gBAAgB,CAAC,GAAGhB,KAAK,CAACiB,QAAQ,CAAC,EAAE,CAAC;EAE5DjB,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,IAAIT,KAAK,IAAI,IAAI,EAAE;MACjB,MAAMU,SAAS,GAAGjB,sBAAsB,CAACO,KAAK,CAAC;MAE/CO,gBAAgB,CAACG,SAAS,CAAC;IAC7B;EACF,CAAC,EAAE,CAACV,KAAK,CAAC,CAAC;EAEXT,KAAK,CAACkB,SAAS,CAAC,MAAM;IACpB,IAAIP,YAAY,IAAI,IAAI,EAAE;MACxB,MAAMS,gBAAgB,GAAGlB,sBAAsB,CAACS,YAAY,CAAC;MAE7DK,gBAAgB,CAACI,gBAAgB,CAAC;IACpC;EACF,CAAC,EAAE,CAACT,YAAY,CAAC,CAAC;EAElB,MAAMU,iBAAiB,GAAIC,QAAyB,IAAK;IACvD,MAAMC,YAAY,GAAGrB,sBAAsB,CAACoB,QAAQ,CAAC;IAErDN,gBAAgB,CAACO,YAAY,CAAC;IAC9Bb,aAAa,aAAbA,aAAa,uBAAbA,aAAa,CAAGa,YAAY,CAAC;EAC/B,CAAC;EAED,MAAMC,eAAqC,GAAG,CAC5C;IACEC,aAAa,EAAElB,SAAS,KAAKH,SAAS,CAACsB,UAAU,GAAG,KAAK,GAAG;EAC9D,CAAC,CACF;EAED,IAAInB,SAAS,KAAKH,SAAS,CAACI,QAAQ,EAAE;IACpCgB,eAAe,CAACG,IAAI,CAAC;MACnBC,UAAU,EAAE;IACd,CAAC,CAAC;EACJ;EAEA,oBACE,oBAAC,IAAI;IAAC,KAAK,EAAE,CAAC;MAAEC,SAAS,EAAE;IAAG,CAAC,EAAEjB,KAAK;EAAE,GAAKE,IAAI,gBAC/C,oBAAC,QAAQ;IACP,KAAK,EAAE;MACLL,KAAK,EAAEM,aAAa;MACpBL,aAAa,EAAEW,iBAAiB;MAChCd;IACF;EAAE,gBAEF,oBAAC,IAAI;IAAC,KAAK,EAAEiB;EAAgB,GAAEX,QAAQ,CAAQ,CACtC,CACN;AAEX,CAAC;AAED,eAAeP,gBAAgB"}

package/lib/module/components/RadioButton/RadioButtonRow.js

@@ -106,4 +106,5 @@ const styles = StyleSheet.create({
     flex: 3
   }
 });
-export default RadioButtonRow;
+export default RadioButtonRow;
+//# sourceMappingURL=RadioButtonRow.js.map

package/lib/module/components/RadioButton/RadioButtonRow.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","StyleSheet","View","Platform","RadioButton","Text","useRadioButtonGroupContext","Direction","GroupDirection","Touchable","extractStyles","getValueForRadioButton","getRadioButtonAlignment","parentDirection","direction","Horizontal","Row","RowReverse","renderLabel","value","labelStyle","textStyle","RadioButtonRow","Icon","label","color","unselectedColor","onPress","labelContainerStyle","radioButtonStyle","selected","disabled","style","rest","contextValue","onValueChange","realValue","realContextValue","isSelected","handlePress","textStyles","viewStyles","styles","mainParent","flexDirection","alignItems","flex","create","justifyContent","paddingStart","minHeight","paddingEnd","display","select","web","cursor","userSelect"],"sources":["RadioButtonRow.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  StyleProp,\n  ViewStyle,\n  StyleSheet,\n  TextStyle,\n  View,\n  Platform,\n} from \"react-native\";\nimport RadioButton, { RadioButtonProps } from \"./RadioButton\";\nimport Text from \"../Text\";\nimport { useRadioButtonGroupContext } from \"./context\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { Direction as GroupDirection } from \"./context\";\nimport Touchable from \"../Touchable\";\nimport { extractStyles, getValueForRadioButton } from \"../../utilities\";\n\nexport enum Direction {\n  Row = \"row\",\n  RowReverse = \"row-reverse\",\n}\n\nexport interface RadioButtonRowProps extends Omit<RadioButtonProps, \"onPress\"> {\n  label: string | React.ReactNode;\n  value: string | number; // A string (or number that will be parsed String(number)) that this radio button row represents when selected\n  color?: string;\n  unselectedColor?: string;\n  labelContainerStyle: StyleProp<ViewStyle>;\n  radioButtonStyle?: StyleProp<ViewStyle>;\n  labelStyle?: StyleProp<TextStyle>;\n  onPress?: (value: string) => void;\n  direction?: Direction;\n}\n\nconst getRadioButtonAlignment = (\n  parentDirection: GroupDirection | undefined,\n  direction: Direction\n) => {\n  if (parentDirection === GroupDirection.Horizontal) {\n    return direction === Direction.Row ? \"flex-start\" : \"flex-end\";\n  } else if (direction === Direction.RowReverse) {\n    return \"flex-start\";\n  } else {\n    return \"flex-end\";\n  }\n};\n\nconst renderLabel = (\n  value: string | React.ReactNode,\n  labelStyle: StyleProp<TextStyle>,\n  textStyle: StyleProp<TextStyle>\n) => {\n  if (typeof value === \"string\") {\n    return <Text style={[labelStyle, textStyle]}>{value}</Text>;\n  } else {\n    return <>{value}</>;\n  }\n};\n\nconst RadioButtonRow: React.FC<RadioButtonRowProps & IconSlot> = ({\n  Icon,\n  label,\n  value = \"\",\n  color,\n  unselectedColor,\n  onPress,\n  labelContainerStyle,\n  labelStyle,\n  radioButtonStyle,\n  direction = Direction.Row,\n  selected,\n  disabled,\n  style,\n  ...rest\n}) => {\n  const {\n    value: contextValue,\n    onValueChange,\n    direction: parentDirection,\n  } = useRadioButtonGroupContext();\n\n  const realValue = getValueForRadioButton(value);\n  const realContextValue = getValueForRadioButton(contextValue);\n  const isSelected = selected ?? realContextValue === realValue;\n\n  const handlePress = () => {\n    onPress?.(realValue);\n    onValueChange?.(realValue);\n  };\n\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Touchable\n      onPress={handlePress}\n      style={[styles.mainParent, { flexDirection: direction }, viewStyles]}\n      disabled={disabled}\n      {...rest}\n    >\n      <View\n        style={[\n          styles.label,\n          {\n            alignItems: direction === Direction.Row ? \"flex-start\" : \"flex-end\",\n          },\n          labelContainerStyle,\n        ]}\n      >\n        {renderLabel(label, labelStyle, textStyles)}\n      </View>\n      <View\n        style={{\n          flex: 1,\n          alignItems: getRadioButtonAlignment(parentDirection, direction),\n        }}\n      >\n        <RadioButton\n          Icon={Icon}\n          selected={isSelected}\n          value={realValue}\n          color={color}\n          unselectedColor={unselectedColor}\n          style={radioButtonStyle}\n        />\n      </View>\n    </Touchable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainParent: {\n    alignItems: \"center\",\n    justifyContent: \"space-around\",\n    paddingStart: 20,\n    minHeight: 50,\n    paddingEnd: 20,\n    display: \"flex\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n  label: {\n    flex: 3,\n  },\n});\n\nexport default RadioButtonRow;\n"],"mappings":"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"}

package/lib/module/components/RadioButton/context.js

@@ -11,4 +11,5 @@ export const radioButtonGroupContext = /*#__PURE__*/createContext({
 });
 export function useRadioButtonGroupContext() {
   return useContext(radioButtonGroupContext);
-}
+}
+//# sourceMappingURL=context.js.map

package/lib/module/components/RadioButton/context.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["createContext","useContext","Direction","radioButtonGroupContext","onValueChange","value","direction","undefined","useRadioButtonGroupContext"],"sources":["context.tsx"],"sourcesContent":["import { createContext, useContext } from \"react\";\n\nexport enum Direction {\n  Horizontal = \"horizontal\",\n  Vertical = \"vertical\",\n}\ninterface RadioButtonGroupContext {\n  onValueChange: (value: string) => void;\n  value: string;\n  direction?: Direction;\n}\n\nexport const radioButtonGroupContext = createContext<RadioButtonGroupContext>({\n  onValueChange: () => {},\n  value: \"\",\n  direction: undefined,\n});\n\nexport function useRadioButtonGroupContext() {\n  return useContext(radioButtonGroupContext);\n}\n"],"mappings":"AAAA,SAASA,aAAa,EAAEC,UAAU,QAAQ,OAAO;AAEjD,WAAYC,SAAS;AAGpB,WAHWA,SAAS;EAATA,SAAS;EAATA,SAAS;AAAA,GAATA,SAAS,KAATA,SAAS;AAUrB,OAAO,MAAMC,uBAAuB,gBAAGH,aAAa,CAA0B;EAC5EI,aAAa,EAAE,MAAM,CAAC,CAAC;EACvBC,KAAK,EAAE,EAAE;EACTC,SAAS,EAAEC;AACb,CAAC,CAAC;AAEF,OAAO,SAASC,0BAA0B,GAAG;EAC3C,OAAOP,UAAU,CAACE,uBAAuB,CAAC;AAC5C"}

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

@@ -1,4 +1,5 @@
 export { default as RadioButton } from "./RadioButton";
 export { default as RadioButtonGroup } from "./RadioButtonGroup";
 export { default as RadioButtonRow } from "./RadioButtonRow";
-export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";
+export { default as RadioButtonFieldGroup } from "./RadioButtonFieldGroup";
+//# sourceMappingURL=index.js.map