@draftbit/core 43.7.1-c7d91d.0 → 43.7.2-6aa518.0

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

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

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

@@ -1 +1 @@
-{"version":3,"sources":["AccordionItem.js"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","React","createElement","Pressable","styles","container","View","row","name","size","color","colors","primary","item","content","Text","selectable","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,aAAa,GAAG,QAA6D;AAAA,MAA5D;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA,KAAvC;AAA8C,OAAGC;AAAjD,GAA4D;AAC/E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBAAQM,KAAK,CAACC,aAAN,CAAoBC,sBAApB,EAA+B;AAAER,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACC,SAAR,EAAmBL,UAAnB,CAAT;AAAyC,OAAGF;AAA5C,GAA/B,eACJG,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAES,MAAM,CAACG;AAAhB,GAA1B,EACId,IAAI,gBAAIQ,KAAK,CAACC,aAAN,CAAoBV,IAApB,EAA0B;AAAEgB,IAAAA,IAAI,EAAEf,IAAR;AAAcgB,IAAAA,IAAI,EAAE,EAApB;AAAwBC,IAAAA,KAAK,EAAEd,SAAS,IAAIC,KAAK,CAACc,MAAN,CAAaC;AAAzD,GAA1B,CAAJ,GAAqG,IAD7G,eAEIX,KAAK,CAACC,aAAN,CAAoBI,iBAApB,EAA0B;AAAEX,IAAAA,KAAK,EAAE,CAACS,MAAM,CAACS,IAAR,EAAcT,MAAM,CAACU,OAArB;AAAT,GAA1B,eACIb,KAAK,CAACC,aAAN,CAAoBa,aAApB,EAA0B;AAAEC,IAAAA,UAAU,EAAE,KAAd;AAAqBrB,IAAAA,KAAK,EAAEI;AAA5B,GAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMU,MAAM,GAAGa,wBAAWC,MAAX,CAAkB;AAC7Bb,EAAAA,SAAS,EAAE;AACPc,IAAAA,OAAO,EAAE;AADF,GADkB;AAI7BZ,EAAAA,GAAG,EAAE;AACDa,IAAAA,aAAa,EAAE,KADd;AAEDC,IAAAA,UAAU,EAAE,QAFX;AAGDC,IAAAA,WAAW,EAAE;AAHZ,GAJwB;AAS7BT,EAAAA,IAAI,EAAE;AACFU,IAAAA,cAAc,EAAE,CADd;AAEFD,IAAAA,WAAW,EAAE;AAFX,GATuB;AAa7BR,EAAAA,OAAO,EAAE;AACLU,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,cAAc,EAAE;AAFX;AAboB,CAAlB,CAAf;;eAkBe,wBAAUlC,aAAV,C","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"]}
+{"version":3,"sources":["AccordionItem.tsx"],"names":["AccordionItem","Icon","icon","label","style","iconColor","theme","rest","textStyles","viewStyles","styles","container","row","colors","primary","item","content","StyleSheet","create","padding","flexDirection","alignItems","paddingLeft","marginVertical","flex","justifyContent"],"mappings":";;;;;;;AAAA;;AACA;;AAQA;;AAEA;;AACA;;;;;;;;;;AAWA,MAAMA,aAAa,GAAG,QAQT;AAAA,MARU;AACrBC,IAAAA,IADqB;AAErBC,IAAAA,IAFqB;AAGrBC,IAAAA,KAHqB;AAIrBC,IAAAA,KAJqB;AAKrBC,IAAAA,SALqB;AAMrBC,IAAAA,KANqB;AAOrB,OAAGC;AAPkB,GAQV;AACX,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6B,8BAAcL,KAAd,CAAnC;AACA,sBACE,oBAAC,sBAAD;AAAW,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmBF,UAAnB;AAAlB,KAAsDF,IAAtD,gBACE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACE;AAApB,KACGV,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAN,CAAaC;AAHnC,IADG,GAMD,IAPN,eAQE,oBAAC,iBAAD;AAAM,IAAA,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;AAAb,kBACE,oBAAC,aAAD;AAAM,IAAA,UAAU,EAAE,KAAlB;AAAyB,IAAA,KAAK,EAAER;AAAhC,KACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA5BD;;AA8BA,MAAMO,MAAM,GAAGO,wBAAWC,MAAX,CAAkB;AAC/BP,EAAAA,SAAS,EAAE;AACTQ,IAAAA,OAAO,EAAE;AADA,GADoB;AAI/BP,EAAAA,GAAG,EAAE;AACHQ,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE,QAFT;AAGHC,IAAAA,WAAW,EAAE;AAHV,GAJ0B;AAS/BP,EAAAA,IAAI,EAAE;AACJQ,IAAAA,cAAc,EAAE,CADZ;AAEJD,IAAAA,WAAW,EAAE;AAFT,GATyB;AAa/BN,EAAAA,OAAO,EAAE;AACPQ,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT;AAbsB,CAAlB,CAAf;;eAmBe,wBAAUzB,aAAV,C","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  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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["ActionSheetCancel.js"],"names":["ActionSheetCancel","label","color","style","onPress","React","createElement","ActionSheetItem"],"mappings":";;;;;;;AAAA;;AACA;;;;AACA,MAAMA,iBAAiB,GAAG,QAAkD;AAAA,MAAjD;AAAEC,IAAAA,KAAK,GAAG,QAAV;AAAoBC,IAAAA,KAApB;AAA2BC,IAAAA,KAA3B;AAAkCC,IAAAA;AAAlC,GAAiD;AACxE,sBAAQC,eAAMC,aAAN,CAAoBC,wBAApB,EAAqC;AAAEN,IAAAA,KAAK,EAAEA,KAAT;AAAgBC,IAAAA,KAAK,EAAEA,KAAK,IAAI,SAAhC;AAA2CC,IAAAA,KAAK,EAAE,CAACA,KAAD,CAAlD;AAA2DC,IAAAA,OAAO,EAAEA;AAApE,GAArC,CAAR;AACH,CAFD;;eAGeJ,iB","sourcesContent":["import React from \"react\";\nimport ActionSheetItem from \"./ActionSheetItem\";\nconst ActionSheetCancel = ({ label = \"Cancel\", color, style, onPress, }) => {\n    return (React.createElement(ActionSheetItem, { label: label, color: color || \"#FF453A\", style: [style], onPress: onPress }));\n};\nexport default ActionSheetCancel;\n"]}
+{"version":3,"sources":["ActionSheetCancel.tsx"],"names":["ActionSheetCancel","label","color","style","onPress"],"mappings":";;;;;;;AAAA;;AAEA;;;;AASA,MAAMA,iBAAkC,GAAG,QAKrC;AAAA,MALsC;AAC1CC,IAAAA,KAAK,GAAG,QADkC;AAE1CC,IAAAA,KAF0C;AAG1CC,IAAAA,KAH0C;AAI1CC,IAAAA;AAJ0C,GAKtC;AACJ,sBACE,6BAAC,wBAAD;AACE,IAAA,KAAK,EAAEH,KADT;AAEE,IAAA,KAAK,EAAEC,KAAK,IAAI,SAFlB;AAGE,IAAA,KAAK,EAAE,CAACC,KAAD,CAHT;AAIE,IAAA,OAAO,EAAEC;AAJX,IADF;AAQD,CAdD;;eAgBeJ,iB","sourcesContent":["import React from \"react\";\nimport { StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport ActionSheetItem from \"./ActionSheetItem\";\n\ntype Props = {\n  label: string;\n  color: string;\n  style?: StyleProp<ViewStyle | TextStyle>;\n  onPress?: () => void;\n};\n\nconst ActionSheetCancel: React.FC<Props> = ({\n  label = \"Cancel\",\n  color,\n  style,\n  onPress,\n}) => {\n  return (\n    <ActionSheetItem\n      label={label}\n      color={color || \"#FF453A\"}\n      style={[style]}\n      onPress={onPress}\n    />\n  );\n};\n\nexport default ActionSheetCancel;\n"]}

package/lib/commonjs/components/AnimatedCircularProgress.js

@@ -17,6 +17,8 @@ function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "functio
 
 function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || typeof obj !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
 
+function _extends() { _extends = Object.assign || 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 AnimatedProgress = _reactNative.Animated.createAnimatedComponent(_CircularProgress.default);
 
 const AnimatedCircularProgress = _ref => {
@@ -67,17 +69,7 @@ const AnimatedCircularProgress = _ref => {
   React.useEffect(() => {
     animate();
   }, [fill, animate]);
-  return /*#__PURE__*/React.createElement(AnimatedProgress, { ...other,
-    style: other.style,
-    childrenContainerStyle: other.childrenContainerStyle,
-    fill: fillAnimation,
-    tintColor: animateColor()
-  });
-};
-
-var _default = AnimatedCircularProgress;
-exports.default = _default;
-//# sourceMappingURL=AnimatedCircularProgress.js.map/React.createElement(AnimatedProgress, _extends({}, other, {
+  return /*#__PURE__*/React.createElement(AnimatedProgress, _extends({}, other, {
     style: other.style,
     childrenContainerStyle: other.childrenContainerStyle,
     fill: fillAnimation,

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

@@ -1 +1 @@
-{"version":3,"sources":["AnimatedCircularProgress.js"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","createElement","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;;;;;;;AACA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AACA,MAAMC,wBAAwB,GAAG,QAA8K;AAAA,MAA7K;AAAEC,IAAAA,QAAQ,GAAG,GAAb;AAAkBC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,IAAlB,CAA3B;AAAoDC,IAAAA,IAApD;AAA0DC,IAAAA,OAAO,GAAG,CAApE;AAAuEC,IAAAA,eAAe,GAAG,KAAzF;AAAgGC,IAAAA,kBAAhG;AAAoHC,IAAAA,mBAApH;AAAyIC,IAAAA,SAAS,GAAG,OAArJ;AAA8J,OAAGC;AAAjK,GAA6K;AAC3M,QAAM,CAACC,aAAD,IAAkBC,KAAK,CAACC,QAAN,CAAe,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CAAf,CAAxB;AACA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CAAkB,YAA2B;AAAA,QAA1BC,KAA0B,uEAAlB,CAAC,CAAiB;AAAA,QAAdC,GAAc;AAAA,QAATf,IAAS;AACzD,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AACA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AACxCL,MAAAA,eAAe,EAAEgB,SADuB;AAExCH,MAAAA,OAFwC;AAGxCnB,MAAAA,MAAM,EAAEqB,GAHgC;AAIxCtB,MAAAA,QAAQ,EAAEqB;AAJ8B,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AACA,WAAOe,IAAP;AACH,GAbe,EAab,CACCxB,QADD,EAECC,MAFD,EAGCI,IAHD,EAICE,eAJD,EAKCK,aALD,EAMCH,mBAND,CAba,CAAhB;;AAqBA,QAAMkB,YAAY,GAAG,MAAM;AACvB,QAAI,CAACnB,kBAAL,EAAyB;AACrB,aAAOE,SAAP;AACH;;AACD,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC5CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADgC;AAE5CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAF+B,KAA1B,CAAtB;AAIA,WAAOoB,aAAP;AACH,GATD;;AAUAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AAClBhB,IAAAA,OAAO;AACV,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAGA,sBAAQH,KAAK,CAACoB,aAAN,CAAoBtC,gBAApB,EAAsC,EAAE,GAAGgB,KAAL;AAAYuB,IAAAA,KAAK,EAAEvB,KAAK,CAACuB,KAAzB;AAAgCC,IAAAA,sBAAsB,EAAExB,KAAK,CAACwB,sBAA9D;AAAsF9B,IAAAA,IAAI,EAAEO,aAA5F;AAA2GF,IAAAA,SAAS,EAAEiB,YAAY;AAAlI,GAAtC,CAAR;AACH,CArCD;;eAsCe5B,wB","sourcesContent":["import * as React from \"react\";\nimport { Animated, Easing, } from \"react-native\";\nimport CircularProgress from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\nconst AnimatedCircularProgress = ({ duration = 500, easing = Easing.out(Easing.ease), fill, prefill = 0, useNativeDriver = false, tintColorSecondary, onAnimationComplete, tintColor = \"black\", ...other }) => {\n    const [fillAnimation] = React.useState(new Animated.Value(prefill));\n    const animate = React.useCallback((toVal = -1, dur, ease) => {\n        const toValue = toVal >= 0 ? toVal : fill;\n        const dura = dur || duration;\n        const eas = ease || easing;\n        const useNative = useNativeDriver;\n        const anim = Animated.timing(fillAnimation, {\n            useNativeDriver: useNative,\n            toValue,\n            easing: eas,\n            duration: dura,\n        });\n        anim.start(onAnimationComplete);\n        return anim;\n    }, [\n        duration,\n        easing,\n        fill,\n        useNativeDriver,\n        fillAnimation,\n        onAnimationComplete,\n    ]);\n    const animateColor = () => {\n        if (!tintColorSecondary) {\n            return tintColor;\n        }\n        const tintAnimation = fillAnimation.interpolate({\n            inputRange: [0, 100],\n            outputRange: [tintColor, tintColorSecondary],\n        });\n        return tintAnimation;\n    };\n    React.useEffect(() => {\n        animate();\n    }, [fill, animate]);\n    return (React.createElement(AnimatedProgress, { ...other, style: other.style, childrenContainerStyle: other.childrenContainerStyle, fill: fillAnimation, tintColor: animateColor() }));\n};\nexport default AnimatedCircularProgress;\n"]}
+{"version":3,"sources":["AnimatedCircularProgress.tsx"],"names":["AnimatedProgress","Animated","createAnimatedComponent","CircularProgress","AnimatedCircularProgress","duration","easing","Easing","out","ease","fill","prefill","useNativeDriver","tintColorSecondary","onAnimationComplete","tintColor","other","fillAnimation","React","useState","Value","animate","useCallback","toVal","dur","toValue","dura","eas","useNative","anim","timing","start","animateColor","tintAnimation","interpolate","inputRange","outputRange","useEffect","style","childrenContainerStyle"],"mappings":";;;;;;;AAAA;;AACA;;AAOA;;;;;;;;;;AAGA,MAAMA,gBAAgB,GAAGC,sBAASC,uBAAT,CAAiCC,yBAAjC,CAAzB;;AAWA,MAAMC,wBAAyC,GAAG,QAU5C;AAAA,MAV6C;AACjDC,IAAAA,QAAQ,GAAG,GADsC;AAEjDC,IAAAA,MAAM,GAAGC,oBAAOC,GAAP,CAAWD,oBAAOE,IAAlB,CAFwC;AAGjDC,IAAAA,IAHiD;AAIjDC,IAAAA,OAAO,GAAG,CAJuC;AAKjDC,IAAAA,eAAe,GAAG,KAL+B;AAMjDC,IAAAA,kBANiD;AAOjDC,IAAAA,mBAPiD;AAQjDC,IAAAA,SAAS,GAAG,OARqC;AASjD,OAAGC;AAT8C,GAU7C;AACJ,QAAM,CAACC,aAAD,IAAkBC,KAAK,CAACC,QAAN,CACtB,IAAIlB,sBAASmB,KAAb,CAAmBT,OAAnB,CADsB,CAAxB;AAIA,QAAMU,OAAO,GAAGH,KAAK,CAACI,WAAN,CACd,YAIkC;AAAA,QAHhCC,KAGgC,uEAHhB,CAAC,CAGe;AAAA,QAFhCC,GAEgC;AAAA,QADhCf,IACgC;AAChC,UAAMgB,OAAO,GAAGF,KAAK,IAAI,CAAT,GAAaA,KAAb,GAAqBb,IAArC;AACA,UAAMgB,IAAI,GAAGF,GAAG,IAAInB,QAApB;AACA,UAAMsB,GAAG,GAAGlB,IAAI,IAAIH,MAApB;AACA,UAAMsB,SAAS,GAAGhB,eAAlB;;AAEA,UAAMiB,IAAI,GAAG5B,sBAAS6B,MAAT,CAAgBb,aAAhB,EAA+B;AAC1CL,MAAAA,eAAe,EAAEgB,SADyB;AAE1CH,MAAAA,OAF0C;AAG1CnB,MAAAA,MAAM,EAAEqB,GAHkC;AAI1CtB,MAAAA,QAAQ,EAAEqB;AAJgC,KAA/B,CAAb;;AAMAG,IAAAA,IAAI,CAACE,KAAL,CAAWjB,mBAAX;AAEA,WAAOe,IAAP;AACD,GApBa,EAqBd,CACExB,QADF,EAEEC,MAFF,EAGEI,IAHF,EAIEE,eAJF,EAKEK,aALF,EAMEH,mBANF,CArBc,CAAhB;;AA+BA,QAAMkB,YAAY,GAAG,MAAM;AACzB,QAAI,CAACnB,kBAAL,EAAyB;AACvB,aAAOE,SAAP;AACD;;AAED,UAAMkB,aAAa,GAAGhB,aAAa,CAACiB,WAAd,CAA0B;AAC9CC,MAAAA,UAAU,EAAE,CAAC,CAAD,EAAI,GAAJ,CADkC;AAE9CC,MAAAA,WAAW,EAAE,CAACrB,SAAD,EAAYF,kBAAZ;AAFiC,KAA1B,CAAtB;AAKA,WAAOoB,aAAP;AACD,GAXD;;AAaAf,EAAAA,KAAK,CAACmB,SAAN,CAAgB,MAAM;AACpBhB,IAAAA,OAAO;AACR,GAFD,EAEG,CAACX,IAAD,EAAOW,OAAP,CAFH;AAIA,sBACE,oBAAC,gBAAD,eACML,KADN;AAEE,IAAA,KAAK,EAAEA,KAAK,CAACsB,KAFf;AAGE,IAAA,sBAAsB,EACpBtB,KAAK,CAACuB,sBAJV;AAQE,IAAA,IAAI,EAAEtB,aARR;AASE,IAAA,SAAS,EAAEe,YAAY;AATzB,KADF;AAaD,CA5ED;;eA8Ee5B,wB","sourcesContent":["import * as React from \"react\";\nimport {\n  Animated,\n  Easing,\n  EasingFunction,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\nimport CircularProgress, {\n  Props as CircularProgressProps,\n} from \"./CircularProgress\";\nconst AnimatedProgress = Animated.createAnimatedComponent(CircularProgress);\n\ntype Props = {\n  duration?: number;\n  easing?: EasingFunction;\n  prefill?: number;\n  useNativeDriver?: boolean;\n  tintColorSecondary?: string;\n  onAnimationComplete?: Animated.EndCallback | undefined;\n} & CircularProgressProps;\n\nconst AnimatedCircularProgress: React.FC<Props> = ({\n  duration = 500,\n  easing = Easing.out(Easing.ease),\n  fill,\n  prefill = 0,\n  useNativeDriver = false,\n  tintColorSecondary,\n  onAnimationComplete,\n  tintColor = \"black\",\n  ...other\n}) => {\n  const [fillAnimation] = React.useState<Animated.Value>(\n    new Animated.Value(prefill)\n  );\n\n  const animate = React.useCallback(\n    (\n      toVal: number = -1,\n      dur?: number,\n      ease?: EasingFunction\n    ): Animated.CompositeAnimation => {\n      const toValue = toVal >= 0 ? toVal : fill;\n      const dura = dur || duration;\n      const eas = ease || easing;\n      const useNative = useNativeDriver;\n\n      const anim = Animated.timing(fillAnimation, {\n        useNativeDriver: useNative,\n        toValue,\n        easing: eas,\n        duration: dura,\n      });\n      anim.start(onAnimationComplete);\n\n      return anim;\n    },\n    [\n      duration,\n      easing,\n      fill,\n      useNativeDriver,\n      fillAnimation,\n      onAnimationComplete,\n    ]\n  );\n\n  const animateColor = () => {\n    if (!tintColorSecondary) {\n      return tintColor;\n    }\n\n    const tintAnimation = fillAnimation.interpolate({\n      inputRange: [0, 100],\n      outputRange: [tintColor, tintColorSecondary],\n    });\n\n    return tintAnimation;\n  };\n\n  React.useEffect(() => {\n    animate();\n  }, [fill, animate]);\n\n  return (\n    <AnimatedProgress\n      {...other}\n      style={other.style as Animated.WithAnimatedValue<StyleProp<ViewStyle>>}\n      childrenContainerStyle={\n        other.childrenContainerStyle as Animated.WithAnimatedValue<\n          StyleProp<ViewStyle>\n        >\n      }\n      fill={fillAnimation}\n      tintColor={animateColor()}\n    />\n  );\n};\n\nexport default AnimatedCircularProgress;\n"]}

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 || 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,22 @@ const styles = _reactNative.StyleSheet.create({
 
 var _default = (0, _theming.withTheme)(Button);
 
+exports.default = _default;
+//# sourceMappingURL=DeprecatedButton.js.map
+    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,"sources":["DeprecatedButton.tsx"],"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"],"mappings":"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","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<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"]}
+{"version":3,"sources":["DeprecatedButton.js"],"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"],"mappings":"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","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"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["PortalConsumer.tsx"],"names":["PortalConsumer","React","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;;;;;;AAAA;;;;;;;;AAQe,MAAMA,cAAN,SAA6BC,KAAK,CAACC,SAAnC,CAAoD;AAAA;AAAA;;AAAA;AAAA;;AAC1C,QAAjBC,iBAAiB,GAAG;AACxB,SAAKC,YAAL,GADwB,CAGxB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AAEA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACD;;AAEDC,EAAAA,kBAAkB,GAAG;AACnB,SAAKR,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACD;;AAEDG,EAAAA,oBAAoB,GAAG;AACrB,SAAKV,YAAL;AAEA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACD;;AAIOH,EAAAA,YAAY,GAAG;AACrB,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACvB,YAAM,IAAIO,KAAJ,CACJ,+GACE,iGADF,GAEE,qEAHE,CAAN;AAKD;AACF;;AAEDC,EAAAA,MAAM,GAAG;AACP,WAAO,IAAP;AACD;;AApCgE","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"]}
+{"version":3,"sources":["PortalConsumer.js"],"names":["PortalConsumer","React","Component","componentDidMount","checkManager","Promise","resolve","key","props","manager","mount","children","componentDidUpdate","update","componentWillUnmount","unmount","Error","render"],"mappings":";;;;;;;AAAA;;;;;;;;AACe,MAAMA,cAAN,SAA6BC,KAAK,CAACC,SAAnC,CAA6C;AAAA;AAAA;;AAAA;AAAA;;AACjC,QAAjBC,iBAAiB,GAAG;AACtB,SAAKC,YAAL,GADsB,CAEtB;;AACA,UAAMC,OAAO,CAACC,OAAR,EAAN;AACA,SAAKC,GAAL,GAAW,KAAKC,KAAL,CAAWC,OAAX,CAAmBC,KAAnB,CAAyB,KAAKF,KAAL,CAAWG,QAApC,CAAX;AACH;;AACDC,EAAAA,kBAAkB,GAAG;AACjB,SAAKR,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBI,MAAnB,CAA0B,KAAKN,GAA/B,EAAoC,KAAKC,KAAL,CAAWG,QAA/C;AACH;;AACDG,EAAAA,oBAAoB,GAAG;AACnB,SAAKV,YAAL;AACA,SAAKI,KAAL,CAAWC,OAAX,CAAmBM,OAAnB,CAA2B,KAAKR,GAAhC;AACH;;AAEDH,EAAAA,YAAY,GAAG;AACX,QAAI,CAAC,KAAKI,KAAL,CAAWC,OAAhB,EAAyB;AACrB,YAAM,IAAIO,KAAJ,CAAU,+GACZ,iGADY,GAEZ,qEAFE,CAAN;AAGH;AACJ;;AACDC,EAAAA,MAAM,GAAG;AACL,WAAO,IAAP;AACH;;AAzBuD","sourcesContent":["import * as React from \"react\";\nexport default class PortalConsumer extends React.Component {\n    async componentDidMount() {\n        this.checkManager();\n        // Delay updating to prevent React from going to infinite loop\n        await Promise.resolve();\n        this.key = this.props.manager.mount(this.props.children);\n    }\n    componentDidUpdate() {\n        this.checkManager();\n        this.props.manager.update(this.key, this.props.children);\n    }\n    componentWillUnmount() {\n        this.checkManager();\n        this.props.manager.unmount(this.key);\n    }\n    key;\n    checkManager() {\n        if (!this.props.manager) {\n            throw new Error(\"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    render() {\n        return null;\n    }\n}\n"]}

package/lib/commonjs/components/Surface.js

@@ -21,8 +21,7 @@ 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 || 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); }
-
+/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */
 const Surface = _ref => {
   let {
     elevation: propElevation,
@@ -54,13 +53,24 @@ const Surface = _ref => {
     }
   };
 
-  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, _extends({}, rest, {
+  return /*#__PURE__*/React.createElement(_reactNative.Animated.View, { ...rest,
     style: [{
       backgroundColor: getBackgroundColor(),
       elevation,
       ...evalationStyles,
       ...restStyle
     }]
+  }, children);
+};
+
+var _default = (0, _theming.withTheme)(Surface);
+
+exports.default = _default;
+//# sourceMappingURL=Surface.js.map: getBackgroundColor(),
+      elevation,
+      ...evalationStyles,
+      ...restStyle
+    }]
   }), children);
 };
 

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

