@draftbit/core 43.3.1 → 43.3.4-900303.5

package/lib/module/components/DatePicker/DatePickerComponent.web.js.map

@@ -1 +1 @@
-{"version":3,"sources":["DatePickerComponent.web.tsx"],"names":["React","DateFnsUtils","MuiPickersUtilsProvider","DatePicker","TimePicker","DateTimePicker","createMuiTheme","ThemeProvider","withTheme","Theme","DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","secondary","Picker","d"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,SACEC,uBADF,EAEEC,UAFF,EAGEC,UAHF,EAIEC,cAJF,QAKO,sBALP;AAMA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,0BAA9C;AAEA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,KAAP,MAAkB,2BAAlB;;AAEA,MAAMC,mBAA8D,GAAG,QAOjE;AAAA;;AAAA,MAPkE;AACtEC,IAAAA,KADsE;AAEtEC,IAAAA,QAFsE;AAGtEC,IAAAA,IAHsE;AAItEC,IAAAA,gBAJsE;AAKtEC,IAAAA,SALsE;AAMtEC,IAAAA;AANsE,GAOlE;AACJ,QAAMC,aAAa,GAAGX,cAAc,CAAC;AACnCY,IAAAA,OAAO,EAAE;AACPC,MAAAA,OAAO,EAAE;AACPC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BV,KAAK,CAACY,MAAN,CAAaF;AADtC,OADF;AAIPG,MAAAA,SAAS,EAAE;AACTF,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeC,SAAjB,yEAA8Bb,KAAK,CAACY,MAAN,CAAaC;AADtC;AAJJ;AAD0B,GAAD,CAApC;AAWA,QAAMC,MAAM,GACVV,IAAI,KAAK,MAAT,GACIV,UADJ,GAEIU,IAAI,KAAK,MAAT,GACAT,UADA,GAEAC,cALN;AAOA,sBACE,oBAAC,uBAAD;AAAyB,IAAA,KAAK,EAAEJ;AAAhC,kBACE,oBAAC,aAAD;AAAe,IAAA,KAAK,EAAEgB;AAAtB,kBACE,oBAAC,MAAD;AACE,IAAA,KAAK,EAAEN,KADT;AAEE,IAAA,IAAI,EAAEI,SAFR;AAGE,IAAA,QAAQ,EAAGS,CAAD,IAAO;AACfV,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOY,CAAP,CAAR;AACD,KANH;AAOE,IAAA,OAAO,EAAE,MAAMV,gBAAgB,EAPjC;AAQE,IAAA,OAAO,EAAC,QARV;AASE,IAAA,kBAAkB,EAAE,MAAM;AAT5B,IADF,CADF,CADF;AAiBD,CA3CD;;AA6CA,eAAeN,SAAS,CAACE,mBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport {\n  MuiPickersUtilsProvider,\n  DatePicker,\n  TimePicker,\n  DateTimePicker,\n} from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { DatePickerComponentProps as Props } from \"./DatePickerComponentType\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\n\nconst DatePickerComponent: React.FC<Props & { theme: typeof Theme }> = ({\n  value,\n  onChange,\n  mode,\n  toggleVisibility,\n  isVisible,\n  theme,\n}) => {\n  const internalTheme = createMuiTheme({\n    palette: {\n      primary: {\n        main: theme?.colors?.primary ?? Theme.colors.primary,\n      },\n      secondary: {\n        main: theme?.colors?.secondary ?? Theme.colors.secondary,\n      },\n    },\n  });\n\n  const Picker =\n    mode === \"date\"\n      ? DatePicker\n      : mode === \"time\"\n      ? TimePicker\n      : DateTimePicker;\n\n  return (\n    <MuiPickersUtilsProvider utils={DateFnsUtils}>\n      <ThemeProvider theme={internalTheme}>\n        <Picker\n          value={value}\n          open={isVisible}\n          onChange={(d) => {\n            toggleVisibility();\n            onChange(null, d);\n          }}\n          onClose={() => toggleVisibility()}\n          variant=\"dialog\"\n          TextFieldComponent={() => null}\n        />\n      </ThemeProvider>\n    </MuiPickersUtilsProvider>\n  );\n};\n\nexport default withTheme(DatePickerComponent);\n"]}
+{"version":3,"sources":["DatePickerComponent.web.js"],"names":["React","DateFnsUtils","MuiPickersUtilsProvider","DatePicker","TimePicker","DateTimePicker","createMuiTheme","ThemeProvider","withTheme","Theme","DatePickerComponent","value","onChange","mode","toggleVisibility","isVisible","theme","internalTheme","palette","primary","main","colors","secondary","Picker","createElement","utils","open","d","onClose","variant","TextFieldComponent"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,OAAOC,YAAP,MAAyB,mBAAzB;AACA,SAASC,uBAAT,EAAkCC,UAAlC,EAA8CC,UAA9C,EAA0DC,cAA1D,QAAiF,sBAAjF;AACA,SAASC,cAAT,EAAyBC,aAAzB,QAA8C,0BAA9C;AACA,SAASC,SAAT,QAA0B,eAA1B;AACA,OAAOC,KAAP,MAAkB,2BAAlB;;AACA,MAAMC,mBAAmB,GAAG,QAAoE;AAAA;;AAAA,MAAnE;AAAEC,IAAAA,KAAF;AAASC,IAAAA,QAAT;AAAmBC,IAAAA,IAAnB;AAAyBC,IAAAA,gBAAzB;AAA2CC,IAAAA,SAA3C;AAAsDC,IAAAA;AAAtD,GAAmE;AAC5F,QAAMC,aAAa,GAAGX,cAAc,CAAC;AACjCY,IAAAA,OAAO,EAAE;AACLC,MAAAA,OAAO,EAAE;AACLC,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,wCAAEA,KAAK,CAAEK,MAAT,kDAAE,cAAeF,OAAjB,yEAA4BV,KAAK,CAACY,MAAN,CAAaF;AADxC,OADJ;AAILG,MAAAA,SAAS,EAAE;AACPF,QAAAA,IAAI,2BAAEJ,KAAF,aAAEA,KAAF,yCAAEA,KAAK,CAAEK,MAAT,mDAAE,eAAeC,SAAjB,yEAA8Bb,KAAK,CAACY,MAAN,CAAaC;AADxC;AAJN;AADwB,GAAD,CAApC;AAUA,QAAMC,MAAM,GAAGV,IAAI,KAAK,MAAT,GACTV,UADS,GAETU,IAAI,KAAK,MAAT,GACIT,UADJ,GAEIC,cAJV;AAKA,sBAAQL,KAAK,CAACwB,aAAN,CAAoBtB,uBAApB,EAA6C;AAAEuB,IAAAA,KAAK,EAAExB;AAAT,GAA7C,eACJD,KAAK,CAACwB,aAAN,CAAoBjB,aAApB,EAAmC;AAAES,IAAAA,KAAK,EAAEC;AAAT,GAAnC,eACIjB,KAAK,CAACwB,aAAN,CAAoBD,MAApB,EAA4B;AAAEZ,IAAAA,KAAK,EAAEA,KAAT;AAAgBe,IAAAA,IAAI,EAAEX,SAAtB;AAAiCH,IAAAA,QAAQ,EAAGe,CAAD,IAAO;AACtEb,MAAAA,gBAAgB;AAChBF,MAAAA,QAAQ,CAAC,IAAD,EAAOe,CAAP,CAAR;AACH,KAHuB;AAGrBC,IAAAA,OAAO,EAAE,MAAMd,gBAAgB,EAHV;AAGce,IAAAA,OAAO,EAAE,QAHvB;AAGiCC,IAAAA,kBAAkB,EAAE,MAAM;AAH3D,GAA5B,CADJ,CADI,CAAR;AAMH,CAtBD;;AAuBA,eAAetB,SAAS,CAACE,mBAAD,CAAxB","sourcesContent":["import React from \"react\";\nimport DateFnsUtils from \"@date-io/date-fns\";\nimport { MuiPickersUtilsProvider, DatePicker, TimePicker, DateTimePicker, } from \"@material-ui/pickers\";\nimport { createMuiTheme, ThemeProvider } from \"@material-ui/core/styles\";\nimport { withTheme } from \"../../theming\";\nimport Theme from \"../../styles/DefaultTheme\";\nconst DatePickerComponent = ({ value, onChange, mode, toggleVisibility, isVisible, theme, }) => {\n    const internalTheme = createMuiTheme({\n        palette: {\n            primary: {\n                main: theme?.colors?.primary ?? Theme.colors.primary,\n            },\n            secondary: {\n                main: theme?.colors?.secondary ?? Theme.colors.secondary,\n            },\n        },\n    });\n    const Picker = mode === \"date\"\n        ? DatePicker\n        : mode === \"time\"\n            ? TimePicker\n            : DateTimePicker;\n    return (React.createElement(MuiPickersUtilsProvider, { utils: DateFnsUtils },\n        React.createElement(ThemeProvider, { theme: internalTheme },\n            React.createElement(Picker, { value: value, open: isVisible, onChange: (d) => {\n                    toggleVisibility();\n                    onChange(null, d);\n                }, onClose: () => toggleVisibility(), variant: \"dialog\", TextFieldComponent: () => null }))));\n};\nexport default withTheme(DatePickerComponent);\n"]}

package/lib/module/components/FAB.js

