@draftbit/core 46.0.2 → 46.1.0

package/lib/commonjs/components/DeprecatedButton.js

@@ -25,8 +25,6 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const Button = _ref => {
   let {
     Icon,
@@ -128,7 +126,7 @@ const Button = _ref => {
       alignSelf: "stretch",
       ...margins
     }
-  }, /*#__PURE__*/React.createElement(_Touchable.default, _extends({}, rest, {
+  }, /*#__PURE__*/React.createElement(_Touchable.default, { ...rest,
     onPress: onPress,
     accessibilityState: {
       disabled
@@ -136,7 +134,7 @@ const Button = _ref => {
     accessibilityRole: "button",
     disabled: disabled || loading,
     style: [styles.button, buttonStyle, innerStyles]
-  }), /*#__PURE__*/React.createElement(_reactNative.View, {
+  }, /*#__PURE__*/React.createElement(_reactNative.View, {
     style: styles.content
   }, icon && loading !== true ? /*#__PURE__*/React.createElement(_reactNative.View, {
     style: iconStyle
@@ -171,5 +169,23 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
+exports.default = _default;
+//# sourceMappingURL=DeprecatedButton.js.mapt.create({
+  button: {
+    minWidth: 64,
+    borderStyle: "solid"
+  },
+  content: {
+    flexDirection: "row",
+    alignItems: "center",
+    justifyContent: "center"
+  },
+  icon: {
+    width: _Config.default.buttonIconSize
+  }
+});
+
+var _default = (0, _theming.withTheme)(Button);
+
 exports.default = _default;
 //# sourceMappingURL=DeprecatedButton.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","alignSelf","button","content","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  ActivityIndicator,\n  View,\n  Text,\n  StyleSheet,\n  TouchableHighlightProps,\n  StyleProp,\n  ViewStyle,\n  TextStyle,\n} from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\n\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\n/**\n * A button is component that the user can press to trigger an action.\n *\n * <div class=\"screenshots\">\n *   <figure>\n *     <img src=\"screenshots/button-1.png\" />\n *     <figcaption>Text button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-2.png\" />\n *     <figcaption>Outlined button</figcaption>\n *   </figure>\n *   <figure>\n *     <img src=\"screenshots/button-3.png\" />\n *     <figcaption>Contained button</figcaption>\n *   </figure>\n * </div>\n *\n * ## Usage\n * ```js\n * import * as React from 'react';\n * import { Button } from '@draftbit/ui';\n *\n * const MyComponent = () => (\n *   <Button icon=\"add-a-photo\" type=\"solid\" onPress={() => console.log('Pressed')}>\n *     Press me\n *   </Button>\n * );\n *\n * export default MyComponent;\n * ```\n */\n\ntype Props = {\n  disabled?: boolean;\n  type?: \"solid\" | \"outline\" | \"text\";\n  loading?: boolean;\n  icon?: string;\n  labelColor?: string;\n  color?: string;\n  children?: React.ReactNode;\n  onPress: () => void;\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & TouchableHighlightProps &\n  IconSlot;\n\nconst Button: React.FC<React.PropsWithChildren<Props>> = ({\n  Icon,\n  icon,\n  disabled = false,\n  type = \"solid\",\n  loading = false,\n  labelColor,\n  color: colorOverride,\n  children,\n  onPress,\n  elevation = 0,\n  style,\n  theme: { colors, disabledOpacity, roundness, typography },\n  ...rest\n}) => {\n  let backgroundColor, borderColor, textColor, borderWidth;\n  const buttonColor = colorOverride || colors.primary;\n\n  if (type === \"solid\") {\n    backgroundColor = buttonColor;\n\n    if (disabled) {\n      textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || colors.surface;\n    }\n  } else {\n    backgroundColor = \"transparent\";\n\n    if (disabled) {\n      textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      textColor = labelColor || buttonColor;\n    }\n  }\n\n  if (type === \"outline\") {\n    if (disabled) {\n      borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n    } else {\n      borderColor = buttonColor;\n    }\n    borderWidth = StyleSheet.hairlineWidth;\n  } else {\n    borderColor = \"transparent\";\n    borderWidth = 0;\n  }\n\n  const buttonStyle = {\n    backgroundColor,\n    borderColor,\n    borderWidth,\n    borderRadius: roundness,\n  };\n\n  const textStyle: StyleProp<TextStyle> = {\n    textAlign: \"center\",\n    color: textColor,\n    marginVertical: 16,\n    marginHorizontal: 16,\n  };\n\n  const iconStyle = [\n    styles.icon,\n    {\n      marginLeft: 16,\n      marginRight: -8,\n      width: Config.buttonIconSize,\n    },\n  ];\n\n  const {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n    ...innerStyles\n  } = StyleSheet.flatten(style || {});\n\n  const margins = {\n    margin,\n    marginEnd,\n    marginTop,\n    marginLeft,\n    marginRight,\n    marginBottom,\n    marginHorizontal,\n    marginVertical,\n  };\n\n  return (\n    <Elevation style={{ elevation, alignSelf: \"stretch\", ...margins }}>\n      <Touchable\n        {...rest}\n        onPress={onPress}\n        accessibilityState={{ disabled }}\n        accessibilityRole=\"button\"\n        disabled={disabled || loading}\n        style={[styles.button, buttonStyle, innerStyles]}\n      >\n        <View style={styles.content}>\n          {icon && loading !== true ? (\n            <View style={iconStyle}>\n              <Icon\n                name={icon}\n                size={Config.buttonIconSize}\n                color={textColor}\n              />\n            </View>\n          ) : null}\n          {loading ? (\n            <ActivityIndicator\n              size=\"small\"\n              color={textColor}\n              style={iconStyle}\n            />\n          ) : null}\n          <Text numberOfLines={1} style={[textStyle, typography.button]}>\n            {children}\n          </Text>\n        </View>\n      </Touchable>\n    </Elevation>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    minWidth: 64,\n    borderStyle: \"solid\",\n  },\n  content: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    justifyContent: \"center\",\n  },\n  icon: {\n    width: Config.buttonIconSize,\n  },\n});\n\nexport default withTheme(Button);\n"],"mappings":"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"}
+{"version":3,"names":["Button","Icon","icon","disabled","type","loading","labelColor","color","colorOverride","children","onPress","elevation","style","theme","colors","disabledOpacity","roundness","typography","rest","backgroundColor","borderColor","textColor","borderWidth","buttonColor","primary","surface","alpha","rgb","string","StyleSheet","hairlineWidth","buttonStyle","borderRadius","textStyle","textAlign","marginVertical","marginHorizontal","iconStyle","styles","marginLeft","marginRight","width","Config","buttonIconSize","margin","marginEnd","marginTop","marginBottom","innerStyles","flatten","margins","React","createElement","Elevation","alignSelf","Touchable","accessibilityState","accessibilityRole","button","View","content","name","size","ActivityIndicator","Text","numberOfLines","create","minWidth","borderStyle","flexDirection","alignItems","justifyContent","withTheme"],"sources":["DeprecatedButton.js"],"sourcesContent":["import * as React from \"react\";\nimport { ActivityIndicator, View, Text, StyleSheet, } from \"react-native\";\nimport color from \"color\";\nimport Config from \"./Config\";\nimport Touchable from \"./Touchable\";\nimport Elevation from \"./Elevation\";\nimport { withTheme } from \"../theming\";\nconst Button = ({ Icon, icon, disabled = false, type = \"solid\", loading = false, labelColor, color: colorOverride, children, onPress, elevation = 0, style, theme: { colors, disabledOpacity, roundness, typography }, ...rest }) => {\n    let backgroundColor, borderColor, textColor, borderWidth;\n    const buttonColor = colorOverride || colors.primary;\n    if (type === \"solid\") {\n        backgroundColor = buttonColor;\n        if (disabled) {\n            textColor = color(colors.surface).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || colors.surface;\n        }\n    }\n    else {\n        backgroundColor = \"transparent\";\n        if (disabled) {\n            textColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            textColor = labelColor || buttonColor;\n        }\n    }\n    if (type === \"outline\") {\n        if (disabled) {\n            borderColor = color(buttonColor).alpha(disabledOpacity).rgb().string();\n        }\n        else {\n            borderColor = buttonColor;\n        }\n        borderWidth = StyleSheet.hairlineWidth;\n    }\n    else {\n        borderColor = \"transparent\";\n        borderWidth = 0;\n    }\n    const buttonStyle = {\n        backgroundColor,\n        borderColor,\n        borderWidth,\n        borderRadius: roundness,\n    };\n    const textStyle = {\n        textAlign: \"center\",\n        color: textColor,\n        marginVertical: 16,\n        marginHorizontal: 16,\n    };\n    const iconStyle = [\n        styles.icon,\n        {\n            marginLeft: 16,\n            marginRight: -8,\n            width: Config.buttonIconSize,\n        },\n    ];\n    const { margin, marginEnd, marginTop, marginLeft, marginRight, marginBottom, marginHorizontal, marginVertical, ...innerStyles } = StyleSheet.flatten(style || {});\n    const margins = {\n        margin,\n        marginEnd,\n        marginTop,\n        marginLeft,\n        marginRight,\n        marginBottom,\n        marginHorizontal,\n        marginVertical,\n    };\n    return (React.createElement(Elevation, { style: { elevation, alignSelf: \"stretch\", ...margins } },\n        React.createElement(Touchable, { ...rest, onPress: onPress, accessibilityState: { disabled }, accessibilityRole: \"button\", disabled: disabled || loading, style: [styles.button, buttonStyle, innerStyles] },\n            React.createElement(View, { style: styles.content },\n                icon && loading !== true ? (React.createElement(View, { style: iconStyle },\n                    React.createElement(Icon, { name: icon, size: Config.buttonIconSize, color: textColor }))) : null,\n                loading ? (React.createElement(ActivityIndicator, { size: \"small\", color: textColor, style: iconStyle })) : null,\n                React.createElement(Text, { numberOfLines: 1, style: [textStyle, typography.button] }, children)))));\n};\nconst styles = StyleSheet.create({\n    button: {\n        minWidth: 64,\n        borderStyle: \"solid\",\n    },\n    content: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        justifyContent: \"center\",\n    },\n    icon: {\n        width: Config.buttonIconSize,\n    },\n});\nexport default withTheme(Button);\n"],"mappings":"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"}

package/lib/commonjs/components/DeprecatedCardWrapper.js

@@ -13,8 +13,6 @@ var _Touchable = _interopRequireDefault(require("./Touchable"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 const getWidth = numColumns => {
   switch (numColumns) {
     case 1:
@@ -37,6 +35,20 @@ const Card = _ref => {
     ...rest
   } = _ref;
   const width = getWidth(numColumns);
+  return /*#__PURE__*/_react.default.createElement(_Touchable.default, {
+    disabled: !onPress,
+    onPress: onPress,
+    style: [style, {
+      width
+    }],
+    ...rest
+  }, children);
+};
+
+var _default = (0, _theming.withTheme)(Card);
+
+exports.default = _default;
+//# sourceMappingURL=DeprecatedCardWrapper.js.map = getWidth(numColumns);
   return /*#__PURE__*/_react.default.createElement(_Touchable.default, _extends({
     disabled: !onPress,
     onPress: onPress,

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

@@ -1 +1 @@
-{"version":3,"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","withTheme"],"sources":["DeprecatedCardWrapper.tsx"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nimport { StyleProp, ViewStyle } from \"react-native\";\nimport theme from \"../styles/DefaultTheme\";\n\ntype Props = {\n  numColumns?: number;\n  children?: React.ReactNode;\n  onPress?: () => void;\n  style?: StyleProp<ViewStyle>;\n  theme: typeof theme;\n};\n\nconst getWidth = (numColumns: number) => {\n  switch (numColumns) {\n    case 1:\n      return \"33%\";\n    case 2:\n      return \"50%\";\n    default:\n      return \"100%\";\n  }\n};\n\nconst Card: React.FC<React.PropsWithChildren<Props>> = ({\n  numColumns = 3,\n  children,\n  onPress,\n  style,\n  ...rest\n}) => {\n  const width = getWidth(numColumns);\n  return (\n    <Touchable\n      disabled={!onPress}\n      onPress={onPress}\n      style={[style, { width }]}\n      {...rest}\n    >\n      {children}\n    </Touchable>\n  );\n};\n\nexport default withTheme(Card);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;AAYA,MAAMA,QAAQ,GAAIC,UAAD,IAAwB;EACvC,QAAQA,UAAR;IACE,KAAK,CAAL;MACE,OAAO,KAAP;;IACF,KAAK,CAAL;MACE,OAAO,KAAP;;IACF;MACE,OAAO,MAAP;EANJ;AAQD,CATD;;AAWA,MAAMC,IAA8C,GAAG,QAMjD;EAAA,IANkD;IACtDD,UAAU,GAAG,CADyC;IAEtDE,QAFsD;IAGtDC,OAHsD;IAItDC,KAJsD;IAKtD,GAAGC;EALmD,CAMlD;EACJ,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;EACA,oBACE,6BAAC,kBAAD;IACE,QAAQ,EAAE,CAACG,OADb;IAEE,OAAO,EAAEA,OAFX;IAGE,KAAK,EAAE,CAACC,KAAD,EAAQ;MAAEE;IAAF,CAAR;EAHT,GAIMD,IAJN,GAMGH,QANH,CADF;AAUD,CAlBD;;eAoBe,IAAAK,kBAAA,EAAUN,IAAV,C"}
+{"version":3,"names":["getWidth","numColumns","Card","children","onPress","style","rest","width","React","createElement","Touchable","disabled","withTheme"],"sources":["DeprecatedCardWrapper.js"],"sourcesContent":["import React from \"react\";\nimport { withTheme } from \"../theming\";\nimport Touchable from \"./Touchable\";\nconst getWidth = (numColumns) => {\n    switch (numColumns) {\n        case 1:\n            return \"33%\";\n        case 2:\n            return \"50%\";\n        default:\n            return \"100%\";\n    }\n};\nconst Card = ({ numColumns = 3, children, onPress, style, ...rest }) => {\n    const width = getWidth(numColumns);\n    return (React.createElement(Touchable, { disabled: !onPress, onPress: onPress, style: [style, { width }], ...rest }, children));\n};\nexport default withTheme(Card);\n"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;AACA,MAAMA,QAAQ,GAAIC,UAAD,IAAgB;EAC7B,QAAQA,UAAR;IACI,KAAK,CAAL;MACI,OAAO,KAAP;;IACJ,KAAK,CAAL;MACI,OAAO,KAAP;;IACJ;MACI,OAAO,MAAP;EANR;AAQH,CATD;;AAUA,MAAMC,IAAI,GAAG,QAA2D;EAAA,IAA1D;IAAED,UAAU,GAAG,CAAf;IAAkBE,QAAlB;IAA4BC,OAA5B;IAAqCC,KAArC;IAA4C,GAAGC;EAA/C,CAA0D;EACpE,MAAMC,KAAK,GAAGP,QAAQ,CAACC,UAAD,CAAtB;EACA,oBAAQO,cAAA,CAAMC,aAAN,CAAoBC,kBAApB,EAA+B;IAAEC,QAAQ,EAAE,CAACP,OAAb;IAAsBA,OAAO,EAAEA,OAA/B;IAAwCC,KAAK,EAAE,CAACA,KAAD,EAAQ;MAAEE;IAAF,CAAR,CAA/C;IAAmE,GAAGD;EAAtE,CAA/B,EAA6GH,QAA7G,CAAR;AACH,CAHD;;eAIe,IAAAS,kBAAA,EAAUV,IAAV,C"}

package/lib/commonjs/components/Justification.js

@@ -1,2 +1,5 @@
 "use strict";
+//# sourceMappingURL=Justification.js.maple", {
+  value: true
+});
 //# sourceMappingURL=Justification.js.map

package/lib/commonjs/components/ResizeMode.js

@@ -1,2 +1,5 @@
 "use strict";
+//# sourceMappingURL=ResizeMode.js.mapodule", {
+  value: true
+});
 //# sourceMappingURL=ResizeMode.js.map

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

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

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

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

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

@@ -1,5 +1,3 @@
-function _extends() { _extends = Object.assign ? Object.assign.bind() : function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
-
 import * as React from "react";
 import { Pressable, StyleSheet, View } from "react-native";
 import Text from "../Text";
@@ -20,9 +18,10 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, _extends({
-    style: [styles.container, viewStyles]
-  }, rest), /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, {
+    style: [styles.container, viewStyles],
+    ...rest
+  }, /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -55,4 +54,23 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(AccordionItem);
+//# sourceMappingURL=AccordionItem.js.map= StyleSheet.create({
+  container: {
+    padding: 8
+  },
+  row: {
+    flexDirection: "row",
+    alignItems: "center",
+    paddingLeft: 8
+  },
+  item: {
+    marginVertical: 6,
+    paddingLeft: 8
+  },
+  content: {
+    flex: 1,
+    justifyContent: "center"
+  }
+});
+export default withTheme(AccordionItem);
 //# sourceMappingURL=AccordionItem.js.map

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

@@ -1 +1 @@
-{"version":3,"names":["React","Pressable","StyleSheet","View","Text","extractStyles","withTheme","AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","styles","container","row","colors","primary","item","content","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"sources":["AccordionItem.tsx"],"sourcesContent":["import * as React from \"react\";\nimport {\n  Pressable,\n  StyleSheet,\n  View,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport Text from \"../Text\";\nimport type { IconSlot } from \"../../interfaces/Icon\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nimport type { Theme } from \"../../styles/DefaultTheme\";\n\ntype Props = {\n  icon?: string;\n  label: string;\n  iconColor?: string;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst AccordionItem = ({\n  Icon,\n  icon,\n  label,\n  style,\n  iconColor,\n  theme,\n  ...rest\n}: Props) => {\n  const { textStyles, viewStyles } = extractStyles(style);\n\n  return (\n    <Pressable style={[styles.container, viewStyles]} {...rest}>\n      <View style={styles.row}>\n        {icon ? (\n          <Icon\n            name={icon}\n            size={24}\n            color={iconColor || theme.colors.primary}\n          />\n        ) : null}\n        <View style={[styles.item, styles.content]}>\n          <Text selectable={false} style={textStyles}>\n            {label}\n          </Text>\n        </View>\n      </View>\n    </Pressable>\n  );\n};\n\nconst styles = StyleSheet.create({\n  container: {\n    padding: 8,\n  },\n  row: {\n    flexDirection: \"row\",\n    alignItems: \"center\",\n    paddingLeft: 8,\n  },\n  item: {\n    marginVertical: 6,\n    paddingLeft: 8,\n  },\n  content: {\n    flex: 1,\n    justifyContent: \"center\",\n  },\n});\n\nexport default withTheme(AccordionItem);\n"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,SADF,EAEEC,UAFF,EAGEC,IAHF,QAMO,cANP;AAQA,OAAOC,IAAP,MAAiB,SAAjB;AAEA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,SAAT,QAA0B,eAA1B;;AAWA,MAAMC,aAAa,GAAG,QAQT;EAAA,IARU;IACrBC,IADqB;IAErBC,IAFqB;IAGrBC,KAHqB;IAIrBC,KAJqB;IAKrBC,SALqB;IAMrBC,KANqB;IAOrB,GAAGC;EAPkB,CAQV;EACX,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6BX,aAAa,CAACM,KAAD,CAAhD;EAEA,oBACE,oBAAC,SAAD;IAAW,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmBF,UAAnB;EAAlB,GAAsDF,IAAtD,gBACE,oBAAC,IAAD;IAAM,KAAK,EAAEG,MAAM,CAACE;EAApB,GACGV,IAAI,gBACH,oBAAC,IAAD;IACE,IAAI,EAAEA,IADR;IAEE,IAAI,EAAE,EAFR;IAGE,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAN,CAAaC;EAHnC,EADG,GAMD,IAPN,eAQE,oBAAC,IAAD;IAAM,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;EAAb,gBACE,oBAAC,IAAD;IAAM,UAAU,EAAE,KAAlB;IAAyB,KAAK,EAAER;EAAhC,GACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA7BD;;AA+BA,MAAMO,MAAM,GAAGf,UAAU,CAACsB,MAAX,CAAkB;EAC/BN,SAAS,EAAE;IACTO,OAAO,EAAE;EADA,CADoB;EAI/BN,GAAG,EAAE;IACHO,aAAa,EAAE,KADZ;IAEHC,UAAU,EAAE,QAFT;IAGHC,WAAW,EAAE;EAHV,CAJ0B;EAS/BN,IAAI,EAAE;IACJO,cAAc,EAAE,CADZ;IAEJD,WAAW,EAAE;EAFT,CATyB;EAa/BL,OAAO,EAAE;IACPO,IAAI,EAAE,CADC;IAEPC,cAAc,EAAE;EAFT;AAbsB,CAAlB,CAAf;AAmBA,eAAezB,SAAS,CAACC,aAAD,CAAxB"}
+{"version":3,"names":["React","Pressable","StyleSheet","View","Text","extractStyles","withTheme","AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","createElement","styles","container","row","name","size","color","colors","primary","item","content","selectable","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"sources":["AccordionItem.js"],"sourcesContent":["import * as React from \"react\";\nimport { Pressable, StyleSheet, View, } from \"react-native\";\nimport Text from \"../Text\";\nimport { extractStyles } from \"../../utilities\";\nimport { withTheme } from \"../../theming\";\nconst AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {\n    const { textStyles, viewStyles } = extractStyles(style);\n    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },\n        React.createElement(View, { style: styles.row },\n            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,\n            React.createElement(View, { style: [styles.item, styles.content] },\n                React.createElement(Text, { selectable: false, style: textStyles }, label)))));\n};\nconst styles = StyleSheet.create({\n    container: {\n        padding: 8,\n    },\n    row: {\n        flexDirection: \"row\",\n        alignItems: \"center\",\n        paddingLeft: 8,\n    },\n    item: {\n        marginVertical: 6,\n        paddingLeft: 8,\n    },\n    content: {\n        flex: 1,\n        justifyContent: \"center\",\n    },\n});\nexport default withTheme(AccordionItem);\n"],"mappings":"AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SAASC,SAAT,EAAoBC,UAApB,EAAgCC,IAAhC,QAA6C,cAA7C;AACA,OAAOC,IAAP,MAAiB,SAAjB;AACA,SAASC,aAAT,QAA8B,iBAA9B;AACA,SAASC,SAAT,QAA0B,eAA1B;;AACA,MAAMC,aAAa,GAAG,QAA6D;EAAA,IAA5D;IAAEC,IAAF;IAAQC,IAAR;IAAcC,KAAd;IAAqBC,KAArB;IAA4BC,SAA5B;IAAuCC,KAAvC;IAA8C,GAAGC;EAAjD,CAA4D;EAC/E,MAAM;IAAEC,UAAF;IAAcC;EAAd,IAA6BX,aAAa,CAACM,KAAD,CAAhD;EACA,oBAAQX,KAAK,CAACiB,aAAN,CAAoBhB,SAApB,EAA+B;IAAEU,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB,CAAT;IAAyC,GAAGF;EAA5C,CAA/B,eACJd,KAAK,CAACiB,aAAN,CAAoBd,IAApB,EAA0B;IAAEQ,KAAK,EAAEO,MAAM,CAACE;EAAhB,CAA1B,EACIX,IAAI,gBAAIT,KAAK,CAACiB,aAAN,CAAoBT,IAApB,EAA0B;IAAEa,IAAI,EAAEZ,IAAR;IAAca,IAAI,EAAE,EAApB;IAAwBC,KAAK,EAAEX,SAAS,IAAIC,KAAK,CAACW,MAAN,CAAaC;EAAzD,CAA1B,CAAJ,GAAqG,IAD7G,eAEIzB,KAAK,CAACiB,aAAN,CAAoBd,IAApB,EAA0B;IAAEQ,KAAK,EAAE,CAACO,MAAM,CAACQ,IAAR,EAAcR,MAAM,CAACS,OAArB;EAAT,CAA1B,eACI3B,KAAK,CAACiB,aAAN,CAAoBb,IAApB,EAA0B;IAAEwB,UAAU,EAAE,KAAd;IAAqBjB,KAAK,EAAEI;EAA5B,CAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMQ,MAAM,GAAGhB,UAAU,CAAC2B,MAAX,CAAkB;EAC7BV,SAAS,EAAE;IACPW,OAAO,EAAE;EADF,CADkB;EAI7BV,GAAG,EAAE;IACDW,aAAa,EAAE,KADd;IAEDC,UAAU,EAAE,QAFX;IAGDC,WAAW,EAAE;EAHZ,CAJwB;EAS7BP,IAAI,EAAE;IACFQ,cAAc,EAAE,CADd;IAEFD,WAAW,EAAE;EAFX,CATuB;EAa7BN,OAAO,EAAE;IACLQ,IAAI,EAAE,CADD;IAELC,cAAc,EAAE;EAFX;AAboB,CAAlB,CAAf;AAkBA,eAAe9B,SAAS,CAACC,aAAD,CAAxB"}

package/lib/module/components/Justification.js

@@ -1,2 +1,2 @@
 
-//# sourceMappingURL=Justification.js.map
+//# sourceMappingURL=Justification.js.mapion.js.map

package/lib/module/components/ResizeMode.js

@@ -1,2 +1,2 @@
 
-//# sourceMappingURL=ResizeMode.js.map
+//# sourceMappingURL=ResizeMode.js.mapode.js.map

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "46.0.2",
+  "version": "46.1.0",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -44,8 +44,8 @@
     "@draftbit/types": "^46.0.0",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
-    "@react-native-community/slider": "4.1.12",
-    "@react-native-picker/picker": "2.4.1",
+    "@react-native-community/slider": "4.2.3",
+    "@react-native-picker/picker": "2.4.2",
     "color": "^3.1.2",
     "date-fns": "^2.16.1",
     "dateformat": "^3.0.3",
@@ -78,5 +78,5 @@
       ]
     ]
   },
-  "gitHead": "4c0a4f430a28d4dab70a8c926afcb90921643656"
+  "gitHead": "630cf1e710a2716f2b942afea6d836b30a8fe2ab"
 }

package/src/Provider.js

@@ -0,0 +1,9 @@
+import * as React from "react";
+import { ThemeProvider } from "./theming";
+import PortalHost from "./components/Portal/PortalHost";
+export default class Provider extends React.Component {
+    render() {
+        return (React.createElement(PortalHost, null,
+            React.createElement(ThemeProvider, { theme: this.props.theme }, this.props.children)));
+    }
+}

package/src/components/Accordion/AccordionGroup.js

@@ -0,0 +1,44 @@
+import * as React from "react";
+import { View, StyleSheet, Pressable, } from "react-native";
+import Text from "../Text";
+import { withTheme } from "../../theming";
+import { extractStyles } from "../../utilities";
+const AccordionGroup = ({ label, expanded: expandedProp = false, openColor, closedColor, caretColor: caretColorProp, caretSize = 24, icon, iconSize = 24, style, children, theme, Icon, }) => {
+    const [expanded, setExpanded] = React.useState(expandedProp);
+    const { textStyles, viewStyles } = extractStyles(style);
+    const expandedColor = openColor || theme.colors.primary;
+    const collapsedColor = closedColor || theme.colors.primary;
+    const labelColor = expanded ? expandedColor : collapsedColor;
+    const caretColor = caretColorProp || labelColor;
+    const handlePressAction = () => {
+        setExpanded(!expanded);
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(Pressable, { style: [styles.row, viewStyles], onPress: handlePressAction, accessibilityRole: "button" },
+            icon ? (React.createElement(Icon, { name: icon, size: iconSize, color: labelColor, style: styles.icon })) : null,
+            React.createElement(View, { style: styles.content },
+                React.createElement(Text, { selectable: false, style: [
+                        textStyles,
+                        {
+                            color: labelColor,
+                        },
+                    ] }, label)),
+            React.createElement(Icon, { name: expanded
+                    ? "MaterialIcons/keyboard-arrow-up"
+                    : "MaterialIcons/keyboard-arrow-down", color: caretColor, size: caretSize })),
+        expanded ? children : null));
+};
+const styles = StyleSheet.create({
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+    icon: {
+        marginRight: 8,
+    },
+});
+export default withTheme(AccordionGroup);

package/src/components/Accordion/AccordionItem.js

@@ -0,0 +1,32 @@
+import * as React from "react";
+import { Pressable, StyleSheet, View, } from "react-native";
+import Text from "../Text";
+import { extractStyles } from "../../utilities";
+import { withTheme } from "../../theming";
+const AccordionItem = ({ Icon, icon, label, style, iconColor, theme, ...rest }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(Pressable, { style: [styles.container, viewStyles], ...rest },
+        React.createElement(View, { style: styles.row },
+            icon ? (React.createElement(Icon, { name: icon, size: 24, color: iconColor || theme.colors.primary })) : null,
+            React.createElement(View, { style: [styles.item, styles.content] },
+                React.createElement(Text, { selectable: false, style: textStyles }, label)))));
+};
+const styles = StyleSheet.create({
+    container: {
+        padding: 8,
+    },
+    row: {
+        flexDirection: "row",
+        alignItems: "center",
+        paddingLeft: 8,
+    },
+    item: {
+        marginVertical: 6,
+        paddingLeft: 8,
+    },
+    content: {
+        flex: 1,
+        justifyContent: "center",
+    },
+});
+export default withTheme(AccordionItem);

package/src/components/Accordion/index.js

@@ -0,0 +1,2 @@
+export { default as AccordionGroup } from "./AccordionGroup";
+export { default as AccordionItem } from "./AccordionItem";

package/src/components/ActionSheet/ActionSheet.js

@@ -0,0 +1,45 @@
+import React from "react";
+import { View, StyleSheet } from "react-native";
+import Portal from "../Portal/Portal";
+import Touchable from "../Touchable";
+import ActionSheetCancel from "./ActionSheetCancel";
+const ActionSheet = ({ visible = false, onClose, children }) => {
+    return visible ? (React.createElement(Portal, null,
+        React.createElement(Touchable, { style: styles.wrapper, onPress: onClose },
+            React.createElement(View, { style: styles.overlay }),
+            React.createElement(View, { style: styles.groupWrapper },
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child?.type !== ActionSheetCancel)),
+                React.createElement(View, { style: styles.group }, React.Children.toArray(children).filter((child) => child.type === ActionSheetCancel)))))) : (React.createElement(React.Fragment, null));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        flex: 1,
+        display: "flex",
+        flexDirection: "column",
+    },
+    overlay: {
+        position: "absolute",
+        top: 0,
+        left: 0,
+        right: 0,
+        bottom: 0,
+        backgroundColor: "#000000",
+        opacity: 0.3,
+    },
+    groupWrapper: {
+        flex: 1,
+        flexDirection: "column",
+        justifyContent: "flex-end",
+        display: "flex",
+        marginBottom: 25,
+    },
+    group: {
+        display: "flex",
+        flexDirection: "column",
+        borderRadius: 10,
+        marginHorizontal: 7,
+        marginVertical: 2.5,
+        overflow: "hidden",
+    },
+});
+export default ActionSheet;

package/src/components/ActionSheet/ActionSheetCancel.js

@@ -0,0 +1,6 @@
+import React from "react";
+import ActionSheetItem from "./ActionSheetItem";
+const ActionSheetCancel = ({ label = "Cancel", color, style, onPress, }) => {
+    return (React.createElement(ActionSheetItem, { label: label, color: color || "#FF453A", style: [style], onPress: onPress }));
+};
+export default ActionSheetCancel;

package/src/components/ActionSheet/ActionSheetItem.js

@@ -0,0 +1,30 @@
+import React from "react";
+import { Text, StyleSheet, TouchableOpacity, } from "react-native";
+import { extractStyles } from "../../utilities";
+const ActionSheetItem = ({ label, style, color, onPress, }) => {
+    const { textStyles, viewStyles } = extractStyles(style);
+    return (React.createElement(TouchableOpacity, { activeOpacity: 0.7, style: [styles.wrapper, viewStyles], onPress: onPress },
+        React.createElement(Text, { style: [styles.label, textStyles, { color }] }, label)));
+};
+const styles = StyleSheet.create({
+    wrapper: {
+        borderBottomWidth: StyleSheet.hairlineWidth,
+        borderBottomColor: "#CCCCCC",
+        backgroundColor: "#F1F1F1",
+        minHeight: 50,
+        overflow: "hidden",
+        display: "flex",
+        justifyContent: "center",
+    },
+    label: {
+        fontSize: 16,
+        textAlign: "center",
+        color: "#0A84FF",
+        fontWeight: "500",
+        overflow: "hidden",
+        paddingHorizontal: 20,
+        paddingVertical: 10,
+        alignSelf: "center",
+    },
+});
+export default ActionSheetItem;

package/src/components/ActionSheet/index.js

@@ -0,0 +1,3 @@
+export { default as ActionSheet } from "./ActionSheet";
+export { default as ActionSheetItem } from "./ActionSheetItem";
+export { default as ActionSheetCancel } from "./ActionSheetCancel";

package/src/components/AnimatedCircularProgress.js

@@ -0,0 +1,43 @@
+import * as React from "react";
+import { Animated, Easing, } from "react-native";
+import CircularProgress from "./CircularProgress";
+const AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);
+const AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = "black", ...other }) => {
+    const [fillAnimation] = React.useState(new Animated.Value(prefill));
+    const animate = React.useCallback((toVal = -1, dur, ease) => {
+        const toValue = toVal >= 0 ? toVal : fill;
+        const dura = dur || duration;
+        const eas = ease || easing;
+        const useNative = useNativeDriver;
+        const anim = Animated.timing(fillAnimation, {
+            useNativeDriver: useNative,
+            toValue,
+            easing: eas,
+            duration: dura,
+        });
+        anim.start(onAnimationComplete);
+        return anim;
+    }, [
+        duration,
+        easing,
+        fill,
+        useNativeDriver,
+        fillAnimation,
+        onAnimationComplete,
+    ]);
+    const animateColor = () => {
+        if (!tintColorSecondary) {
+            return tintColor;
+        }
+        const tintAnimation = fillAnimation.interpolate({
+            inputRange: [0, 100],
+            outputRange: [tintColor, tintColorSecondary],
+        });
+        return tintAnimation;
+    };
+    React.useEffect(() => {
+        animate();
+    }, [fill, animate]);
+    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));
+};
+export default AnimatedCircularProgress;