@@ -1 +1 @@
-{"version":3,"sources":["Surface.tsx"],"names":["Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","StyleSheet","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface"],"mappings":";;;;;;;AACA;;AACA;;AAQA;;AACA;;AACA;;;;;;;;;;AASA,MAAMA,OAAwB,GAAG,QAM3B;AAAA,MAN4B;AAChCC,IAAAA,SAAS,EAAEC,aADqB;AAEhCC,IAAAA,KAFgC;AAGhCC,IAAAA,KAHgC;AAIhCC,IAAAA,QAJgC;AAKhC,OAAGC;AAL6B,GAM5B;AACJ,QAAM;AACJL,IAAAA,SAAS,EAAEM,cAAc,GAAG,CADxB;AAEJC,IAAAA,eAFI;AAGJ,OAAGC;AAHC,MAIDC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAJlC;AAMA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AAEA,QAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;AAEA,QAAMS,eAAe,GAAGf,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,EAAxD;;AAEA,QAAMgB,kBAAkB,GAAG,MAAM;AAC/B,QAAIT,eAAJ,EAAqB;AACnB,aAAOA,eAAP;AACD,KAFD,MAEO,IAAIK,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;AAC7C,aAAO,sBAAQb,SAAR,EAAmBc,MAAM,CAACG,OAA1B,CAAP;AACD,KAFM,MAEA;AACL,aAAOH,MAAM,CAACG,OAAd;AACD;AACF,GARD;;AAUA,sBACE,oBAAC,qBAAD,CAAU,IAAV,eACMZ,IADN;AAEE,IAAA,KAAK,EAAE,CACL;AACEE,MAAAA,eAAe,EAAES,kBAAkB,EADrC;AAEEhB,MAAAA,SAFF;AAGE,SAAGe,eAHL;AAIE,SAAGP;AAJL,KADK;AAFT,MAWGJ,QAXH,CADF;AAeD,CA5CD;;eA8Ce,wBAAUL,OAAV,C","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport {\n  Animated,\n  StyleSheet,\n  ViewProps,\n  StyleProp,\n  ViewStyle,\n} from \"react-native\";\n\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\n\ntype Props = {\n  elevation?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & ViewProps;\n\nconst Surface: React.FC<Props> = ({\n  elevation: propElevation,\n  style,\n  theme,\n  children,\n  ...rest\n}) => {\n  const {\n    elevation: styleElevation = 3,\n    backgroundColor,\n    ...restStyle\n  } = (StyleSheet.flatten(style) || {}) as ViewStyle;\n\n  const { dark: isDarkTheme, mode, colors } = theme;\n\n  const elevation = propElevation || styleElevation;\n\n  const evalationStyles = elevation ? shadow(elevation) : {};\n\n  const getBackgroundColor = () => {\n    if (backgroundColor) {\n      return backgroundColor;\n    } else if (isDarkTheme && mode === \"adaptive\") {\n      return overlay(elevation, colors.surface);\n    } else {\n      return colors.surface;\n    }\n  };\n\n  return (\n    <Animated.View\n      {...rest}\n      style={[\n        {\n          backgroundColor: getBackgroundColor(),\n          elevation,\n          ...evalationStyles,\n          ...restStyle,\n        },\n      ]}\n    >\n      {children}\n    </Animated.View>\n  );\n};\n\nexport default withTheme(Surface);\n"]}
+{"version":3,"sources":["Surface.js"],"names":["Surface","elevation","propElevation","style","theme","children","rest","styleElevation","backgroundColor","restStyle","StyleSheet","flatten","dark","isDarkTheme","mode","colors","evalationStyles","getBackgroundColor","surface","React","createElement","Animated","View"],"mappings":";;;;;;;AACA;;AACA;;AACA;;AACA;;AACA;;;;;;;;AALA;AAMA,MAAMA,OAAO,GAAG,QAAmE;AAAA,MAAlE;AAAEC,IAAAA,SAAS,EAAEC,aAAb;AAA4BC,IAAAA,KAA5B;AAAmCC,IAAAA,KAAnC;AAA0CC,IAAAA,QAA1C;AAAoD,OAAGC;AAAvD,GAAkE;AAC/E,QAAM;AAAEL,IAAAA,SAAS,EAAEM,cAAc,GAAG,CAA9B;AAAiCC,IAAAA,eAAjC;AAAkD,OAAGC;AAArD,MAAoEC,wBAAWC,OAAX,CAAmBR,KAAnB,KAA6B,EAAvG;AACA,QAAM;AAAES,IAAAA,IAAI,EAAEC,WAAR;AAAqBC,IAAAA,IAArB;AAA2BC,IAAAA;AAA3B,MAAsCX,KAA5C;AACA,QAAMH,SAAS,GAAGC,aAAa,IAAIK,cAAnC;AACA,QAAMS,eAAe,GAAGf,SAAS,GAAG,qBAAOA,SAAP,CAAH,GAAuB,EAAxD;;AACA,QAAMgB,kBAAkB,GAAG,MAAM;AAC7B,QAAIT,eAAJ,EAAqB;AACjB,aAAOA,eAAP;AACH,KAFD,MAGK,IAAIK,WAAW,IAAIC,IAAI,KAAK,UAA5B,EAAwC;AACzC,aAAO,sBAAQb,SAAR,EAAmBc,MAAM,CAACG,OAA1B,CAAP;AACH,KAFI,MAGA;AACD,aAAOH,MAAM,CAACG,OAAd;AACH;AACJ,GAVD;;AAWA,sBAAQC,KAAK,CAACC,aAAN,CAAoBC,sBAASC,IAA7B,EAAmC,EAAE,GAAGhB,IAAL;AAAWH,IAAAA,KAAK,EAAE,CACrD;AACIK,MAAAA,eAAe,EAAES,kBAAkB,EADvC;AAEIhB,MAAAA,SAFJ;AAGI,SAAGe,eAHP;AAII,SAAGP;AAJP,KADqD;AAAlB,GAAnC,EAOCJ,QAPD,CAAR;AAQH,CAxBD;;eAyBe,wBAAUL,OAAV,C","sourcesContent":["/* Copied from https://github.com/callstack/react-native-paper/blob/main/src/components/Surface.tsx */\nimport * as React from \"react\";\nimport { Animated, StyleSheet, } from \"react-native\";\nimport shadow from \"../styles/shadow\";\nimport overlay from \"../styles/overlay\";\nimport { withTheme } from \"../theming\";\nconst Surface = ({ elevation: propElevation, style, theme, children, ...rest }) => {\n    const { elevation: styleElevation = 3, backgroundColor, ...restStyle } = (StyleSheet.flatten(style) || {});\n    const { dark: isDarkTheme, mode, colors } = theme;\n    const elevation = propElevation || styleElevation;\n    const evalationStyles = elevation ? shadow(elevation) : {};\n    const getBackgroundColor = () => {\n        if (backgroundColor) {\n            return backgroundColor;\n        }\n        else if (isDarkTheme && mode === \"adaptive\") {\n            return overlay(elevation, colors.surface);\n        }\n        else {\n            return colors.surface;\n        }\n    };\n    return (React.createElement(Animated.View, { ...rest, style: [\n            {\n                backgroundColor: getBackgroundColor(),\n                elevation,\n                ...evalationStyles,\n                ...restStyle,\n            },\n        ] }, children));\n};\nexport default withTheme(Surface);\n"]}