@@ -47,11 +47,15 @@ const FAB = _ref => {
       }];
     }
   }, props), /*#__PURE__*/React.createElement(View, null, loading ? /*#__PURE__*/React.createElement(ActivityIndicator, {
-    size: "small",
+    style: size > 50 ? {
+      marginTop: 2,
+      marginLeft: 2
+    } : undefined,
+    size: size <= 50 ? "small" : "large",
     color: color
   }) : /*#__PURE__*/React.createElement(Icon, {
     name: iconName,
-    size: 28,
+    size: size,
     color: color
   }))));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AAAmB,IAAA,IAAI,EAAC,OAAxB;AAAgC,IAAA,KAAK,EAAEY;AAAvC,IADM,gBAGN,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAE,EAA5B;AAAgC,IAAA,KAAK,EAAEW;AAAvC,IAJJ,CArBF,CAXF,CADF;AA2CD,CA3DD;;AA6DA,MAAMO,MAAM,GAAG3B,UAAU,CAAC8B,MAAX,CAAkB;AAC/BF,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENc,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAG7B,QAAQ,CAAC8B,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAehC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator size=\"small\" color={color} />\n          ) : (\n            <Icon name={iconName} size={28} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}
+{"version":3,"sources":["FAB.tsx"],"names":["React","View","StyleSheet","Pressable","ActivityIndicator","Platform","withTheme","FAB","onPress","disabled","loading","iconName","style","theme","iconColor","bgColor","size","Icon","props","backgroundColor","colors","primary","color","width","height","borderRadius","overflow","radius","pressed","styles","button","opacity","marginTop","marginLeft","undefined","create","justifyContent","alignItems","select","web","cursor","userSelect"],"mappings":";;AAAA,OAAO,KAAKA,KAAZ,MAAuB,OAAvB;AACA,SACEC,IADF,EAEEC,UAFF,EAGEC,SAHF,EAIEC,iBAJF,EAQEC,QARF,QASO,cATP;AAUA,SAASC,SAAT,QAA0B,YAA1B;;AAiBA,MAAMC,GAAoB,GAAG,QAYvB;AAAA,MAZwB;AAC5BC,IAAAA,OAD4B;AAE5BC,IAAAA,QAF4B;AAG5BC,IAAAA,OAH4B;AAI5BC,IAAAA,QAAQ,GAAG,mBAJiB;AAK5BC,IAAAA,KAL4B;AAM5BC,IAAAA,KAN4B;AAO5BC,IAAAA,SAP4B;AAQ5BC,IAAAA,OAR4B;AAS5BC,IAAAA,IAAI,GAAG,EATqB;AAU5BC,IAAAA,IAV4B;AAW5B,OAAGC;AAXyB,GAYxB;AACJ,QAAMC,eAAe,GAAGJ,OAAO,IAAIF,KAAK,CAACO,MAAN,CAAaC,OAAhD;AACA,QAAMC,KAAK,GAAGR,SAAS,IAAI,MAA3B;AAEA,sBACE,oBAAC,IAAD;AACE,IAAA,KAAK,EAAE,CACL;AACES,MAAAA,KAAK,EAAEP,IADT;AAEEQ,MAAAA,MAAM,EAAER,IAFV;AAGES,MAAAA,YAAY,EAAET,IAAI,GAAG,CAHvB;AAIEU,MAAAA,QAAQ,EAAE;AAJZ,KADK,EAOLd,KAPK;AADT,kBAWE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEJ,OADX;AAEE,IAAA,QAAQ,EAAEE,OAAO,IAAID,QAFvB;AAGE,IAAA,cAAc,EAAE;AACda,MAAAA,KAAK,EAAE,MADO;AAEdK,MAAAA,MAAM,EAAEX,IAAI,GAAG;AAFD,KAHlB;AAOE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEY,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACLC,MAAM,CAACC,MADF,EAEL;AACEC,QAAAA,OAAO,EAAEH,OAAO,IAAInB,QAAX,GAAsB,IAAtB,GAA6B,CADxC;AAEEc,QAAAA,KAAK,EAAEP,IAFT;AAGEQ,QAAAA,MAAM,EAAER,IAHV;AAIES,QAAAA,YAAY,EAAET,IAAI,GAAG,CAJvB;AAKEG,QAAAA;AALF,OAFK,CAAP;AAUD;AAlBH,KAmBMD,KAnBN,gBAqBE,oBAAC,IAAD,QACGR,OAAO,gBACN,oBAAC,iBAAD;AACE,IAAA,KAAK,EAAEM,IAAI,GAAG,EAAP,GAAY;AAAEgB,MAAAA,SAAS,EAAE,CAAb;AAAgBC,MAAAA,UAAU,EAAE;AAA5B,KAAZ,GAA8CC,SADvD;AAEE,IAAA,IAAI,EAAElB,IAAI,IAAI,EAAR,GAAa,OAAb,GAAuB,OAF/B;AAGE,IAAA,KAAK,EAAEM;AAHT,IADM,gBAON,oBAAC,IAAD;AAAM,IAAA,IAAI,EAAEX,QAAZ;AAAsB,IAAA,IAAI,EAAEK,IAA5B;AAAkC,IAAA,KAAK,EAAEM;AAAzC,IARJ,CArBF,CAXF,CADF;AA+CD,CA/DD;;AAiEA,MAAMO,MAAM,GAAG3B,UAAU,CAACiC,MAAX,CAAkB;AAC/BL,EAAAA,MAAM,EAAE;AACNX,IAAAA,eAAe,EAAE,SADX;AAENiB,IAAAA,cAAc,EAAE,QAFV;AAGNC,IAAAA,UAAU,EAAE,QAHN;AAIN,OAAGhC,QAAQ,CAACiC,MAAT,CAAgB;AACjBC,MAAAA,GAAG,EAAE;AACHC,QAAAA,MAAM,EAAE,SADL;AAEHC,QAAAA,UAAU,EAAE;AAFT;AADY,KAAhB;AAJG;AADuB,CAAlB,CAAf;AAcA,eAAenC,SAAS,CAACC,GAAD,CAAxB","sourcesContent":["import * as React from \"react\";\nimport {\n  View,\n  StyleSheet,\n  Pressable,\n  ActivityIndicator,\n  StyleProp,\n  ViewStyle,\n  PressableProps,\n  Platform,\n} from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\ntype Props = {\n  disabled?: boolean;\n  loading?: boolean;\n  size?: number;\n  bgColor?: string;\n  iconColor?: string;\n  iconName?: string;\n  onPress: () => void;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n} & PressableProps &\n  IconSlot;\n\nconst FAB: React.FC<Props> = ({\n  onPress,\n  disabled,\n  loading,\n  iconName = \"MaterialIcons/add\",\n  style,\n  theme,\n  iconColor,\n  bgColor,\n  size = 50,\n  Icon,\n  ...props\n}) => {\n  const backgroundColor = bgColor || theme.colors.primary;\n  const color = iconColor || \"#FFF\";\n\n  return (\n    <View\n      style={[\n        {\n          width: size,\n          height: size,\n          borderRadius: size / 2,\n          overflow: \"hidden\",\n        },\n        style,\n      ]}\n    >\n      <Pressable\n        onPress={onPress}\n        disabled={loading || disabled}\n        android_ripple={{\n          color: \"#333\",\n          radius: size / 4,\n        }}\n        style={({ pressed }) => {\n          return [\n            styles.button,\n            {\n              opacity: pressed || disabled ? 0.75 : 1,\n              width: size,\n              height: size,\n              borderRadius: size / 2,\n              backgroundColor,\n            },\n          ];\n        }}\n        {...props}\n      >\n        <View>\n          {loading ? (\n            <ActivityIndicator\n              style={size > 50 ? { marginTop: 2, marginLeft: 2 } : undefined}\n              size={size <= 50 ? \"small\" : \"large\"}\n              color={color}\n            />\n          ) : (\n            <Icon name={iconName} size={size} color={color} />\n          )}\n        </View>\n      </Pressable>\n    </View>\n  );\n};\n\nconst styles = StyleSheet.create({\n  button: {\n    backgroundColor: \"#5a45ff\",\n    justifyContent: \"center\",\n    alignItems: \"center\",\n    ...Platform.select({\n      web: {\n        cursor: \"pointer\",\n        userSelect: \"none\",\n      },\n    }),\n  },\n});\n\nexport default withTheme(FAB);\n"]}

package/lib/module/components/Image.js

@@ -1,5 +1,3 @@
-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); }
-
 /* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */
 import React from "react";
 import { Image as NativeImage, StyleSheet } from "react-native";
@@ -64,21 +62,21 @@ const Image = _ref2 => {
         height,
         aspectRatio
       }]
-    }, /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
+    }, /*#__PURE__*/React.createElement(NativeImage, { ...props,
       source: imageSource,
       resizeMode: resizeMode,
       style: [style, {
         height: "100%",
         width: "100%"
       }]
-    })));
+    }));
   }
 
-  return /*#__PURE__*/React.createElement(NativeImage, _extends({}, props, {
+  return /*#__PURE__*/React.createElement(NativeImage, { ...props,
     source: source,
     resizeMode: resizeMode,
     style: style
-  }));
+  });
 };
 
 export default Image;

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