package/src/components/AspectRatio.js

@@ -0,0 +1,18 @@
+import React from "react";
+import { View, StyleSheet, } from "react-native";
+const AspectRatio = (props) => {
+    const [layout, setLayout] = React.useState(null);
+    const { aspectRatio = 1, ...inputStyle } = StyleSheet.flatten(props.style) || {};
+    const style = [inputStyle, { aspectRatio }];
+    if (layout) {
+        const { width = 0, height = 0 } = layout;
+        if (width === 0) {
+            style.push({ width: height * (1 / aspectRatio), height });
+        }
+        else {
+            style.push({ width, height: width * (1 / aspectRatio) });
+        }
+    }
+    return (React.createElement(View, { ...props, style: style, onLayout: ({ nativeEvent: { layout: l } }) => setLayout(l) }, props.children));
+};
+export default AspectRatio;

package/src/components/AvatarEdit.js

@@ -0,0 +1,30 @@
+import * as React from "react";
+import { View } from "react-native";
+import Touchable from "./Touchable";
+import CircleImage from "./CircleImage";
+import { withTheme } from "../theming";
+const AvatarEdit = ({ Icon, image, size = 80, onPress = () => { }, style, theme, ...rest }) => {
+    const colorStyles = {
+        editBackgroundColor: theme.colors.primary,
+        editIconColor: theme.colors.surface,
+        editBorderColor: theme.colors.surface,
+    };
+    const dimensions = {
+        width: size,
+        height: size,
+    };
+    return (React.createElement(View, { style: [style, dimensions], ...rest },
+        React.createElement(Touchable, { onPress: onPress },
+            React.createElement(CircleImage, { source: image, size: size }),
+            React.createElement(View, { style: {
+                    position: "absolute",
+                    top: -3,
+                    right: -3,
+                    borderColor: colorStyles.editBorderColor,
+                    backgroundColor: colorStyles.editBackgroundColor,
+                    borderRadius: size * (3 / 16),
+                    padding: size * (3 / 32),
+                } },
+                React.createElement(Icon, { name: "MaterialIcons/edit", color: colorStyles.editIconColor, size: size * (3 / 16) })))));
+};
+export default withTheme(AvatarEdit);