package/lib/commonjs/components/ToggleButton.js

@@ -19,8 +19,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 || 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 ToggleButton = _ref => {
   let {
     Icon,
@@ -58,7 +56,7 @@ const ToggleButton = _ref => {
     onPress(!internalValue);
   };
 
-  return /*#__PURE__*/React.createElement(_IconButton.default, _extends({
+  return /*#__PURE__*/React.createElement(_IconButton.default, {
     Icon: Icon,
     icon: icon,
     size: iconSize,
@@ -70,6 +68,22 @@ const ToggleButton = _ref => {
       height,
       backgroundColor: internalValue ? colors[colorSecondary] : colors[color],
       borderColor: colors[borderColor]
+    }, style],
+    ...rest
+  });
+};
+
+const styles = _reactNative.StyleSheet.create({
+  mainContainer: {
+    borderWidth: 1
+  }
+});
+
+var _default = (0, _theming.withTheme)(ToggleButton);
+
+exports.default = _default;
+//# sourceMappingURL=ToggleButton.js.map[colorSecondary] : colors[color],
+      borderColor: colors[borderColor]
     }, style]
   }, rest));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["ToggleButton.tsx"],"names":["ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","React","useState","useEffect","handlePress","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth"],"mappings":";;;;;;;AAAA;;AACA;;AAEA;;AACA;;;;;;;;;;AAoBA,MAAMA,YAA6B,GAAG,QAgBhC;AAAA,MAhBiC;AACrCC,IAAAA,IADqC;AAErCC,IAAAA,IAFqC;AAGrCC,IAAAA,OAAO,GAAG,KAH2B;AAIrCC,IAAAA,OAAO,GAAG,MAAM,CAAE,CAJmB;AAKrCC,IAAAA,YALqC;AAMrCC,IAAAA,QAAQ,GAAG,KAN0B;AAOrCC,IAAAA,KAAK,GAAG,SAP6B;AAQrCC,IAAAA,cAAc,GAAG,SARoB;AASrCC,IAAAA,WAAW,GAAG,SATuB;AAUrCC,IAAAA,QAAQ,GAAG,EAV0B;AAWrCC,IAAAA,KAAK,GAAG,EAX6B;AAYrCC,IAAAA,MAAM,GAAG,EAZ4B;AAarCC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAb8B;AAcrCC,IAAAA,KAdqC;AAerC,OAAGC;AAfkC,GAgBjC;AACJ,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CACxCjB,OAAO,IAAIE,YAAX,IAA2B,KADa,CAA1C;AAIAc,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpB,QAAIlB,OAAO,IAAI,IAAf,EAAqB;AACnBe,MAAAA,gBAAgB,CAACf,OAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,OAAD,CAJH;AAMAgB,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AACpB,QAAIhB,YAAY,IAAI,IAApB,EAA0B;AACxBa,MAAAA,gBAAgB,CAACb,YAAD,CAAhB;AACD;AACF,GAJD,EAIG,CAACA,YAAD,CAJH;;AAMA,QAAMiB,WAAW,GAAG,MAAM;AACxBJ,IAAAA,gBAAgB,CAAC,CAACD,aAAF,CAAhB;AACAb,IAAAA,OAAO,CAAC,CAACa,aAAF,CAAP;AACD,GAHD;;AAKA,sBACE,oBAAC,mBAAD;AACE,IAAA,IAAI,EAAEhB,IADR;AAEE,IAAA,IAAI,EAAEC,IAFR;AAGE,IAAA,IAAI,EAAEQ,QAHR;AAIE,IAAA,KAAK,EAAEO,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAJ/C;AAKE,IAAA,OAAO,EAAEc,WALX;AAME,IAAA,QAAQ,EAAEhB,QANZ;AAOE,IAAA,KAAK,EAAE,CACLiB,MAAM,CAACC,aADF,EAEL;AACEb,MAAAA,KADF;AAEEC,MAAAA,MAFF;AAGEa,MAAAA,eAAe,EAAER,aAAa,GAC1BH,MAAM,CAACN,cAAD,CADoB,GAE1BM,MAAM,CAACP,KAAD,CALZ;AAMEE,MAAAA,WAAW,EAAEK,MAAM,CAACL,WAAD;AANrB,KAFK,EAULM,KAVK;AAPT,KAmBMC,IAnBN,EADF;AAuBD,CA7DD;;AA+DA,MAAMO,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC/BH,EAAAA,aAAa,EAAE;AACbI,IAAAA,WAAW,EAAE;AADA;AADgB,CAAlB,CAAf;;eAMe,wBAAU5B,YAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { colorTypes } from \"@draftbit/types\";\nimport { StyleProp, StyleSheet, ViewStyle } from \"react-native\";\nimport IconButton from \"./IconButton\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  icon: string;\n  toggled?: boolean;\n  onPress?: (value: boolean) => void;\n  defaultValue?: boolean;\n  disabled?: boolean;\n  color?: colorTypes;\n  colorSecondary?: colorTypes;\n  borderColor?: colorTypes;\n  iconSize?: number;\n  width?: number;\n  height?: number;\n  style?: StyleProp<ViewStyle>;\n  theme: Theme;\n} & IconSlot;\n\nconst ToggleButton: React.FC<Props> = ({\n  Icon,\n  icon,\n  toggled = false,\n  onPress = () => {},\n  defaultValue,\n  disabled = false,\n  color = \"primary\",\n  colorSecondary = \"surface\",\n  borderColor = \"divider\",\n  iconSize = 25,\n  width = 50,\n  height = 50,\n  theme: { colors },\n  style,\n  ...rest\n}) => {\n  const [internalValue, setInternalValue] = React.useState<boolean>(\n    toggled || defaultValue || false\n  );\n\n  React.useEffect(() => {\n    if (toggled != null) {\n      setInternalValue(toggled);\n    }\n  }, [toggled]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setInternalValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handlePress = () => {\n    setInternalValue(!internalValue);\n    onPress(!internalValue);\n  };\n\n  return (\n    <IconButton\n      Icon={Icon}\n      icon={icon}\n      size={iconSize}\n      color={internalValue ? colors[color] : colors[colorSecondary]}\n      onPress={handlePress}\n      disabled={disabled}\n      style={[\n        styles.mainContainer,\n        {\n          width,\n          height,\n          backgroundColor: internalValue\n            ? colors[colorSecondary]\n            : colors[color],\n          borderColor: colors[borderColor],\n        },\n        style,\n      ]}\n      {...rest}\n    />\n  );\n};\n\nconst styles = StyleSheet.create({\n  mainContainer: {\n    borderWidth: 1,\n  },\n});\n\nexport default withTheme(ToggleButton);\n"]}