@@ -1 +1 @@
-{"version":3,"sources":["Image.tsx"],"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","flatten"],"mappings":";;AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SACEC,KAAK,IAAIC,WADX,EAGEC,UAHF,QAKO,cALP;AAMA,OAAOC,MAAP,MAAmB,UAAnB;AAEA,OAAOC,WAAP,MAAwB,eAAxB;;AAQA,MAAMC,kBAAkB,GAAG,QAAoD;AAAA,MAAnD;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAmD;;AAC7E,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AACpC,WAAO;AACLF,MAAAA,WADK;AAELC,MAAAA,KAAK,EAAE;AAFF,KAAP;AAID;;AAED,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACzB,WAAO;AACLF,MAAAA,WADK;AAELE,MAAAA,MAFK;AAGLD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHhB,KAAP;AAKD;;AAED,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACxB,WAAO;AACLD,MAAAA,WADK;AAELC,MAAAA,KAFK;AAGLC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHX,KAAP;AAKD;;AAED,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACD,CAzBD;;AA2BA,MAAMR,KAA2B,GAAG,SAK9B;AAAA,MAL+B;AACnCS,IAAAA,MADmC;AAEnCC,IAAAA,UAAU,GAAG,OAFsB;AAGnCC,IAAAA,KAHmC;AAInC,OAAGC;AAJgC,GAK/B;AACJ,MAAIC,WAAW,GACbJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACIX,MAAM,CAACY,mBADX,GAEIN,MAHN;AAKA,QAAMO,MAAM,GAAGd,UAAU,CAACe,OAAX,CAAmBN,KAAK,IAAI,EAA5B,CAAf;AACA,QAAM;AAAEL,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CACvDW,MADuD,CAAzD;;AAIA,MAAIV,WAAJ,EAAiB;AACf,wBACE,oBAAC,WAAD;AAAa,MAAA,KAAK,EAAE,CAACK,KAAD,EAAQ;AAAEJ,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAApB,oBACE,oBAAC,WAAD,eACMM,KADN;AAEE,MAAA,MAAM,EAAEC,WAFV;AAGE,MAAA,UAAU,EAAEH,UAHd;AAIE,MAAA,KAAK,EAAE,CACLC,KADK,EAEL;AACEH,QAAAA,MAAM,EAAE,MADV;AAEED,QAAAA,KAAK,EAAE;AAFT,OAFK;AAJT,OADF,CADF;AAgBD;;AAED,sBACE,oBAAC,WAAD,eACMK,KADN;AAEE,IAAA,MAAM,EAAEH,MAFV;AAGE,IAAA,UAAU,EAAEC,UAHd;AAIE,IAAA,KAAK,EAAEC;AAJT,KADF;AAQD,CA3CD;;AA6CA,eAAeX,KAAf","sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport {\n  Image as NativeImage,\n  ImageProps,\n  StyleSheet,\n  ImageSourcePropType,\n} from \"react-native\";\nimport Config from \"./Config\";\n\nimport AspectRatio from \"./AspectRatio\";\n\ntype ImageStyleProp = {\n  width?: number;\n  height?: number;\n  aspectRatio?: number;\n};\n\nconst generateDimensions = ({ aspectRatio, width, height }: ImageStyleProp) => {\n  if (aspectRatio && !width && !height) {\n    return {\n      aspectRatio,\n      width: \"100%\",\n    };\n  }\n\n  if (aspectRatio && height) {\n    return {\n      aspectRatio,\n      height,\n      width: aspectRatio * height,\n    };\n  }\n\n  if (aspectRatio && width) {\n    return {\n      aspectRatio,\n      width,\n      height: width / aspectRatio,\n    };\n  }\n\n  return { width, height };\n};\n\nconst Image: React.FC<ImageProps> = ({\n  source,\n  resizeMode = \"cover\",\n  style,\n  ...props\n}) => {\n  let imageSource =\n    source === null || source === undefined\n      ? Config.placeholderImageURL\n      : source;\n\n  const styles = StyleSheet.flatten(style || {});\n  const { aspectRatio, width, height } = generateDimensions(\n    styles as ImageStyleProp\n  );\n\n  if (aspectRatio) {\n    return (\n      <AspectRatio style={[style, { width, height, aspectRatio }]}>\n        <NativeImage\n          {...props}\n          source={imageSource as ImageSourcePropType}\n          resizeMode={resizeMode}\n          style={[\n            style,\n            {\n              height: \"100%\",\n              width: \"100%\",\n            },\n          ]}\n        />\n      </AspectRatio>\n    );\n  }\n\n  return (\n    <NativeImage\n      {...props}\n      source={source as ImageSourcePropType}\n      resizeMode={resizeMode}\n      style={style}\n    />\n  );\n};\n\nexport default Image;\n"]}
+{"version":3,"sources":["Image.js"],"names":["React","Image","NativeImage","StyleSheet","Config","AspectRatio","generateDimensions","aspectRatio","width","height","source","resizeMode","style","props","imageSource","undefined","placeholderImageURL","styles","flatten","createElement"],"mappings":"AAAA;AACA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,KAAK,IAAIC,WAAlB,EAA+BC,UAA/B,QAAkD,cAAlD;AACA,OAAOC,MAAP,MAAmB,UAAnB;AACA,OAAOC,WAAP,MAAwB,eAAxB;;AACA,MAAMC,kBAAkB,GAAG,QAAoC;AAAA,MAAnC;AAAEC,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,GAAmC;;AAC3D,MAAIF,WAAW,IAAI,CAACC,KAAhB,IAAyB,CAACC,MAA9B,EAAsC;AAClC,WAAO;AACHF,MAAAA,WADG;AAEHC,MAAAA,KAAK,EAAE;AAFJ,KAAP;AAIH;;AACD,MAAID,WAAW,IAAIE,MAAnB,EAA2B;AACvB,WAAO;AACHF,MAAAA,WADG;AAEHE,MAAAA,MAFG;AAGHD,MAAAA,KAAK,EAAED,WAAW,GAAGE;AAHlB,KAAP;AAKH;;AACD,MAAIF,WAAW,IAAIC,KAAnB,EAA0B;AACtB,WAAO;AACHD,MAAAA,WADG;AAEHC,MAAAA,KAFG;AAGHC,MAAAA,MAAM,EAAED,KAAK,GAAGD;AAHb,KAAP;AAKH;;AACD,SAAO;AAAEC,IAAAA,KAAF;AAASC,IAAAA;AAAT,GAAP;AACH,CAtBD;;AAuBA,MAAMR,KAAK,GAAG,SAAuD;AAAA,MAAtD;AAAES,IAAAA,MAAF;AAAUC,IAAAA,UAAU,GAAG,OAAvB;AAAgCC,IAAAA,KAAhC;AAAuC,OAAGC;AAA1C,GAAsD;AACjE,MAAIC,WAAW,GAAGJ,MAAM,KAAK,IAAX,IAAmBA,MAAM,KAAKK,SAA9B,GACZX,MAAM,CAACY,mBADK,GAEZN,MAFN;AAGA,QAAMO,MAAM,GAAGd,UAAU,CAACe,OAAX,CAAmBN,KAAK,IAAI,EAA5B,CAAf;AACA,QAAM;AAAEL,IAAAA,WAAF;AAAeC,IAAAA,KAAf;AAAsBC,IAAAA;AAAtB,MAAiCH,kBAAkB,CAACW,MAAD,CAAzD;;AACA,MAAIV,WAAJ,EAAiB;AACb,wBAAQP,KAAK,CAACmB,aAAN,CAAoBd,WAApB,EAAiC;AAAEO,MAAAA,KAAK,EAAE,CAACA,KAAD,EAAQ;AAAEJ,QAAAA,KAAF;AAASC,QAAAA,MAAT;AAAiBF,QAAAA;AAAjB,OAAR;AAAT,KAAjC,eACJP,KAAK,CAACmB,aAAN,CAAoBjB,WAApB,EAAiC,EAAE,GAAGW,KAAL;AAAYH,MAAAA,MAAM,EAAEI,WAApB;AAAiCH,MAAAA,UAAU,EAAEA,UAA7C;AAAyDC,MAAAA,KAAK,EAAE,CACzFA,KADyF,EAEzF;AACIH,QAAAA,MAAM,EAAE,MADZ;AAEID,QAAAA,KAAK,EAAE;AAFX,OAFyF;AAAhE,KAAjC,CADI,CAAR;AAQH;;AACD,sBAAQR,KAAK,CAACmB,aAAN,CAAoBjB,WAApB,EAAiC,EAAE,GAAGW,KAAL;AAAYH,IAAAA,MAAM,EAAEA,MAApB;AAA4BC,IAAAA,UAAU,EAAEA,UAAxC;AAAoDC,IAAAA,KAAK,EAAEA;AAA3D,GAAjC,CAAR;AACH,CAjBD;;AAkBA,eAAeX,KAAf","sourcesContent":["/* README: Internal Image component used for stuff like Card. DO NOT EXPORT! */\nimport React from \"react\";\nimport { Image as NativeImage, StyleSheet, } from \"react-native\";\nimport Config from \"./Config\";\nimport AspectRatio from \"./AspectRatio\";\nconst generateDimensions = ({ aspectRatio, width, height }) => {\n    if (aspectRatio && !width && !height) {\n        return {\n            aspectRatio,\n            width: \"100%\",\n        };\n    }\n    if (aspectRatio && height) {\n        return {\n            aspectRatio,\n            height,\n            width: aspectRatio * height,\n        };\n    }\n    if (aspectRatio && width) {\n        return {\n            aspectRatio,\n            width,\n            height: width / aspectRatio,\n        };\n    }\n    return { width, height };\n};\nconst Image = ({ source, resizeMode = \"cover\", style, ...props }) => {\n    let imageSource = source === null || source === undefined\n        ? Config.placeholderImageURL\n        : source;\n    const styles = StyleSheet.flatten(style || {});\n    const { aspectRatio, width, height } = generateDimensions(styles);\n    if (aspectRatio) {\n        return (React.createElement(AspectRatio, { style: [style, { width, height, aspectRatio }] },\n            React.createElement(NativeImage, { ...props, source: imageSource, resizeMode: resizeMode, style: [\n                    style,\n                    {\n                        height: \"100%\",\n                        width: \"100%\",\n                    },\n                ] })));\n    }\n    return (React.createElement(NativeImage, { ...props, source: source, resizeMode: resizeMode, style: style }));\n};\nexport default Image;\n"]}

package/lib/module/components/Stepper.js

@@ -2,11 +2,14 @@ import * as React from "react";
 import { View, Text } from "react-native";
 import { withTheme } from "../theming";
 import IconButton from "./IconButton";