+{"version":3,"sources":["ToggleButton.js"],"names":["ToggleButton","Icon","icon","toggled","onPress","defaultValue","disabled","color","colorSecondary","borderColor","iconSize","width","height","theme","colors","style","rest","internalValue","setInternalValue","React","useState","useEffect","handlePress","createElement","IconButton","size","styles","mainContainer","backgroundColor","StyleSheet","create","borderWidth"],"mappings":";;;;;;;AAAA;;AACA;;AACA;;AACA;;;;;;;;AACA,MAAMA,YAAY,GAAG,QAA6O;AAAA,MAA5O;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,OAAO,GAAG,KAAxB;AAA+BC,IAAAA,OAAO,GAAG,MAAM,CAAG,CAAlD;AAAoDC,IAAAA,YAApD;AAAkEC,IAAAA,QAAQ,GAAG,KAA7E;AAAoFC,IAAAA,KAAK,GAAG,SAA5F;AAAuGC,IAAAA,cAAc,GAAG,SAAxH;AAAmIC,IAAAA,WAAW,GAAG,SAAjJ;AAA4JC,IAAAA,QAAQ,GAAG,EAAvK;AAA2KC,IAAAA,KAAK,GAAG,EAAnL;AAAuLC,IAAAA,MAAM,GAAG,EAAhM;AAAoMC,IAAAA,KAAK,EAAE;AAAEC,MAAAA;AAAF,KAA3M;AAAuNC,IAAAA,KAAvN;AAA8N,OAAGC;AAAjO,GAA4O;AAC9P,QAAM,CAACC,aAAD,EAAgBC,gBAAhB,IAAoCC,KAAK,CAACC,QAAN,CAAejB,OAAO,IAAIE,YAAX,IAA2B,KAA1C,CAA1C;AACAc,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIlB,OAAO,IAAI,IAAf,EAAqB;AACjBe,MAAAA,gBAAgB,CAACf,OAAD,CAAhB;AACH;AACJ,GAJD,EAIG,CAACA,OAAD,CAJH;AAKAgB,EAAAA,KAAK,CAACE,SAAN,CAAgB,MAAM;AAClB,QAAIhB,YAAY,IAAI,IAApB,EAA0B;AACtBa,MAAAA,gBAAgB,CAACb,YAAD,CAAhB;AACH;AACJ,GAJD,EAIG,CAACA,YAAD,CAJH;;AAKA,QAAMiB,WAAW,GAAG,MAAM;AACtBJ,IAAAA,gBAAgB,CAAC,CAACD,aAAF,CAAhB;AACAb,IAAAA,OAAO,CAAC,CAACa,aAAF,CAAP;AACH,GAHD;;AAIA,sBAAQE,KAAK,CAACI,aAAN,CAAoBC,mBAApB,EAAgC;AAAEvB,IAAAA,IAAI,EAAEA,IAAR;AAAcC,IAAAA,IAAI,EAAEA,IAApB;AAA0BuB,IAAAA,IAAI,EAAEf,QAAhC;AAA0CH,IAAAA,KAAK,EAAEU,aAAa,GAAGH,MAAM,CAACP,KAAD,CAAT,GAAmBO,MAAM,CAACN,cAAD,CAAvF;AAAyGJ,IAAAA,OAAO,EAAEkB,WAAlH;AAA+HhB,IAAAA,QAAQ,EAAEA,QAAzI;AAAmJS,IAAAA,KAAK,EAAE,CAC1LW,MAAM,CAACC,aADmL,EAE1L;AACIhB,MAAAA,KADJ;AAEIC,MAAAA,MAFJ;AAGIgB,MAAAA,eAAe,EAAEX,aAAa,GACxBH,MAAM,CAACN,cAAD,CADkB,GAExBM,MAAM,CAACP,KAAD,CALhB;AAMIE,MAAAA,WAAW,EAAEK,MAAM,CAACL,WAAD;AANvB,KAF0L,EAU1LM,KAV0L,CAA1J;AAWjC,OAAGC;AAX8B,GAAhC,CAAR;AAYH,CA5BD;;AA6BA,MAAMU,MAAM,GAAGG,wBAAWC,MAAX,CAAkB;AAC7BH,EAAAA,aAAa,EAAE;AACXI,IAAAA,WAAW,EAAE;AADF;AADc,CAAlB,CAAf;;eAKe,wBAAU/B,YAAV,C","sourcesContent":["import * as React from \"react\";\nimport { withTheme } from \"../theming\";\nimport { StyleSheet } from \"react-native\";\nimport IconButton from \"./IconButton\";\nconst ToggleButton = ({ Icon, icon, toggled = false, onPress = () => { }, defaultValue, disabled = false, color = \"primary\", colorSecondary = \"surface\", borderColor = \"divider\", iconSize = 25, width = 50, height = 50, theme: { colors }, style, ...rest }) => {\n    const [internalValue, setInternalValue] = React.useState(toggled || defaultValue || false);\n    React.useEffect(() => {\n        if (toggled != null) {\n            setInternalValue(toggled);\n        }\n    }, [toggled]);\n    React.useEffect(() => {\n        if (defaultValue != null) {\n            setInternalValue(defaultValue);\n        }\n    }, [defaultValue]);\n    const handlePress = () => {\n        setInternalValue(!internalValue);\n        onPress(!internalValue);\n    };\n    return (React.createElement(IconButton, { Icon: Icon, icon: icon, size: iconSize, color: internalValue ? colors[color] : colors[colorSecondary], onPress: handlePress, disabled: disabled, style: [\n            styles.mainContainer,\n            {\n                width,\n                height,\n                backgroundColor: internalValue\n                    ? colors[colorSecondary]\n                    : colors[color],\n                borderColor: colors[borderColor],\n            },\n            style,\n        ], ...rest }));\n};\nconst styles = StyleSheet.create({\n    mainContainer: {\n        borderWidth: 1,\n    },\n});\nexport default withTheme(ToggleButton);\n"]}

package/lib/commonjs/hooks.js.map

@@ -1 +1 @@
-{"version":3,"sources":["hooks.ts"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AAEO,SAASA,WAAT,CAAqBC,KAArB,EAAiC;AACtC;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAHsC,CAKtC;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AACpBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACD,GAFD,EAEG,CAACA,KAAD,CAFH,EANsC,CAUtC;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACD","sourcesContent":["import React from \"react\";\n\nexport function usePrevious(value: any) {\n  // The ref object is a generic container whose current property is mutable\n  // and can hold any value, similar to an instance property on a class\n  const ref = React.useRef();\n\n  // Store current value in ref\n  React.useEffect(() => {\n    ref.current = value;\n  }, [value]);\n\n  // Return previous value (happens before update in useEffect above)\n  return ref.current;\n}\n"]}
+{"version":3,"sources":["hooks.js"],"names":["usePrevious","value","ref","React","useRef","useEffect","current"],"mappings":";;;;;;;AAAA;;;;AACO,SAASA,WAAT,CAAqBC,KAArB,EAA4B;AAC/B;AACA;AACA,QAAMC,GAAG,GAAGC,eAAMC,MAAN,EAAZ,CAH+B,CAI/B;;;AACAD,iBAAME,SAAN,CAAgB,MAAM;AAClBH,IAAAA,GAAG,CAACI,OAAJ,GAAcL,KAAd;AACH,GAFD,EAEG,CAACA,KAAD,CAFH,EAL+B,CAQ/B;;;AACA,SAAOC,GAAG,CAACI,OAAX;AACH","sourcesContent":["import React from \"react\";\nexport function usePrevious(value) {\n    // The ref object is a generic container whose current property is mutable\n    // and can hold any value, similar to an instance property on a class\n    const ref = React.useRef();\n    // Store current value in ref\n    React.useEffect(() => {\n        ref.current = value;\n    }, [value]);\n    // Return previous value (happens before update in useEffect above)\n    return ref.current;\n}\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["RadioButtonRow.js"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AACO,MAAMA,SAAS,GAAG;AACrBC,EAAAA,IAAI,EAAE,kBADe;AAErBC,EAAAA,GAAG,EAAE,gBAFgB;AAGrBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHL;AAIrBC,EAAAA,MAAM,EAAE,EAJa;AAKrBC,EAAAA,KAAK,EAAE;AACHC,IAAAA,KAAK,EAAE,2BAAe;AAClBA,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,qCAFK;AAGlBC,MAAAA,QAAQ,EAAE,IAHQ;AAIlBC,MAAAA,YAAY,EAAE;AAJI,KAAf,CADJ;AAOHC,IAAAA,SAAS,EAAE,+BAAmB;AAC1BJ,MAAAA,KAAK,EAAE,WADmB;AAE1BC,MAAAA,WAAW,EAAE,8DAFa;AAG1BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAHiB,KAAnB,CAPR;AAYHC,IAAAA,KAAK,EAAE,2BAAe;AAClBN,MAAAA,KAAK,EAAE,OADW;AAElBC,MAAAA,WAAW,EAAE,2BAFK;AAGlBE,MAAAA,YAAY,EAAE,IAHI;AAIlBD,MAAAA,QAAQ,EAAE;AAJQ,KAAf,CAZJ;AAkBHK,IAAAA,KAAK,EAAE,4BAAgB;AACnBC,MAAAA,KAAK,EAAEC,cAAOC,KADK;AAEnBT,MAAAA,WAAW,EAAE,sBAFM;AAGnBE,MAAAA,YAAY,EAAE;AAHK,KAAhB,CAlBJ;AAuBHQ,IAAAA,eAAe,EAAE,4BAAgB;AAC7BH,MAAAA,KAAK,EAAEC,cAAOC,KADe;AAE7BV,MAAAA,KAAK,EAAE,kBAFsB;AAG7BC,MAAAA,WAAW,EAAE,iCAHgB;AAI7BE,MAAAA,YAAY,EAAE;AAJe,KAAhB;AAvBd;AALc,CAAlB","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"]}
+{"version":3,"sources":["RadioButtonRow.ts"],"names":["SEED_DATA","name","tag","category","COMPONENT_TYPES","input","layout","props","label","description","required","defaultValue","direction","options","value","color","group","GROUPS","basic","unselectedColor"],"mappings":";;;;;;;AAAA;;AAQO,MAAMA,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,kBADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,QAAQ,EAAEC,uBAAgBC,KAHH;AAIvBC,EAAAA,MAAM,EAAE,EAJe;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,KAAK,EAAE,2BAAe;AACpBA,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,qCAFO;AAGpBC,MAAAA,QAAQ,EAAE,IAHU;AAIpBC,MAAAA,YAAY,EAAE;AAJM,KAAf,CADF;AAOLC,IAAAA,SAAS,EAAE,+BAAmB;AAC5BJ,MAAAA,KAAK,EAAE,WADqB;AAE5BC,MAAAA,WAAW,EACT,8DAH0B;AAI5BI,MAAAA,OAAO,EAAE,CAAC,KAAD,EAAQ,aAAR;AAJmB,KAAnB,CAPN;AAaLC,IAAAA,KAAK,EAAE,2BAAe;AACpBN,MAAAA,KAAK,EAAE,OADa;AAEpBC,MAAAA,WAAW,EAAE,2BAFO;AAGpBE,MAAAA,YAAY,EAAE,IAHM;AAIpBD,MAAAA,QAAQ,EAAE;AAJU,KAAf,CAbF;AAmBLK,IAAAA,KAAK,EAAE,4BAAgB;AACrBC,MAAAA,KAAK,EAAEC,cAAOC,KADO;AAErBT,MAAAA,WAAW,EAAE,sBAFQ;AAGrBE,MAAAA,YAAY,EAAE;AAHO,KAAhB,CAnBF;AAwBLQ,IAAAA,eAAe,EAAE,4BAAgB;AAC/BH,MAAAA,KAAK,EAAEC,cAAOC,KADiB;AAE/BV,MAAAA,KAAK,EAAE,kBAFwB;AAG/BC,MAAAA,WAAW,EAAE,iCAHkB;AAI/BE,MAAAA,YAAY,EAAE;AAJiB,KAAhB;AAxBZ;AALgB,CAAlB","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"]}

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