+import isNumber from "lodash.isnumber";
 
 const Stepper = _ref => {
   let {
     Icon,
     value,
+    min,
+    max,
     style,
     onChange,
     defaultValue,
@@ -22,32 +25,37 @@ const Stepper = _ref => {
   } = _ref;
   const [stateValue, setStateValue] = React.useState(value || defaultValue || 0);
   React.useEffect(() => {
-    if (value != null) {
-      setStateValue(value);
+    if (value || value === 0) {
+      onChange && onChange(stateValue);
     }
-  }, [value]);
+  }, [onChange, stateValue, value]);
   React.useEffect(() => {
-    if (defaultValue != null) {
-      setStateValue(defaultValue);
+    let newValue = value || defaultValue || 0;
+
+    if (isNumber(max) && newValue > max) {
+      newValue = max;
     }
-  }, [defaultValue]);
 
-  const handleMinus = () => {
-    if (value || value === 0) {
-      onChange && onChange(value - 1);
-    } else {
-      setStateValue(stateValue - 1);
+    if (isNumber(min) && newValue < min) {
+      newValue = min;
     }
-  };
 
-  const handlePlus = () => {
-    if (value || value === 0) {
-      onChange && onChange(value + 1);
-    } else {
-      setStateValue(stateValue + 1);
+    setStateValue(newValue);
+  }, [defaultValue, value, min, max]);
+  const handleMinus = React.useCallback(() => {
+    if (isNumber(min) && value === min) {
+      return;
+    }
+
+    setStateValue(stateValue - 1);
+  }, [min, stateValue, value]);
+  const handlePlus = React.useCallback(() => {
+    if (isNumber(max) && value === max) {
+      return;
     }
-  };
 
+    setStateValue(stateValue + 1);
+  }, [max, stateValue, value]);
   return /*#__PURE__*/React.createElement(View, {
     style: [{
       flexDirection: "row"
@@ -60,7 +68,7 @@ const Stepper = _ref => {
     onPress: handleMinus,
     size: iconSize,
     color: iconColor,
-    disabled: value ? value === 0 : stateValue === 0
+    disabled: stateValue === 0
   }), /*#__PURE__*/React.createElement(Text, {
     style: [typography.body1, {
       textAlign: "center",

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

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.tsx"],"names":["React","View","Text","withTheme","IconButton","Stepper","Icon","value","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","useState","useEffect","handleMinus","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\n\ntype Props = {\n  value?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onChange?: (value: number) => void;\n  defaultValue?: number;\n  iconSize?: number;\n  iconColor?: string;\n  borderRadius?: number;\n  typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n  Icon,\n  value,\n  style,\n  onChange,\n  defaultValue,\n  theme: { colors, typography, roundness },\n  iconSize = 24,\n  iconColor = colors.strong,\n  borderRadius = roundness,\n  typeStyle,\n}) => {\n  const [stateValue, setStateValue] = React.useState(\n    value || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (value != null) {\n      setStateValue(value);\n    }\n  }, [value]);\n\n  React.useEffect(() => {\n    if (defaultValue != null) {\n      setStateValue(defaultValue);\n    }\n  }, [defaultValue]);\n\n  const handleMinus = () => {\n    if (value || value === 0) {\n      onChange && onChange(value - 1);\n    } else {\n      setStateValue(stateValue - 1);\n    }\n  };\n\n  const handlePlus = () => {\n    if (value || value === 0) {\n      onChange && onChange(value + 1);\n    } else {\n      setStateValue(stateValue + 1);\n    }\n  };\n\n  return (\n    <View\n      style={[\n        { flexDirection: \"row\" },\n        style,\n        borderRadius ? { borderRadius } : {},\n      ]}\n    >\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={handleMinus}\n        size={iconSize}\n        color={iconColor}\n        disabled={value ? value === 0 : stateValue === 0}\n      />\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value || stateValue}\n      </Text>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={handlePlus}\n        size={iconSize}\n        color={iconColor}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}
+{"version":3,"sources":["Stepper.tsx"],"names":["React","View","Text","withTheme","IconButton","isNumber","Stepper","Icon","value","min","max","style","onChange","defaultValue","theme","colors","typography","roundness","iconSize","iconColor","strong","borderRadius","typeStyle","stateValue","setStateValue","useState","useEffect","newValue","handleMinus","useCallback","handlePlus","flexDirection","body1","textAlign","alignSelf","color","medium","marginHorizontal"],"mappings":"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","sourcesContent":["import * as React from \"react\";\nimport { View, Text, StyleProp, ViewStyle, TextStyle } from \"react-native\";\nimport { withTheme } from \"../theming\";\nimport type { Theme } from \"../styles/DefaultTheme\";\nimport type { IconSlot } from \"../interfaces/Icon\";\n\nimport IconButton from \"./IconButton\";\nimport isNumber from \"lodash.isnumber\";\n\ntype Props = {\n  value?: number;\n  min?: number;\n  max?: number;\n  theme: Theme;\n  style?: StyleProp<ViewStyle>;\n  onChange?: (value: number) => void;\n  defaultValue?: number;\n  iconSize?: number;\n  iconColor?: string;\n  borderRadius?: number;\n  typeStyle?: StyleProp<TextStyle>;\n} & IconSlot;\n\nconst Stepper: React.FC<Props> = ({\n  Icon,\n  value,\n  min,\n  max,\n  style,\n  onChange,\n  defaultValue,\n  theme: { colors, typography, roundness },\n  iconSize = 24,\n  iconColor = colors.strong,\n  borderRadius = roundness,\n  typeStyle,\n}) => {\n  const [stateValue, setStateValue] = React.useState(\n    value || defaultValue || 0\n  );\n\n  React.useEffect(() => {\n    if (value || value === 0) {\n      onChange && onChange(stateValue);\n    }\n  }, [onChange, stateValue, value]);\n\n  React.useEffect(() => {\n    let newValue = value || defaultValue || 0;\n    if (isNumber(max) && newValue > max) {\n      newValue = max;\n    }\n    if (isNumber(min) && newValue < min) {\n      newValue = min;\n    }\n    setStateValue(newValue);\n  }, [defaultValue, value, min, max]);\n\n  const handleMinus = React.useCallback(() => {\n    if (isNumber(min) && value === min) {\n      return;\n    }\n    setStateValue(stateValue - 1);\n  }, [min, stateValue, value]);\n\n  const handlePlus = React.useCallback(() => {\n    if (isNumber(max) && value === max) {\n      return;\n    }\n    setStateValue(stateValue + 1);\n  }, [max, stateValue, value]);\n\n  return (\n    <View\n      style={[\n        { flexDirection: \"row\" },\n        style,\n        borderRadius ? { borderRadius } : {},\n      ]}\n    >\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/remove\"\n        onPress={handleMinus}\n        size={iconSize}\n        color={iconColor}\n        disabled={stateValue === 0}\n      />\n      <Text\n        style={[\n          typography.body1,\n          {\n            textAlign: \"center\",\n            alignSelf: \"center\",\n            color: colors.medium,\n            marginHorizontal: 8,\n          },\n          typeStyle,\n        ]}\n      >\n        {value || stateValue}\n      </Text>\n      <IconButton\n        Icon={Icon}\n        icon=\"MaterialIcons/add\"\n        onPress={handlePlus}\n        size={iconSize}\n        color={iconColor}\n      />\n    </View>\n  );\n};\n\nexport default withTheme(Stepper);\n"]}

package/lib/module/components/Swiper/Swiper.js

@@ -10,7 +10,11 @@ const Swiper = _ref => {
     from = 0,
     prevTitle = "",
     nextTitle = "",
+    prevTitleColor,
+    nextTitleColor,
     dotsTouchable = true,
+    dotColor,
+    dotActiveColor,
     children,
     style
   } = _ref;
@@ -24,7 +28,25 @@ const Swiper = _ref => {
     controlsProps: {
       prevTitle,
       nextTitle,
-      dotsTouchable
+      prevTitleStyle: {
+        color: prevTitleColor
+      },
+      nextTitleStyle: {
+        color: nextTitleColor
+      },
+      dotsTouchable,
+      ...(dotColor ? {
+        dotProps: {
+          badgeStyle: {
+            backgroundColor: dotColor
+          }
+        }
+      } : {}),
+      ...(dotActiveColor ? {
+        dotActiveStyle: {
+          backgroundColor: dotActiveColor
+        }
+      } : {})
     }
   }, children));
 };

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

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","dotsTouchable","children","style"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAcA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,aAAa,GAAG,IAPF;AAQdC,IAAAA,QARc;AASdC,IAAAA;AATc,GAAD;AAAA,sBAWb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAEL,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbC,MAAAA;AAHa;AALjB,KAWGC,QAXH,CADF,CAXa;AAAA,CAAf;;AA4BA,eAAeR,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  dotsTouchable?: boolean;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  dotsTouchable = true,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        dotsTouchable,\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}
+{"version":3,"sources":["Swiper.tsx"],"names":["React","View","SwiperComponent","Swiper","vertical","loop","timeout","from","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotsTouchable","dotColor","dotActiveColor","children","style","prevTitleStyle","color","nextTitleStyle","dotProps","badgeStyle","backgroundColor","dotActiveStyle"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,IAAT,QAA2C,cAA3C;AACA,OAAOC,eAAP,MAA4B,yBAA5B;;AAkBA,MAAMC,MAAM,GAAG;AAAA,MAAC;AACdC,IAAAA,QAAQ,GAAG,KADG;AAEdC,IAAAA,IAAI,GAAG,KAFO;AAGdC,IAAAA,OAAO,GAAG,CAHI;AAIdC,IAAAA,IAAI,GAAG,CAJO;AAKdC,IAAAA,SAAS,GAAG,EALE;AAMdC,IAAAA,SAAS,GAAG,EANE;AAOdC,IAAAA,cAPc;AAQdC,IAAAA,cARc;AASdC,IAAAA,aAAa,GAAG,IATF;AAUdC,IAAAA,QAVc;AAWdC,IAAAA,cAXc;AAYdC,IAAAA,QAZc;AAadC,IAAAA;AAbc,GAAD;AAAA,sBAeb,oBAAC,IAAD;AAAM,IAAA,KAAK,EAAEA;AAAb,kBACE,oBAAC,eAAD;AACE,IAAA,IAAI,EAAET,IADR;AAEE,IAAA,IAAI,EAAEF,IAFR;AAGE,IAAA,OAAO,EAAEC,OAHX;AAIE,IAAA,QAAQ,EAAEF,QAJZ;AAKE,IAAA,aAAa,EAAE;AACbI,MAAAA,SADa;AAEbC,MAAAA,SAFa;AAGbQ,MAAAA,cAAc,EAAE;AAAEC,QAAAA,KAAK,EAAER;AAAT,OAHH;AAIbS,MAAAA,cAAc,EAAE;AAAED,QAAAA,KAAK,EAAEP;AAAT,OAJH;AAKbC,MAAAA,aALa;AAMb,UAAIC,QAAQ,GACR;AAAEO,QAAAA,QAAQ,EAAE;AAAEC,UAAAA,UAAU,EAAE;AAAEC,YAAAA,eAAe,EAAET;AAAnB;AAAd;AAAZ,OADQ,GAER,EAFJ,CANa;AASb,UAAIC,cAAc,GACd;AAAES,QAAAA,cAAc,EAAE;AAAED,UAAAA,eAAe,EAAER;AAAnB;AAAlB,OADc,GAEd,EAFJ;AATa;AALjB,KAmBGC,QAnBH,CADF,CAfa;AAAA,CAAf;;AAwCA,eAAeZ,MAAf","sourcesContent":["import React from \"react\";\nimport { View, StyleProp, ViewStyle } from \"react-native\";\nimport SwiperComponent from \"react-native-web-swiper\";\n\nexport interface SwiperProps {\n  vertical?: boolean;\n  loop?: boolean;\n  from?: number;\n  timeout?: number;\n  prevTitle?: string;\n  nextTitle?: string;\n  prevTitleColor?: string;\n  nextTitleColor?: string;\n  dotsTouchable?: boolean;\n  dotColor?: string;\n  dotActiveColor?: string;\n  children: React.ReactNode;\n  style?: StyleProp<ViewStyle>;\n}\n\nconst Swiper = ({\n  vertical = false,\n  loop = false,\n  timeout = 0,\n  from = 0,\n  prevTitle = \"\",\n  nextTitle = \"\",\n  prevTitleColor,\n  nextTitleColor,\n  dotsTouchable = true,\n  dotColor,\n  dotActiveColor,\n  children,\n  style,\n}: SwiperProps) => (\n  <View style={style}>\n    <SwiperComponent\n      from={from}\n      loop={loop}\n      timeout={timeout}\n      vertical={vertical}\n      controlsProps={{\n        prevTitle,\n        nextTitle,\n        prevTitleStyle: { color: prevTitleColor },\n        nextTitleStyle: { color: nextTitleColor },\n        dotsTouchable,\n        ...(dotColor\n          ? { dotProps: { badgeStyle: { backgroundColor: dotColor } } }\n          : {}),\n        ...(dotActiveColor\n          ? { dotActiveStyle: { backgroundColor: dotActiveColor } }\n          : {}),\n      }}\n    >\n      {children}\n    </SwiperComponent>\n  </View>\n);\n\nexport default Swiper;\n"]}

package/lib/module/components/Touchable.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 React from "react";
 import { Pressable } from "react-native";
 export default function Touchable(_ref) {
@@ -8,22 +10,7 @@ export default function Touchable(_ref) {
     style,
     ...props
   } = _ref;
-  return /*#__PURE__*/React.createElement(Pressable, {
-    onPress: onPress,
-    disabled: disabled,
-    hitSlop: 8,
-    style: _ref2 => {
-      let {
-        pressed
-      } = _ref2;
-      return [{
-        opacity: pressed || disabled ? 0.75 : 1
-      }, style];
-    },
-    ...props
-  }, children);
-}
-//# sourceMappingURL=Touchable.js.map/React.createElement(Pressable, _extends({
+  return /*#__PURE__*/React.createElement(Pressable, _extends({
     onPress: onPress,
     disabled: disabled,
     hitSlop: 8,

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

@@ -1 +1 @@
-{"version":3,"sources":["Touchable.js"],"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","createElement","hitSlop","pressed","opacity"],"mappings":"AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAA0B,cAA1B;AACA,eAAe,SAASC,SAAT,OAAqE;AAAA,MAAlD;AAAEC,IAAAA,QAAF;AAAYC,IAAAA,QAAZ;AAAsBC,IAAAA,OAAtB;AAA+BC,IAAAA,KAA/B;AAAsC,OAAGC;AAAzC,GAAkD;AAChF,sBAAQP,KAAK,CAACQ,aAAN,CAAoBP,SAApB,EAA+B;AAAEI,IAAAA,OAAO,EAAEA,OAAX;AAAoBD,IAAAA,QAAQ,EAAEA,QAA9B;AAAwCK,IAAAA,OAAO,EAAE,CAAjD;AAAoDH,IAAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEI,QAAAA;AAAF,OAAgB;AAC3G,aAAO,CACH;AACIC,QAAAA,OAAO,EAAED,OAAO,IAAIN,QAAX,GAAsB,IAAtB,GAA6B;AAD1C,OADG,EAIHE,KAJG,CAAP;AAMH,KAPkC;AAOhC,OAAGC;AAP6B,GAA/B,EAOWJ,QAPX,CAAR;AAQH","sourcesContent":["import React from \"react\";\nimport { Pressable } from \"react-native\";\nexport default function Touchable({ children, disabled, onPress, style, ...props }) {\n    return (React.createElement(Pressable, { onPress: onPress, disabled: disabled, hitSlop: 8, style: ({ pressed }) => {\n            return [\n                {\n                    opacity: pressed || disabled ? 0.75 : 1,\n                },\n                style,\n            ];\n        }, ...props }, children));\n}\n"]}
+{"version":3,"sources":["Touchable.tsx"],"names":["React","Pressable","Touchable","children","disabled","onPress","style","props","pressed","opacity"],"mappings":";;AAAA,OAAOA,KAAP,MAAkB,OAAlB;AACA,SAASC,SAAT,QAAqD,cAArD;AASA,eAAe,SAASC,SAAT,OAML;AAAA,MANwB;AAChCC,IAAAA,QADgC;AAEhCC,IAAAA,QAFgC;AAGhCC,IAAAA,OAHgC;AAIhCC,IAAAA,KAJgC;AAKhC,OAAGC;AAL6B,GAMxB;AACR,sBACE,oBAAC,SAAD;AACE,IAAA,OAAO,EAAEF,OADX;AAEE,IAAA,QAAQ,EAAED,QAFZ;AAGE,IAAA,OAAO,EAAE,CAHX;AAIE,IAAA,KAAK,EAAE,SAAiB;AAAA,UAAhB;AAAEI,QAAAA;AAAF,OAAgB;AACtB,aAAO,CACL;AACEC,QAAAA,OAAO,EAAED,OAAO,IAAIJ,QAAX,GAAsB,IAAtB,GAA6B;AADxC,OADK,EAILE,KAJK,CAAP;AAMD;AAXH,KAYMC,KAZN,GAcGJ,QAdH,CADF;AAkBD","sourcesContent":["import React from \"react\";\nimport { Pressable, ViewStyle, PressableProps } from \"react-native\";\n\ntype Props = {\n  disabled?: boolean;\n  children: React.ReactNode;\n  style?: ViewStyle;\n  onPress?: () => void;\n} & PressableProps;\n\nexport default function Touchable({\n  children,\n  disabled,\n  onPress,\n  style,\n  ...props\n}: Props) {\n  return (\n    <Pressable\n      onPress={onPress}\n      disabled={disabled}\n      hitSlop={8}\n      style={({ pressed }) => {\n        return [\n          {\n            opacity: pressed || disabled ? 0.75 : 1,\n          },\n          style,\n        ];\n      }}\n      {...props}\n    >\n      {children}\n    </Pressable>\n  );\n}\n"]}

package/lib/module/mappings/{AccordionGroup.js → Accordion.js}

@@ -1,9 +1,16 @@
 import { COMPONENT_TYPES, createNumberProp, createIconProp, createTextProp, createStaticBoolProp, createColorProp } from "@draftbit/types";
 export const SEED_DATA = {
-  name: "Accordion Group",
+  name: "Accordion",
   tag: "AccordionGroup",
   description: "An expandable container containing components",
   category: COMPONENT_TYPES.container,
+  layout: {
+    paddingTop: 8,
+    paddingRight: 8,
+    paddingBottom: 8,
+    paddingLeft: 8,
+    fontSize: 16
+  },
   props: {
     openColor: createColorProp({
       label: "Open text color"
@@ -28,4 +35,4 @@ export const SEED_DATA = {
     icon: createIconProp()
   }
 };
-//# sourceMappingURL=AccordionGroup.js.map
+//# sourceMappingURL=Accordion.js.map

package/lib/module/mappings/Accordion.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["Accordion.ts"],"names":["COMPONENT_TYPES","createNumberProp","createIconProp","createTextProp","createStaticBoolProp","createColorProp","SEED_DATA","name","tag","description","category","container","layout","paddingTop","paddingRight","paddingBottom","paddingLeft","fontSize","props","openColor","label","closedColor","caretColor","iconSize","defaultValue","expanded","icon"],"mappings":"AAAA,SACEA,eADF,EAEEC,gBAFF,EAGEC,cAHF,EAIEC,cAJF,EAKEC,oBALF,EAMEC,eANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,gBAFkB;AAGvBC,EAAAA,WAAW,EAAE,+CAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,UAAU,EAAE,CADN;AAENC,IAAAA,YAAY,EAAE,CAFR;AAGNC,IAAAA,aAAa,EAAE,CAHT;AAINC,IAAAA,WAAW,EAAE,CAJP;AAKNC,IAAAA,QAAQ,EAAE;AALJ,GALe;AAYvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEd,eAAe,CAAC;AACzBe,MAAAA,KAAK,EAAE;AADkB,KAAD,CADrB;AAILC,IAAAA,WAAW,EAAEhB,eAAe,CAAC;AAC3Be,MAAAA,KAAK,EAAE;AADoB,KAAD,CAJvB;AAOLE,IAAAA,UAAU,EAAEjB,eAAe,CAAC;AAC1Be,MAAAA,KAAK,EAAE;AADmB,KAAD,CAPtB;AAULG,IAAAA,QAAQ,EAAEtB,gBAAgB,CAAC;AACzBmB,MAAAA,KAAK,EAAE,WADkB;AAEzBI,MAAAA,YAAY,EAAE;AAFW,KAAD,CAVrB;AAcLJ,IAAAA,KAAK,EAAEjB,cAAc,CAAC;AACpBiB,MAAAA,KAAK,EAAE;AADa,KAAD,CAdhB;AAiBLK,IAAAA,QAAQ,EAAErB,oBAAoB,CAAC;AAC7BgB,MAAAA,KAAK,EAAE,UADsB;AAE7BX,MAAAA,WAAW,EAAE;AAFgB,KAAD,CAjBzB;AAqBLiB,IAAAA,IAAI,EAAExB,cAAc;AArBf;AAZgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createNumberProp,\n  createIconProp,\n  createTextProp,\n  createStaticBoolProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion\",\n  tag: \"AccordionGroup\",\n  description: \"An expandable container containing components\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    paddingTop: 8,\n    paddingRight: 8,\n    paddingBottom: 8,\n    paddingLeft: 8,\n    fontSize: 16,\n  },\n  props: {\n    openColor: createColorProp({\n      label: \"Open text color\",\n    }),\n    closedColor: createColorProp({\n      label: \"Closed text Color\",\n    }),\n    caretColor: createColorProp({\n      label: \"Caret color\",\n    }),\n    iconSize: createNumberProp({\n      label: \"Icon size\",\n      defaultValue: 24,\n    }),\n    label: createTextProp({\n      label: \"Label\",\n    }),\n    expanded: createStaticBoolProp({\n      label: \"Expanded\",\n      description: \"Whether the AccordionGroup should be expanded or not\",\n    }),\n    icon: createIconProp(),\n  },\n};\n"]}

package/lib/module/mappings/AccordionItem.js

@@ -3,7 +3,7 @@ export const SEED_DATA = {
   name: "Accordion Item",
   tag: "AccordionItem",
   description: "Item to be used in Accordion",
-  category: COMPONENT_TYPES.button,
+  category: COMPONENT_TYPES.deprecated,
   props: {
     icon: createIconProp(),
     label: createTextProp({

package/lib/module/mappings/AccordionItem.js.map

@@ -1 +1 @@
-{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","button","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,MAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.button,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["AccordionItem.ts"],"names":["COMPONENT_TYPES","createIconProp","createTextProp","createColorProp","SEED_DATA","name","tag","description","category","deprecated","props","icon","label","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,cAHF,EAIEC,eAJF,QAKO,iBALP;AAOA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,gBADiB;AAEvBC,EAAAA,GAAG,EAAE,eAFkB;AAGvBC,EAAAA,WAAW,EAAE,8BAHU;AAIvBC,EAAAA,QAAQ,EAAER,eAAe,CAACS,UAJH;AAKvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEV,cAAc,EADf;AAELW,IAAAA,KAAK,EAAEV,cAAc,CAAC;AACpBU,MAAAA,KAAK,EAAE;AADa,KAAD,CAFhB;AAKLC,IAAAA,SAAS,EAAEV,eAAe,CAAC;AACzBS,MAAAA,KAAK,EAAE;AADkB,KAAD;AALrB;AALgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconProp,\n  createTextProp,\n  createColorProp,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Accordion Item\",\n  tag: \"AccordionItem\",\n  description: \"Item to be used in Accordion\",\n  category: COMPONENT_TYPES.deprecated,\n  props: {\n    icon: createIconProp(),\n    label: createTextProp({\n      label: \"Item label\",\n    }),\n    iconColor: createColorProp({\n      label: \"Icon color\",\n    }),\n  },\n};\n"]}

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

@@ -1 +1 @@
-{"version":3,"sources":["CardBlock.js"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon"],"mappings":"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","sourcesContent":["import { GROUPS, COMPONENT_TYPES, FORM_TYPES, PROP_TYPES, createElevationType, createNumColumnsType, } from \"@draftbit/types\";\nconst SEED_DATA_PROPS = {\n    image: {\n        group: GROUPS.data,\n        label: \"Image\",\n        description: \"Image\",\n        formType: FORM_TYPES.image,\n        propType: PROP_TYPES.ASSET,\n        defaultValue: null,\n        editable: true,\n        required: false,\n    },\n    title: {\n        group: GROUPS.data,\n        label: \"Title\",\n        description: \"Text to display\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"Beautiful West Coast Villa\",\n        editable: true,\n        required: false,\n    },\n    leftDescription: {\n        group: GROUPS.data,\n        label: \"Left description\",\n        description: \"Text to display on the left\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"San Diego\",\n        editable: true,\n        required: false,\n    },\n    rightDescription: {\n        group: GROUPS.data,\n        label: \"Right description\",\n        description: \"Text to display on the right\",\n        formType: FORM_TYPES.string,\n        propType: PROP_TYPES.STRING,\n        defaultValue: \"$100\",\n        editable: true,\n        required: false,\n    },\n    aspectRatio: {\n        group: GROUPS.basic,\n        label: \"Aspect ratio\",\n        description: \"Aspect ratio of the image\",\n        formType: FORM_TYPES.aspectRatio,\n        propType: PROP_TYPES.NUMBER,\n        defaultValue: 1.5,\n        editable: true,\n        required: false,\n    },\n    titleCentered: {\n        group: GROUPS.basic,\n        label: \"Title centered\",\n        description: \"Whether to center the title\",\n        formType: FORM_TYPES.boolean,\n        propType: PROP_TYPES.BOOLEAN,\n        defaultValue: false,\n        editable: true,\n        required: false,\n    },\n    elevation: createElevationType(2),\n};\nexport const SEED_DATA = [\n    {\n        name: \"Small Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one third of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            numColumns: createNumColumnsType({\n                defaultValue: 1,\n            }),\n        },\n    },\n    {\n        name: \"Medium Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up one half of its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 2,\n            }),\n        },\n    },\n    {\n        name: \"Large Block Card\",\n        tag: \"CardBlock\",\n        description: \"An elevated card with a title and description, that takes up the full width its container.\",\n        category: COMPONENT_TYPES.card,\n        props: {\n            ...SEED_DATA_PROPS,\n            icon: {\n                group: GROUPS.basic,\n                label: \"Icon\",\n                description: \"Icon to display on the top right\",\n                formType: FORM_TYPES.icon,\n                propType: PROP_TYPES.STRING,\n                defaultValue: null,\n                editable: true,\n                required: true,\n            },\n            numColumns: createNumColumnsType({\n                defaultValue: 3,\n            }),\n        },\n    },\n];\n"]}
+{"version":3,"sources":["CardBlock.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","createElevationType","createNumColumnsType","SEED_DATA_PROPS","image","group","data","label","description","formType","propType","ASSET","defaultValue","editable","required","title","string","STRING","leftDescription","rightDescription","aspectRatio","basic","NUMBER","titleCentered","boolean","BOOLEAN","elevation","SEED_DATA","name","tag","category","card","props","numColumns","icon"],"mappings":"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","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  createElevationType,\n  createNumColumnsType,\n} from \"@draftbit/types\";\n\nconst SEED_DATA_PROPS = {\n  image: {\n    group: GROUPS.data,\n    label: \"Image\",\n    description: \"Image\",\n    formType: FORM_TYPES.image,\n    propType: PROP_TYPES.ASSET,\n    defaultValue: null,\n    editable: true,\n    required: false,\n  },\n  title: {\n    group: GROUPS.data,\n    label: \"Title\",\n    description: \"Text to display\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"Beautiful West Coast Villa\",\n    editable: true,\n    required: false,\n  },\n  leftDescription: {\n    group: GROUPS.data,\n    label: \"Left description\",\n    description: \"Text to display on the left\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"San Diego\",\n    editable: true,\n    required: false,\n  },\n  rightDescription: {\n    group: GROUPS.data,\n    label: \"Right description\",\n    description: \"Text to display on the right\",\n    formType: FORM_TYPES.string,\n    propType: PROP_TYPES.STRING,\n    defaultValue: \"$100\",\n    editable: true,\n    required: false,\n  },\n  aspectRatio: {\n    group: GROUPS.basic,\n    label: \"Aspect ratio\",\n    description: \"Aspect ratio of the image\",\n    formType: FORM_TYPES.aspectRatio,\n    propType: PROP_TYPES.NUMBER,\n    defaultValue: 1.5,\n    editable: true,\n    required: false,\n  },\n  titleCentered: {\n    group: GROUPS.basic,\n    label: \"Title centered\",\n    description: \"Whether to center the title\",\n    formType: FORM_TYPES.boolean,\n    propType: PROP_TYPES.BOOLEAN,\n    defaultValue: false,\n    editable: true,\n    required: false,\n  },\n  elevation: createElevationType(2),\n};\n\nexport const SEED_DATA = [\n  {\n    name: \"Small Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one third of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      numColumns: createNumColumnsType({\n        defaultValue: 1,\n      }),\n    },\n  },\n  {\n    name: \"Medium Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up one half of its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 2,\n      }),\n    },\n  },\n  {\n    name: \"Large Block Card\",\n    tag: \"CardBlock\",\n    description:\n      \"An elevated card with a title and description, that takes up the full width its container.\",\n    category: COMPONENT_TYPES.card,\n    props: {\n      ...SEED_DATA_PROPS,\n      icon: {\n        group: GROUPS.basic,\n        label: \"Icon\",\n        description: \"Icon to display on the top right\",\n        formType: FORM_TYPES.icon,\n        propType: PROP_TYPES.STRING,\n        defaultValue: null,\n        editable: true,\n        required: true,\n      },\n      numColumns: createNumColumnsType({\n        defaultValue: 3,\n      }),\n    },\n  },\n];\n"]}

package/lib/module/mappings/Stepper.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, Triggers } from "@draftbit/types";
+import { COMPONENT_TYPES, createIconSizeProp, createColorProp, createFieldNameProp, createStaticNumberProp, Triggers } from "@draftbit/types";
 export const SEED_DATA = [{
   name: "Stepper",
   tag: "Stepper",
@@ -17,6 +17,15 @@ export const SEED_DATA = [{
     }),
     iconColor: createColorProp({
       defaultValue: "strong"
+    }),
+    min: createStaticNumberProp({
+      label: "Minimum",
+      description: "Minimum Number",
+      defaultValue: 0
+    }),
+    max: createStaticNumberProp({
+      label: "Maximum",
+      description: "Maximum Number"
     })
   }
 }];

package/lib/module/mappings/Stepper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Stepper.ts"],"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,QALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,WAAW,EAAE,uDAHf;AAIEC,EAAAA,QAAQ,EAAET,eAAe,CAACU,KAJ5B;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEZ,mBAAmB,CAAC;AAC7Ba,MAAAA,YAAY,EAAE,cADe;AAE7BC,MAAAA,eAAe,EAAE,UAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAAD,CADzB;AAMLC,IAAAA,QAAQ,EAAElB,kBAAkB,CAAC;AAAEe,MAAAA,YAAY,EAAE;AAAhB,KAAD,CANvB;AAOLI,IAAAA,SAAS,EAAElB,eAAe,CAAC;AAAEc,MAAAA,YAAY,EAAE;AAAhB,KAAD;AAPrB;AAPT,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n    },\n  },\n];\n"]}
+{"version":3,"sources":["Stepper.ts"],"names":["COMPONENT_TYPES","createIconSizeProp","createColorProp","createFieldNameProp","createStaticNumberProp","Triggers","SEED_DATA","name","tag","description","category","input","layout","triggers","OnChange","props","fieldName","defaultValue","handlerPropName","valuePropName","iconSize","iconColor","min","label","max"],"mappings":"AAAA,SACEA,eADF,EAEEC,kBAFF,EAGEC,eAHF,EAIEC,mBAJF,EAKEC,sBALF,EAMEC,QANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG,CACvB;AACEC,EAAAA,IAAI,EAAE,SADR;AAEEC,EAAAA,GAAG,EAAE,SAFP;AAGEC,EAAAA,WAAW,EAAE,uDAHf;AAIEC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJ5B;AAKEC,EAAAA,MAAM,EAAE,EALV;AAMEC,EAAAA,QAAQ,EAAE,CAACR,QAAQ,CAACS,QAAV,CANZ;AAOEC,EAAAA,KAAK,EAAE;AACLC,IAAAA,SAAS,EAAEb,mBAAmB,CAAC;AAC7Bc,MAAAA,YAAY,EAAE,cADe;AAE7BC,MAAAA,eAAe,EAAE,UAFY;AAG7BC,MAAAA,aAAa,EAAE;AAHc,KAAD,CADzB;AAMLC,IAAAA,QAAQ,EAAEnB,kBAAkB,CAAC;AAAEgB,MAAAA,YAAY,EAAE;AAAhB,KAAD,CANvB;AAOLI,IAAAA,SAAS,EAAEnB,eAAe,CAAC;AAAEe,MAAAA,YAAY,EAAE;AAAhB,KAAD,CAPrB;AAQLK,IAAAA,GAAG,EAAElB,sBAAsB,CAAC;AAC1BmB,MAAAA,KAAK,EAAE,SADmB;AAE1Bd,MAAAA,WAAW,EAAE,gBAFa;AAG1BQ,MAAAA,YAAY,EAAE;AAHY,KAAD,CARtB;AAaLO,IAAAA,GAAG,EAAEpB,sBAAsB,CAAC;AAC1BmB,MAAAA,KAAK,EAAE,SADmB;AAE1Bd,MAAAA,WAAW,EAAE;AAFa,KAAD;AAbtB;AAPT,CADuB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createIconSizeProp,\n  createColorProp,\n  createFieldNameProp,\n  createStaticNumberProp,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = [\n  {\n    name: \"Stepper\",\n    tag: \"Stepper\",\n    description: \"A component used to control the quantity of something\",\n    category: COMPONENT_TYPES.input,\n    layout: {},\n    triggers: [Triggers.OnChange],\n    props: {\n      fieldName: createFieldNameProp({\n        defaultValue: \"stepperValue\",\n        handlerPropName: \"onChange\",\n        valuePropName: \"value\",\n      }),\n      iconSize: createIconSizeProp({ defaultValue: 24 }),\n      iconColor: createColorProp({ defaultValue: \"strong\" }),\n      min: createStaticNumberProp({\n        label: \"Minimum\",\n        description: \"Minimum Number\",\n        defaultValue: 0,\n      }),\n      max: createStaticNumberProp({\n        label: \"Maximum\",\n        description: \"Maximum Number\",\n      }),\n    },\n  },\n];\n"]}

package/lib/module/mappings/Swiper.js

@@ -1,4 +1,4 @@
-import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, GROUPS } from "@draftbit/types";
+import { COMPONENT_TYPES, createBoolProp, createNumberProp, createTextProp, createColorProp, GROUPS } from "@draftbit/types";
 export const SEED_DATA = {
   name: "Swiper",
   tag: "Swiper",
@@ -37,6 +37,20 @@ export const SEED_DATA = {
       label: "Next Title",
       defaultValue: ""
     }),
+    prevTitleColor: createColorProp({
+      label: "Previous Title Color"
+    }),
+    nextTitleColor: createColorProp({
+      label: "Next Title Color"
+    }),
+    dotColor: createColorProp({
+      label: "Dot Color",
+      defaultValue: "light"
+    }),
+    dotActiveColor: createColorProp({
+      label: "Dot Active Color",
+      defaultValue: "primary"
+    }),
     dotsTouchable: createBoolProp({
       group: GROUPS.basic,
       label: "Dots Touchable",

package/lib/module/mappings/Swiper.js.map

@@ -1 +1 @@
-{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,MALF,QAMO,iBANP;AAQA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAET,eAAe,CAACU,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEb,gBAAgB,CAAC;AACrBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAElB,cAAc,CAAC;AACnBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAElB,gBAAgB,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAErB,cAAc,CAAC;AACvBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAEpB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBa,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,aAAa,EAAExB,cAAc,CAAC;AAC5Be,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA7BxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}
+{"version":3,"sources":["Swiper.ts"],"names":["COMPONENT_TYPES","createBoolProp","createNumberProp","createTextProp","createColorProp","GROUPS","SEED_DATA","name","tag","description","category","container","layout","height","width","props","from","group","basic","label","loop","timeout","defaultValue","vertical","prevTitle","nextTitle","prevTitleColor","nextTitleColor","dotColor","dotActiveColor","dotsTouchable"],"mappings":"AAAA,SACEA,eADF,EAEEC,cAFF,EAGEC,gBAHF,EAIEC,cAJF,EAKEC,eALF,EAMEC,MANF,QAOO,iBAPP;AASA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,QADiB;AAEvBC,EAAAA,GAAG,EAAE,QAFkB;AAGvBC,EAAAA,WAAW,EAAE,kBAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,SAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,MAAM,EAAE,GADF;AAENC,IAAAA,KAAK,EAAE;AAFD,GALe;AASvBC,EAAAA,KAAK,EAAE;AACLC,IAAAA,IAAI,EAAEd,gBAAgB,CAAC;AACrBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADO;AAErBC,MAAAA,KAAK,EAAE;AAFc,KAAD,CADjB;AAKLC,IAAAA,IAAI,EAAEnB,cAAc,CAAC;AACnBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADK;AAEnBC,MAAAA,KAAK,EAAE;AAFY,KAAD,CALf;AASLE,IAAAA,OAAO,EAAEnB,gBAAgB,CAAC;AACxBe,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,SAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CATpB;AAcLC,IAAAA,QAAQ,EAAEtB,cAAc,CAAC;AACvBgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADS;AAEvBC,MAAAA,KAAK,EAAE,UAFgB;AAGvBG,MAAAA,YAAY,EAAE;AAHS,KAAD,CAdnB;AAmBLE,IAAAA,SAAS,EAAErB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,gBAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAnBpB;AAwBLG,IAAAA,SAAS,EAAEtB,cAAc,CAAC;AACxBc,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADU;AAExBC,MAAAA,KAAK,EAAE,YAFiB;AAGxBG,MAAAA,YAAY,EAAE;AAHU,KAAD,CAxBpB;AA6BLI,IAAAA,cAAc,EAAEtB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CA7B1B;AAgCLQ,IAAAA,cAAc,EAAEvB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE;AADuB,KAAD,CAhC1B;AAmCLS,IAAAA,QAAQ,EAAExB,eAAe,CAAC;AACxBe,MAAAA,KAAK,EAAE,WADiB;AAExBG,MAAAA,YAAY,EAAE;AAFU,KAAD,CAnCpB;AAuCLO,IAAAA,cAAc,EAAEzB,eAAe,CAAC;AAC9Be,MAAAA,KAAK,EAAE,kBADuB;AAE9BG,MAAAA,YAAY,EAAE;AAFgB,KAAD,CAvC1B;AA2CLQ,IAAAA,aAAa,EAAE7B,cAAc,CAAC;AAC5BgB,MAAAA,KAAK,EAAEZ,MAAM,CAACa,KADc;AAE5BC,MAAAA,KAAK,EAAE,gBAFqB;AAG5BG,MAAAA,YAAY,EAAE;AAHc,KAAD;AA3CxB;AATgB,CAAlB","sourcesContent":["import {\n  COMPONENT_TYPES,\n  createBoolProp,\n  createNumberProp,\n  createTextProp,\n  createColorProp,\n  GROUPS,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Swiper\",\n  tag: \"Swiper\",\n  description: \"Swiper container\",\n  category: COMPONENT_TYPES.container,\n  layout: {\n    height: 300,\n    width: \"100%\",\n  },\n  props: {\n    from: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Initial Slide\",\n    }),\n    loop: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Loop\",\n    }),\n    timeout: createNumberProp({\n      group: GROUPS.basic,\n      label: \"Timeout\",\n      defaultValue: 0,\n    }),\n    vertical: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Vertical\",\n      defaultValue: false,\n    }),\n    prevTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Previous Title\",\n      defaultValue: \"\",\n    }),\n    nextTitle: createTextProp({\n      group: GROUPS.basic,\n      label: \"Next Title\",\n      defaultValue: \"\",\n    }),\n    prevTitleColor: createColorProp({\n      label: \"Previous Title Color\",\n    }),\n    nextTitleColor: createColorProp({\n      label: \"Next Title Color\",\n    }),\n    dotColor: createColorProp({\n      label: \"Dot Color\",\n      defaultValue: \"light\",\n    }),\n    dotActiveColor: createColorProp({\n      label: \"Dot Active Color\",\n      defaultValue: \"primary\",\n    }),\n    dotsTouchable: createBoolProp({\n      group: GROUPS.basic,\n      label: \"Dots Touchable\",\n      defaultValue: true,\n    }),\n  },\n};\n"]}

package/lib/module/mappings/TextArea.js

@@ -5,7 +5,16 @@ export const SEED_DATA = {
   description: "An input field that allows for multiple lines.",
   category: COMPONENT_TYPES.input,
   layout: {
-    flex: 1
+    borderLeftWidth: 1,
+    borderRightWidth: 1,
+    borderTopWidth: 1,
+    borderBottomWidth: 1,
+    borderColor: "divider",
+    paddingLeft: 8,
+    paddingRight: 8,
+    paddingTop: 8,
+    paddingBottom: 8,
+    borderRadius: 8
   },
   triggers: [Triggers.OnChangeText],
   props: { ...TEXT_INPUT_PROPS,

package/lib/module/mappings/TextArea.js.map

@@ -1 +1 @@
-{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","flex","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AAAEC,IAAAA,IAAI,EAAE;AAAR,GALe;AAMvBC,EAAAA,QAAQ,EAAE,CAACT,QAAQ,CAACU,YAAV,CANa;AAOvBC,EAAAA,KAAK,EAAE,EACL,GAAGZ,gBADE;AAELa,IAAAA,WAAW,EAAE,EACX,GAAGb,gBAAgB,CAACa,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETX,MAAAA,WAAW,EAAE,WAFJ;AAGTY,MAAAA,KAAK,EAAEtB,MAAM,CAACuB,aAHL;AAITC,MAAAA,QAAQ,EAAEtB,UAAU,CAACuB,OAJZ;AAKTC,MAAAA,QAAQ,EAAEvB,UAAU,CAACwB,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbX,MAAAA,WAAW,EAAE,iBAFA;AAGbY,MAAAA,KAAK,EAAEtB,MAAM,CAAC+B,KAHD;AAIbP,MAAAA,QAAQ,EAAEtB,UAAU,CAAC8B,MAJR;AAKbN,MAAAA,QAAQ,EAAEvB,UAAU,CAAC8B,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAG9B,UADM;AAETe,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAPgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: { flex: 1 },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}
+{"version":3,"sources":["TextArea.ts"],"names":["GROUPS","COMPONENT_TYPES","FORM_TYPES","PROP_TYPES","FIELD_NAME","TEXT_INPUT_PROPS","Triggers","SEED_DATA","name","tag","description","category","input","layout","borderLeftWidth","borderRightWidth","borderTopWidth","borderBottomWidth","borderColor","paddingLeft","paddingRight","paddingTop","paddingBottom","borderRadius","triggers","OnChangeText","props","placeholder","defaultValue","multiline","label","group","uncategorized","formType","boolean","propType","BOOLEAN","editable","required","numberOfLines","basic","number","NUMBER","fieldName","handlerPropName"],"mappings":"AAAA,SACEA,MADF,EAEEC,eAFF,EAGEC,UAHF,EAIEC,UAJF,EAKEC,UALF,EAMEC,gBANF,EAOEC,QAPF,QAQO,iBARP;AAUA,OAAO,MAAMC,SAAS,GAAG;AACvBC,EAAAA,IAAI,EAAE,WADiB;AAEvBC,EAAAA,GAAG,EAAE,WAFkB;AAGvBC,EAAAA,WAAW,EAAE,gDAHU;AAIvBC,EAAAA,QAAQ,EAAEV,eAAe,CAACW,KAJH;AAKvBC,EAAAA,MAAM,EAAE;AACNC,IAAAA,eAAe,EAAE,CADX;AAENC,IAAAA,gBAAgB,EAAE,CAFZ;AAGNC,IAAAA,cAAc,EAAE,CAHV;AAINC,IAAAA,iBAAiB,EAAE,CAJb;AAKNC,IAAAA,WAAW,EAAE,SALP;AAMNC,IAAAA,WAAW,EAAE,CANP;AAONC,IAAAA,YAAY,EAAE,CAPR;AAQNC,IAAAA,UAAU,EAAE,CARN;AASNC,IAAAA,aAAa,EAAE,CATT;AAUNC,IAAAA,YAAY,EAAE;AAVR,GALe;AAiBvBC,EAAAA,QAAQ,EAAE,CAAClB,QAAQ,CAACmB,YAAV,CAjBa;AAkBvBC,EAAAA,KAAK,EAAE,EACL,GAAGrB,gBADE;AAELsB,IAAAA,WAAW,EAAE,EACX,GAAGtB,gBAAgB,CAACsB,WADT;AAEXC,MAAAA,YAAY,EACV;AAHS,KAFR;AAOLC,IAAAA,SAAS,EAAE;AACTC,MAAAA,KAAK,EAAE,WADE;AAETpB,MAAAA,WAAW,EAAE,WAFJ;AAGTqB,MAAAA,KAAK,EAAE/B,MAAM,CAACgC,aAHL;AAITC,MAAAA,QAAQ,EAAE/B,UAAU,CAACgC,OAJZ;AAKTC,MAAAA,QAAQ,EAAEhC,UAAU,CAACiC,OALZ;AAMTR,MAAAA,YAAY,EAAE,IANL;AAOTS,MAAAA,QAAQ,EAAE,IAPD;AAQTC,MAAAA,QAAQ,EAAE;AARD,KAPN;AAiBLC,IAAAA,aAAa,EAAE;AACbT,MAAAA,KAAK,EAAE,iBADM;AAEbpB,MAAAA,WAAW,EAAE,iBAFA;AAGbqB,MAAAA,KAAK,EAAE/B,MAAM,CAACwC,KAHD;AAIbP,MAAAA,QAAQ,EAAE/B,UAAU,CAACuC,MAJR;AAKbN,MAAAA,QAAQ,EAAEhC,UAAU,CAACuC,MALR;AAMbd,MAAAA,YAAY,EAAE,CAND;AAObS,MAAAA,QAAQ,EAAE,IAPG;AAQbC,MAAAA,QAAQ,EAAE;AARG,KAjBV;AA2BLK,IAAAA,SAAS,EAAE,EACT,GAAGvC,UADM;AAETwB,MAAAA,YAAY,EAAE,gBAFL;AAGTgB,MAAAA,eAAe,EAAE;AAHR;AA3BN;AAlBgB,CAAlB","sourcesContent":["import {\n  GROUPS,\n  COMPONENT_TYPES,\n  FORM_TYPES,\n  PROP_TYPES,\n  FIELD_NAME,\n  TEXT_INPUT_PROPS,\n  Triggers,\n} from \"@draftbit/types\";\n\nexport const SEED_DATA = {\n  name: \"Text Area\",\n  tag: \"TextInput\",\n  description: \"An input field that allows for multiple lines.\",\n  category: COMPONENT_TYPES.input,\n  layout: {\n    borderLeftWidth: 1,\n    borderRightWidth: 1,\n    borderTopWidth: 1,\n    borderBottomWidth: 1,\n    borderColor: \"divider\",\n    paddingLeft: 8,\n    paddingRight: 8,\n    paddingTop: 8,\n    paddingBottom: 8,\n    borderRadius: 8,\n  },\n  triggers: [Triggers.OnChangeText],\n  props: {\n    ...TEXT_INPUT_PROPS,\n    placeholder: {\n      ...TEXT_INPUT_PROPS.placeholder,\n      defaultValue:\n        \"Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.\",\n    },\n    multiline: {\n      label: \"Multiline\",\n      description: \"Multiline\",\n      group: GROUPS.uncategorized,\n      formType: FORM_TYPES.boolean,\n      propType: PROP_TYPES.BOOLEAN,\n      defaultValue: true,\n      editable: true,\n      required: false,\n    },\n    numberOfLines: {\n      label: \"Number Of Lines\",\n      description: \"Number Of Lines\",\n      group: GROUPS.basic,\n      formType: FORM_TYPES.number,\n      propType: PROP_TYPES.NUMBER,\n      defaultValue: 4,\n      editable: true,\n      required: false,\n    },\n    fieldName: {\n      ...FIELD_NAME,\n      defaultValue: \"textInputValue\",\n      handlerPropName: \"onChangeText\",\n    },\n  },\n};\n"]}

package/lib/typescript/src/components/Stepper.d.ts

@@ -4,6 +4,8 @@ import type { Theme } from "../styles/DefaultTheme";
 import type { IconSlot } from "../interfaces/Icon";
 declare type Props = {
     value?: number;
+    min?: number;
+    max?: number;
     theme: Theme;
     style?: StyleProp<ViewStyle>;
     onChange?: (value: number) => void;