@@ -1,3 +1,5 @@
+function _extends() { _extends = Object.assign || 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";
@@ -18,10 +20,9 @@ const AccordionItem = _ref => {
     textStyles,
     viewStyles
   } = extractStyles(style);
-  return /*#__PURE__*/React.createElement(Pressable, {
-    style: [styles.container, viewStyles],
-    ...rest
-  }, /*#__PURE__*/React.createElement(View, {
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
+    style: [styles.container, viewStyles]
+  }, rest), /*#__PURE__*/React.createElement(View, {
     style: styles.row
   }, icon ? /*#__PURE__*/React.createElement(Icon, {
     name: icon,
@@ -54,22 +55,4 @@ const styles = StyleSheet.create({
   }
 });
 export default withTheme(AccordionItem);
-//# sourceMappingURL=AccordionItem.js.map  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,"sources":["AccordionItem.js"],"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"],"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;AAAA,MAA5D;AAAEC,IAAAA,IAAF;AAAQC,IAAAA,IAAR;AAAcC,IAAAA,KAAd;AAAqBC,IAAAA,KAArB;AAA4BC,IAAAA,SAA5B;AAAuCC,IAAAA,KAAvC;AAA8C,OAAGC;AAAjD,GAA4D;AAC/E,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BX,aAAa,CAACM,KAAD,CAAhD;AACA,sBAAQX,KAAK,CAACiB,aAAN,CAAoBhB,SAApB,EAA+B;AAAEU,IAAAA,KAAK,EAAE,CAACO,MAAM,CAACC,SAAR,EAAmBH,UAAnB,CAAT;AAAyC,OAAGF;AAA5C,GAA/B,eACJd,KAAK,CAACiB,aAAN,CAAoBd,IAApB,EAA0B;AAAEQ,IAAAA,KAAK,EAAEO,MAAM,CAACE;AAAhB,GAA1B,EACIX,IAAI,gBAAIT,KAAK,CAACiB,aAAN,CAAoBT,IAApB,EAA0B;AAAEa,IAAAA,IAAI,EAAEZ,IAAR;AAAca,IAAAA,IAAI,EAAE,EAApB;AAAwBC,IAAAA,KAAK,EAAEX,SAAS,IAAIC,KAAK,CAACW,MAAN,CAAaC;AAAzD,GAA1B,CAAJ,GAAqG,IAD7G,eAEIzB,KAAK,CAACiB,aAAN,CAAoBd,IAApB,EAA0B;AAAEQ,IAAAA,KAAK,EAAE,CAACO,MAAM,CAACQ,IAAR,EAAcR,MAAM,CAACS,OAArB;AAAT,GAA1B,eACI3B,KAAK,CAACiB,aAAN,CAAoBb,IAApB,EAA0B;AAAEwB,IAAAA,UAAU,EAAE,KAAd;AAAqBjB,IAAAA,KAAK,EAAEI;AAA5B,GAA1B,EAAoEL,KAApE,CADJ,CAFJ,CADI,CAAR;AAKH,CAPD;;AAQA,MAAMQ,MAAM,GAAGhB,UAAU,CAAC2B,MAAX,CAAkB;AAC7BV,EAAAA,SAAS,EAAE;AACPW,IAAAA,OAAO,EAAE;AADF,GADkB;AAI7BV,EAAAA,GAAG,EAAE;AACDW,IAAAA,aAAa,EAAE,KADd;AAEDC,IAAAA,UAAU,EAAE,QAFX;AAGDC,IAAAA,WAAW,EAAE;AAHZ,GAJwB;AAS7BP,EAAAA,IAAI,EAAE;AACFQ,IAAAA,cAAc,EAAE,CADd;AAEFD,IAAAA,WAAW,EAAE;AAFX,GATuB;AAa7BN,EAAAA,OAAO,EAAE;AACLQ,IAAAA,IAAI,EAAE,CADD;AAELC,IAAAA,cAAc,EAAE;AAFX;AAboB,CAAlB,CAAf;AAkBA,eAAe9B,SAAS,CAACC,aAAD,CAAxB","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"]}
+{"version":3,"sources":["AccordionItem.tsx"],"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"],"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;AAAA,MARU;AACrBC,IAAAA,IADqB;AAErBC,IAAAA,IAFqB;AAGrBC,IAAAA,KAHqB;AAIrBC,IAAAA,KAJqB;AAKrBC,IAAAA,SALqB;AAMrBC,IAAAA,KANqB;AAOrB,OAAGC;AAPkB,GAQV;AACX,QAAM;AAAEC,IAAAA,UAAF;AAAcC,IAAAA;AAAd,MAA6BX,aAAa,CAACM,KAAD,CAAhD;AACA,sBACE,oBAAC,SAAD;AAAW,IAAA,KAAK,EAAE,CAACM,MAAM,CAACC,SAAR,EAAmBF,UAAnB;AAAlB,KAAsDF,IAAtD,gBACE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEG,MAAM,CAACE;AAApB,KACGV,IAAI,gBACH,oBAAC,IAAD;AACE,IAAA,IAAI,EAAEA,IADR;AAEE,IAAA,IAAI,EAAE,EAFR;AAGE,IAAA,KAAK,EAAEG,SAAS,IAAIC,KAAK,CAACO,MAAN,CAAaC;AAHnC,IADG,GAMD,IAPN,eAQE,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAE,CAACJ,MAAM,CAACK,IAAR,EAAcL,MAAM,CAACM,OAArB;AAAb,kBACE,oBAAC,IAAD;AAAM,IAAA,UAAU,EAAE,KAAlB;AAAyB,IAAA,KAAK,EAAER;AAAhC,KACGL,KADH,CADF,CARF,CADF,CADF;AAkBD,CA5BD;;AA8BA,MAAMO,MAAM,GAAGf,UAAU,CAACsB,MAAX,CAAkB;AAC/BN,EAAAA,SAAS,EAAE;AACTO,IAAAA,OAAO,EAAE;AADA,GADoB;AAI/BN,EAAAA,GAAG,EAAE;AACHO,IAAAA,aAAa,EAAE,KADZ;AAEHC,IAAAA,UAAU,EAAE,QAFT;AAGHC,IAAAA,WAAW,EAAE;AAHV,GAJ0B;AAS/BN,EAAAA,IAAI,EAAE;AACJO,IAAAA,cAAc,EAAE,CADZ;AAEJD,IAAAA,WAAW,EAAE;AAFT,GATyB;AAa/BL,EAAAA,OAAO,EAAE;AACPO,IAAAA,IAAI,EAAE,CADC;AAEPC,IAAAA,cAAc,EAAE;AAFT;AAbsB,CAAlB,CAAf;AAmBA,eAAezB,SAAS,CAACC,aAAD,CAAxB","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  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"]}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@draftbit/core",
-  "version": "43.7.1-c7d91d.0+c7d91dbf",
+  "version": "43.7.2-6aa518.0+6aa5184e",
   "description": "Core (non-native) Components",
   "main": "lib/commonjs/index.js",
   "module": "lib/module/index.js",
@@ -41,7 +41,7 @@
   "dependencies": {
     "@date-io/date-fns": "^1.3.13",
     "@draftbit/react-theme-provider": "^2.1.1",
-    "@draftbit/types": "^43.6.0",
+    "@draftbit/types": "^43.7.2-6aa518.0+6aa5184e",
     "@material-ui/core": "^4.11.0",
     "@material-ui/pickers": "^3.2.10",
     "@react-native-community/slider": "4.1.7",
@@ -80,5 +80,5 @@
       ]
     ]
   },
-  "gitHead": "c7d91dbf17f237abe51487607e970bac15a62c6e"
+  "gitHead": "6aa5184e1467aa6b1b60773fd1b991e8b30aa7b1"
 }