@codeleap/mobile 1.3.1 → 1.4.0

package/dist/components/Checkbox/index.js

@@ -43,7 +43,7 @@ var Touchable_1 = require("../Touchable");
 __exportStar(require("./styles"), exports);
 exports.Checkbox = (0, react_1.forwardRef)(function (checkboxProps, ref) {
     var _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.style, style = _b === void 0 ? {} : _b, _c = checkboxProps.styles, styles = _c === void 0 ? {} : _c, label = checkboxProps.label, value = checkboxProps.value, onValueChange = checkboxProps.onValueChange, validate = checkboxProps.validate, props = __rest(checkboxProps, ["variants", "style", "styles", "label", "value", "onValueChange", "validate"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
         // @ts-ignore
         variants: variants,
     });
@@ -61,15 +61,14 @@ exports.Checkbox = (0, react_1.forwardRef)(function (checkboxProps, ref) {
             checkboxProps.disabled ? styles[key + ':disabled'] : {},
         ];
     }
-    return <View_1.View style={getStyles('wrapper')} {...props}>
+    return (<View_1.View style={getStyles('wrapper')} {...props}>
         <Touchable_1.Touchable style={getStyles('input')} onPress={function () { return onValueChange(!value); }}>
-            <View_1.View style={getStyles('checkmarkWrapper')}>
-                <View_1.View style={getStyles('checkmark')}/>
-            </View_1.View>
-            <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
-
+          <View_1.View style={getStyles('checkmarkWrapper')}>
+            <View_1.View style={getStyles('checkmark')}/>
+          </View_1.View>
+          <TextInput_1.InputLabel label={label} style={getStyles('label')}/>
         </Touchable_1.Touchable>
         <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
-    </View_1.View>;
+      </View_1.View>);
 });
 //# sourceMappingURL=index.js.map

package/dist/components/Checkbox/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAsG;AACtG,+BAAoE;AAEpE,0CAAoD;AACpD,gCAA8B;AAC9B,0CAAwC;AAIxC,2CAAwB;AAaX,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA+B,UAAC,aAAa,EAAC,GAAG;IAE3E,IAAA,KAQA,aAAa,SARA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAOA,aAAa,MAPH,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAMA,aAAa,OANF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAKL,aAAa,MALR,EACL,KAAK,GAIL,aAAa,MAJR,EACL,aAAa,GAGb,aAAa,cAHA,EACb,QAAQ,GAER,aAAa,SAFL,EACL,KAAK,UACR,aAAa,EATV,8EASN,CADW,CACK;IAEjB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE;QAChD,aAAa;QACb,QAAQ,UAAA;KACX,CAAC,CAAA;IAEI,IAAA,KAAqB,IAAA,oBAAW,EAAC,KAAK,EAAC,QAAQ,CAAC,EAA/C,KAAK,WAAA,EAAE,SAAS,eAA+B,CAAA;IAGtD,SAAS,SAAS,CAAC,GAAuB;QACtC,OAAO;YACH,aAAa,CAAC,GAAG,CAAC;YAClB,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC9B,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YACrC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9C,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YACvC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9D,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;SAC1D,CAAA;IACL,CAAC;IAED,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAChD;QAAA,CAAC,qBAAS,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAAE,OAAO,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,KAAK,CAAC,EAArB,CAAqB,CAAC,CACxE;YAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CACvC;gBAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EACxC;YAAA,EAAE,WAAI,CACN;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAExD;;QAAA,EAAE,qBAAS,CACX;QAAA,CAAC,qBAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EACjE;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAC,CAAA"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AACzB,+BAAoE;AAEpE,0CAAoD;AACpD,gCAA8B;AAC9B,0CAAwC;AAKxC,2CAAwB;AAaX,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAChC,UAAC,aAAa,EAAE,GAAG;IAEf,IAAA,KAQE,aAAa,SARF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAOE,aAAa,MAPL,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAME,aAAa,OANJ,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAKH,aAAa,MALV,EACL,KAAK,GAIH,aAAa,MAJV,EACL,aAAa,GAGX,aAAa,cAHF,EACb,QAAQ,GAEN,aAAa,SAFP,EACL,KAAK,UACN,aAAa,EATX,8EASL,CADS,CACO;IAEjB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,aAAa;QACb,QAAQ,UAAA;KACT,CAAC,CAAA;IAEI,IAAA,KAAuB,IAAA,oBAAW,EAAC,KAAK,EAAE,QAAQ,CAAC,EAAjD,KAAK,WAAA,EAAE,SAAS,eAAiC,CAAA;IAEzD,SAAS,SAAS,CAAC,GAAwB;QACzC,OAAO;YACL,aAAa,CAAC,GAAG,CAAC;YAClB,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC9B,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YAC5C,KAAK,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,UAAU,CAAC,CAAC,CAAC,CAAC,EAAE;YACrC,SAAS,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9C,SAAS,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,QAAQ,CAAC,CAAC,CAAC,CAAC,EAAE;YACvC,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;YAC9D,aAAa,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;SACxD,CAAA;IACH,CAAC;IAED,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CAAC,IAAI,KAAK,CAAC,CAC3C;QAAA,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,CAC1B,OAAO,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,CAAC,KAAK,CAAC,EAArB,CAAqB,CAAC,CAErC;UAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CACzC;YAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EACtC;UAAA,EAAE,WAAI,CACN;UAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EACtD;QAAA,EAAE,qBAAS,CACX;QAAA,CAAC,qBAAS,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAC/D;MAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CACF,CAAA"}

package/dist/components/Checkbox/styles.d.ts

@@ -1,48 +1,52 @@
 declare type CheckboxParts = 'wrapper' | 'label' | 'input' | 'checkmark' | 'checkmarkWrapper' | 'error';
 export declare type MobileCheckboxComposition = CheckboxParts | `${CheckboxParts}:checked` | `${CheckboxParts}:disabled` | `${CheckboxParts}:error`;
 export declare const MobileCheckboxStyles: {
-    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
-    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<MobileCheckboxComposition, any>>;
 };
 export {};

package/dist/components/Checkbox/styles.js

@@ -31,19 +31,19 @@ exports.MobileCheckboxStyles = __assign(__assign({}, presets), { default: create
                 left: '50%',
                 height: markHeight,
                 width: markWidth,
-                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' },]
+                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' }],
             },
-            "checkmark:checked": __assign({}, theme.border.white({
+            'checkmark:checked': __assign({}, theme.border.white({
                 width: 2,
-                directions: ['right', 'bottom']
+                directions: ['right', 'bottom'],
             })),
-            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.gray(1)),
-            "checkmarkWrapper:checked": {
-                backgroundColor: theme.colors.primary
+            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.neutral(1)),
+            'checkmarkWrapper:checked': {
+                backgroundColor: theme.colors.primary,
             },
             error: {
-                color: theme.colors.negative
-            }
+                color: theme.colors.negative,
+            },
         };
     }) });
 //# sourceMappingURL=styles.js.map

package/dist/components/Checkbox/styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA4E;AAK5E,IAAM,mBAAmB,GAAG,IAAA,oCAA2B,GAA6B,CAAA;AAEpF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAAC,CAAA;AAE/E,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAC,CAAC,CAAC,CAAA;QACjC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAC,CAAC,CAAC,CAAA;QAClC,OAAO;YACL,OAAO,EAAE,EAER;YACD,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACP,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,UAAU,YAAA,EAAC,EAAE,EAAC,MAAM,EAAE,OAAO,EAAC,EAAE;aAC9D;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAC,QAAQ,CAAC;aAC/B,CAAC,CACH;YACD,gBAAgB,aACZ,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,CAC1B;YACD,0BAA0B,EAAE;gBACxB,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACxC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IAEH"}
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAe9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA6B,CAAA;AAE1D,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,oBAAoB,yBAC5B,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK;QACjC,IAAM,IAAI,GAAG,KAAK,CAAC,UAAU,CAAC,YAAY,GAAG,GAAG,CAAA;QAEhD,IAAM,UAAU,GAAG,IAAI,GAAG,GAAG,CAAA;QAC7B,IAAM,SAAS,GAAG,IAAI,GAAG,IAAI,CAAA;QAE7B,IAAM,UAAU,GAAG,CAAC,CAAC,SAAS,GAAG,CAAC,CAAC,CAAA;QACnC,IAAM,UAAU,GAAG,CAAC,CAAC,UAAU,GAAG,CAAC,CAAC,CAAA;QACpC,OAAO;YACL,OAAO,EAAE,EAAE;YACX,KAAK,sBACH,aAAa,EAAE,KAAK,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,KAC5B,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,GACvC;YACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,GAAG,CAAC,CACjC;YAED,SAAS,EAAE;gBACT,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK;gBACV,IAAI,EAAE,KAAK;gBAEX,MAAM,EAAE,UAAU;gBAClB,KAAK,EAAE,SAAS;gBAChB,SAAS,EAAE,CAAC,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,UAAU,YAAA,EAAE,EAAE,EAAE,MAAM,EAAE,OAAO,EAAE,CAAC;aACjE;YACD,mBAAmB,eACd,KAAK,CAAC,MAAM,CAAC,KAAK,CAAC;gBACpB,KAAK,EAAE,CAAC;gBACR,UAAU,EAAE,CAAC,OAAO,EAAE,QAAQ,CAAC;aAChC,CAAC,CACH;YACD,gBAAgB,aACd,QAAQ,EAAE,UAAU,EACpB,KAAK,EAAE,IAAI,EACX,MAAM,EAAE,IAAI,IACT,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,CAC3B;YACD,0BAA0B,EAAE;gBAC1B,eAAe,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACtC;YACD,KAAK,EAAE;gBACL,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SACF,CAAA;IACH,CAAC,CAAC,IACH"}

package/dist/components/ContentView.js

@@ -20,14 +20,16 @@ var common_1 = require("@codeleap/common");
 var View_1 = require("./View");
 var Text_1 = require("./Text");
 var ActivityIndicator_1 = require("./ActivityIndicator");
+var react_native_1 = require("react-native");
 var WrapContent = function (_a) {
     var children = _a.children, props = __rest(_a, ["children"]);
-    return <View_1.View {...props}>{children}</View_1.View>;
+    return (<View_1.View {...props}>{children}</View_1.View>);
 };
 var ContentView = function (rawProps) {
     var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "styles"]);
-    var variantStyle = (0, common_1.useComponentStyle)('ContentView', {
+    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
         variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
         styles: styles,
     });
     if (loading) {

package/dist/components/ContentView.js.map

@@ -1 +1 @@
-{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAA2G;AAC3G,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AAQvD,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CAAA;CAAA,CAAA;AAE3E,IAAM,WAAW,GAA+B,UAAC,QAAQ;IAE5D,IAAA,QAAQ,GAMN,QAAQ,SANF,EACR,cAAc,GAKZ,QAAQ,eALI,EACd,OAAO,GAIL,QAAQ,QAJH,EACP,QAAQ,GAGN,QAAQ,SAHF,EACR,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EAPN,+DAOL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,0BAAiB,EAAC,aAAa,EAAE;QACpD,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAC,OAAO,EAAE,YAAY,CAAC,MAAM,EAAC,CAAC,EAC5D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AApCY,QAAA,WAAW,eAoCvB"}
+{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AAAA,gDAAyB;AACzB,2CAKyB;AACzB,+BAAwC;AACxC,+BAA6B;AAE7B,yDAAuD;AACvD,6CAAyC;AAWzC,IAAM,WAAW,GAAG,UAAC,EAAsB;IAApB,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAO,OAAA,CAC9C,CAAC,WAAI,CAAC,IAAI,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,EAAE,WAAI,CAAC,CACnC,CAAA;CAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,QAAQ;IACtD,IAAA,QAAQ,GACd,QAAQ,SADM,EAAE,cAAc,GAC9B,QAAQ,eADsB,EAAE,OAAO,GACvC,QAAQ,QAD+B,EAAE,QAAQ,GACjD,QAAQ,SADyC,EAAE,MAAM,GACzD,QAAQ,OADiD,EAAK,KAAK,UACnE,QAAQ,EADJ,+DAAiE,CAAF,CAC3D;IAEV,IAAM,YAAY,GAAG,IAAA,iCAAwB,EAAC,aAAa,EAAE;QAC3D,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,qCAAiB,CAAC,MAAM,CAAC,CAAC,EAAE,OAAO,EAAE,YAAY,CAAC,MAAM,EAAE,CAAC,EAC9D;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,YAAY,CAAC,OAAO,CAAC,CAClD;QAAA,CAAC,QAAQ,CACX;MAAA,EAAE,WAAW,CAAC,CACf,CAAA;KACF;IAED,OAAO,CACL,CAAC,WAAW,CAAC,IAAI,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CACpC;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,cAAc,CAAC,EAC7B;IAAA,EAAE,WAAW,CAAC,CACf,CAAA;AACH,CAAC,CAAA;AA/BY,QAAA,WAAW,eA+BvB"}

package/dist/components/FileInput.d.ts

@@ -1,8 +1,10 @@
 import React from 'react';
-import { DocumentPicker } from '../modules/documentPicker';
 import { ComponentVariants, FileInputComposition, FileInputStyles, IconPlaceholder, MobileInputFile } from '@codeleap/common';
 import { StylesOf } from '../types/utility';
 import { ButtonProps } from './Button';
+import OSAlert from '../utils/OSAlert';
+import { Options } from 'react-native-image-crop-picker';
+import { DocumentPickerOptions } from '../modules/types/documentPicker';
 export declare type FileInputRef = {
     openFilePicker: () => void;
 };
@@ -13,7 +15,12 @@ export declare type FileInputProps = {
     mode: 'hidden' | 'button';
     variants?: ComponentVariants<typeof FileInputStyles>['variants'];
     onFileSelect(files: MobileInputFile[]): void;
-    options?: DocumentPicker.DocumentPickerOptions;
+    options?: DocumentPickerOptions<any>;
     buttonProps?: ButtonProps;
+    ref?: FileInputRef;
+    placeholder?: string;
+    type?: 'image' | 'anyFile';
+    alertProps?: Parameters<typeof OSAlert.ask>[0];
+    pickerOptions?: Partial<Options>;
 };
-export declare const FileInput: React.FC<FileInputProps>;
+export declare const FileInput: React.ForwardRefExoticComponent<Pick<FileInputProps, "label" | "variants" | "styles" | "placeholder" | "type" | "options" | "buttonProps" | "iconName" | "mode" | "onFileSelect" | "alertProps" | "pickerOptions"> & React.RefAttributes<FileInputRef>>;

package/dist/components/FileInput.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
     if (k2 === undefined) k2 = k;
     Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
@@ -54,6 +65,9 @@ var __generator = (this && this.__generator) || function (thisArg, body) {
         if (op[0] & 5) throw op[1]; return { value: op[0] ? op[1] : void 0, done: true };
     }
 };
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.FileInput = void 0;
 var react_1 = __importStar(require("react"));
@@ -62,51 +76,99 @@ var common_1 = require("@codeleap/common");
 var Button_1 = require("./Button");
 var View_1 = require("./View");
 var TextInput_1 = require("./TextInput");
+var OSAlert_1 = __importDefault(require("../utils/OSAlert"));
+var pickerDefaults = {
+    width: 300,
+    height: 400,
+    cropping: true,
+};
+function parsePickerData(data) {
+    var filePathData = (0, common_1.parseFilePathData)(data.path);
+    var d = {
+        name: filePathData.name,
+        size: data.size,
+        type: data.mime,
+        uri: data.path,
+        fileCopyUri: data.path,
+    };
+    return {
+        file: d,
+        preview: data.path,
+    };
+}
 exports.FileInput = (0, react_1.forwardRef)(function (fileInputProps, ref) {
-    var _a = fileInputProps.mode, mode = _a === void 0 ? 'hidden' : _a, onFileSelect = fileInputProps.onFileSelect, iconName = fileInputProps.iconName, styles = fileInputProps.styles, label = fileInputProps.label, variants = fileInputProps.variants, options = fileInputProps.options, buttonProps = fileInputProps.buttonProps;
-    var _b = react_1.default.useState(null), file = _b[0], setFile = _b[1];
-    var logger = (0, common_1.useStyle)().logger;
+    var _a = fileInputProps.mode, mode = _a === void 0 ? 'hidden' : _a, onFileSelect = fileInputProps.onFileSelect, iconName = fileInputProps.iconName, styles = fileInputProps.styles, label = fileInputProps.label, variants = fileInputProps.variants, options = fileInputProps.options, _b = fileInputProps.type, type = _b === void 0 ? 'image' : _b, alertProps = fileInputProps.alertProps, _c = fileInputProps.placeholder, placeholder = _c === void 0 ? 'Select a file' : _c, pickerOptions = fileInputProps.pickerOptions, buttonProps = fileInputProps.buttonProps;
+    var _d = react_1.default.useState(null), file = _d[0], setFile = _d[1];
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    function openFileSystem() {
+        return __awaiter(this, void 0, void 0, function () {
+            var files, err_1;
+            return __generator(this, function (_a) {
+                switch (_a.label) {
+                    case 0:
+                        _a.trys.push([0, 2, , 3]);
+                        return [4 /*yield*/, documentPicker_1.DocumentPicker.pick(options)];
+                    case 1:
+                        files = _a.sent();
+                        if (!Array.isArray(files)) {
+                            files = [files];
+                        }
+                        setFile(files);
+                        onFileSelect(files.map(function (file) { return ({ preview: file.uri, file: file }); }));
+                        return [3 /*break*/, 3];
+                    case 2:
+                        err_1 = _a.sent();
+                        if (documentPicker_1.DocumentPicker.isCancel(err_1)) {
+                            logger.log('User cancelled the picker.', null, 'Component');
+                        }
+                        else {
+                            throw err_1;
+                        }
+                        return [3 /*break*/, 3];
+                    case 3: return [2 /*return*/];
+                }
+            });
+        });
+    }
+    var mergedOptions = __assign(__assign({}, pickerDefaults), pickerOptions);
+    var handlePickerResolution = function (data) {
+        onFileSelect(mergedOptions.multiple ? data.map(parsePickerData) : [
+            parsePickerData(data),
+        ]);
+    };
     var openFilePicker = function () { return __awaiter(void 0, void 0, void 0, function () {
-        var files, err_1;
-        return __generator(this, function (_a) {
-            switch (_a.label) {
-                case 0:
-                    _a.trys.push([0, 2, , 3]);
-                    return [4 /*yield*/, documentPicker_1.DocumentPicker.pick(options)];
-                case 1:
-                    files = _a.sent();
-                    if (!Array.isArray(files)) {
-                        files = [files];
-                    }
-                    setFile(files);
-                    onFileSelect(files.map(function (file) { return ({ preview: file, file: file }); }));
-                    return [3 /*break*/, 3];
-                case 2:
-                    err_1 = _a.sent();
-                    if (documentPicker_1.DocumentPicker.isCancel(err_1)) {
-                        logger.log('User cancelled the picker.', null, 'Component');
-                    }
-                    else {
-                        throw err_1;
-                    }
-                    return [3 /*break*/, 3];
-                case 3: return [2 /*return*/];
+        var _a, _b;
+        return __generator(this, function (_c) {
+            if (type === 'image') {
+                OSAlert_1.default.ask(__assign(__assign({ title: 'Change Image', body: 'Do you want to take a new picture or select an existing one?' }, alertProps), { options: [
+                        __assign({ text: 'Cancel', onPress: function () { } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[0]),
+                        __assign({ text: ((_b = (_a = alertProps === null || alertProps === void 0 ? void 0 : alertProps.options) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.text) || 'Camera', onPress: function () {
+                                documentPicker_1.ImageCropPicker.openCamera(mergedOptions).then(handlePickerResolution);
+                            } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[1]),
+                        __assign({ text: 'Library', onPress: function () {
+                                documentPicker_1.ImageCropPicker.openPicker(mergedOptions).then(handlePickerResolution);
+                            } }, alertProps === null || alertProps === void 0 ? void 0 : alertProps.options[2]),
+                    ] }));
+            }
+            else {
+                openFileSystem();
             }
+            return [2 /*return*/];
         });
     }); };
-    var variantStyles = (0, common_1.useComponentStyle)('FileInput', {
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('FileInput', {
         styles: styles,
         variants: variants,
     });
     (0, react_1.useImperativeHandle)(ref, function () { return ({
-        openFilePicker: openFilePicker
+        openFilePicker: openFilePicker,
     }); });
     var filenames = file ? file.map(function (f) { return f.name; }) : '';
     if (mode === 'button') {
         return (<View_1.View style={variantStyles.wrapper}>
-            <TextInput_1.InputLabel label={label} style={variantStyles.label}/>
-            <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames} icon={iconName || 'fileInputButton'} variants={filenames ? '' : 'icon'} {...buttonProps}/>
-        </View_1.View>);
+        <TextInput_1.InputLabel label={label} style={variantStyles.label}/>
+        <Button_1.Button onPress={function () { return openFilePicker(); }} text={filenames || placeholder} icon={iconName || 'fileInputButton'} variants={filenames ? '' : 'icon'} {...buttonProps}/>
+      </View_1.View>);
     }
     return null;
 });

package/dist/components/FileInput.js.map

@@ -1 +1 @@
-{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAAsE;AACtE,4DAA0D;AAC1D,2CAAyJ;AAEzJ,mCAA8C;AAC9C,+BAA6B;AAC7B,yCAAwC;AAiB3B,QAAA,SAAS,GAA6B,IAAA,kBAAU,EAA+B,UAAC,cAAc,EAAC,GAAG;IACpG,IAAA,KAA0F,cAAc,KAAzF,EAAf,IAAI,mBAAG,QAAQ,KAAA,EAAE,YAAY,GAA6D,cAAc,aAA3E,EAAE,QAAQ,GAAmD,cAAc,SAAjE,EAAE,MAAM,GAA2C,cAAc,OAAzD,EAAE,KAAK,GAAoC,cAAc,MAAlD,EAAE,QAAQ,GAA0B,cAAc,SAAxC,EAAE,OAAO,GAAiB,cAAc,QAA/B,EAAE,WAAW,GAAI,cAAc,YAAlB,CAAkB;IAEzG,IAAA,KAAkB,eAAK,CAAC,QAAQ,CAAC,IAAI,CAAC,EAArC,IAAI,QAAA,EAAE,OAAO,QAAwB,CAAA;IAErC,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAE3B,IAAM,cAAc,GAAG;;;;;;oBAEH,qBAAM,+BAAc,CAAC,IAAI,CAAC,OAAO,CAAC,EAAA;;oBAA1C,KAAK,GAAG,SAAkC;oBAC9C,IAAG,CAAC,KAAK,CAAC,OAAO,CAAC,KAAK,CAAC,EAAC;wBACrB,KAAK,GAAG,CAAC,KAAK,CAAC,CAAA;qBAClB;oBACD,OAAO,CAAC,KAAK,CAAC,CAAA;oBACd,YAAY,CAAC,KAAK,CAAC,GAAG,CAAC,UAAC,IAAI,IAAK,OAAA,CAAC,EAAC,OAAO,EAAE,IAAI,EAAE,IAAI,MAAA,EAAC,CAAC,EAAvB,CAAuB,CAAC,CAAC,CAAA;;;;oBAE1D,IAAI,+BAAc,CAAC,QAAQ,CAAC,KAAG,CAAC,EAAE;wBAC/B,MAAM,CAAC,GAAG,CAAC,4BAA4B,EAAE,IAAI,EAAE,WAAW,CAAC,CAAA;qBAC7D;yBAAM;wBACH,MAAM,KAAG,CAAA;qBACZ;;;;;SAER,CAAA;IAED,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,WAAW,EAAE;QACjD,MAAM,QAAA;QACN,QAAQ,UAAA;KAEX,CAAC,CAAA;IAGF,IAAA,2BAAmB,EAAC,GAAG,EAAE,cAAM,OAAA,CAAC;QAC5B,cAAc,gBAAA;KACjB,CAAC,EAF6B,CAE7B,CAAC,CAAA;IAEH,IAAM,SAAS,GAAG,IAAI,CAAC,CAAC,CAAC,IAAI,CAAC,GAAG,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,IAAI,EAAN,CAAM,CAAC,CAAC,CAAC,CAAC,EAAE,CAAA;IACrD,IAAG,IAAI,KAAK,QAAQ,EAAC;QACjB,OAAO,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,OAAO,CAAC,CACvC;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,EACrD;YAAA,CAAC,eAAM,CAAE,OAAO,CAAC,CAAC,cAAM,OAAA,cAAc,EAAE,EAAhB,CAAgB,CAAC,CAAE,IAAI,CAAC,CAAC,SAAS,CAAE,CAAC,IAAI,CAAC,CAAE,QAAQ,IAAI,iBAAoC,CAAC,CAAC,QAAQ,CAAC,CAAC,SAAS,CAAC,CAAC,CAAC,EAAE,CAAC,CAAC,CAAC,MAAM,CAAE,CAAC,IAAI,WAAW,CAAC,EAC9K;QAAA,EAAE,WAAI,CAAC,CACN,CAAA;KACJ;IAED,OAAO,IAAI,CAAA;AACf,CAAC,CAAC,CAAA"}
+{"version":3,"file":"FileInput.js","sourceRoot":"","sources":["../../src/components/FileInput.tsx"],"names":[],"mappings":"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"}

package/dist/components/Icon.d.ts

@@ -2,12 +2,10 @@ import * as React from 'react';
 import { ComponentVariants, IconPlaceholder, IconStyles } from '@codeleap/common';
 export declare type IconProps = {
     name: IconPlaceholder;
-    style?: {
-        color: string;
-        size?: string | number;
-        width?: string | number;
-        height?: string | number;
-    };
+    style?: any;
+    color?: string;
     variants?: ComponentVariants<typeof IconStyles>['variants'];
+    renderEmptySpace?: boolean;
+    size?: number;
 };
 export declare const Icon: React.FC<IconProps>;

package/dist/components/Icon.js

@@ -18,30 +18,44 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __setModuleDefault(result, mod);
     return result;
 };
+var __rest = (this && this.__rest) || function (s, e) {
+    var t = {};
+    for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
+        t[p] = s[p];
+    if (s != null && typeof Object.getOwnPropertySymbols === "function")
+        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
+            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
+                t[p[i]] = s[p[i]];
+        }
+    return t;
+};
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Icon = void 0;
 var React = __importStar(require("react"));
 var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
+var View_1 = require("./View");
 var Icon = function (_a) {
     var _b;
-    var name = _a.name, style = _a.style, variants = _a.variants;
-    var Theme = (0, common_1.useStyle)().Theme;
-    if (!name)
-        return null;
-    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
-    var logger = (0, common_1.useStyle)().logger;
-    var variantStyles = (0, common_1.useComponentStyle)('Icon', {
+    var name = _a.name, style = _a.style, variants = _a.variants, renderEmptySpace = _a.renderEmptySpace, otherProps = __rest(_a, ["name", "style", "variants", "renderEmptySpace"]);
+    var _c = (0, common_1.useCodeleapContext)(), Theme = _c.Theme, logger = _c.logger;
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Icon', {
         variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
         styles: {
-            icon: react_native_1.StyleSheet.flatten([style]),
-        }
+            icon: style,
+        },
+        rootElement: 'icon',
     });
+    if (!name) {
+        return renderEmptySpace ? <View_1.View style={variantStyles.icon}/> : null;
+    }
+    var Component = (_b = Theme === null || Theme === void 0 ? void 0 : Theme.icons) === null || _b === void 0 ? void 0 : _b[name];
     if (!Component) {
-        logger.warn('Icon', "No icon found in theme for name \"".concat(name, "\""), 'Component');
+        logger.warn("Icon: No icon found in theme for name \"".concat(name, "\"."), { props: { style: style, name: name, variants: variants, variantStyles: variantStyles } }, 'Component');
         return null;
     }
-    return <Component style={variantStyles.icon}/>;
+    return <Component {...otherProps} style={variantStyles.icon}/>;
 };
 exports.Icon = Icon;
 //# sourceMappingURL=Icon.js.map

package/dist/components/Icon.js.map

@@ -1 +1 @@
-{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA8G;AAC9G,6CAAyC;AAalC,IAAM,IAAI,GAAuB,UAAC,EAAuB;;QAAtB,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA;IACtD,IAAA,KAAK,GAAI,IAAA,iBAAQ,GAAE,MAAd,CAAc;IAE1B,IAAI,CAAC,IAAI;QAAE,OAAO,IAAI,CAAA;IAEtB,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAE/B,IAAA,MAAM,GAAI,IAAA,iBAAQ,GAAE,OAAd,CAAc;IAC3B,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,QAAQ,UAAA;QACR,MAAM,EAAE;YACN,IAAI,EAAE,yBAAU,CAAC,OAAO,CAAC,CAAC,KAAK,CAAC,CAAC;SAClC;KACF,CAAC,CAAA;IACF,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CAAC,MAAM,EAAE,4CAAoC,IAAI,OAAG,EAAE,WAAW,CAAC,CAAA;QAC7E,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAA;AAChD,CAAC,CAAA;AAnBY,QAAA,IAAI,QAmBhB"}
+{"version":3,"file":"Icon.js","sourceRoot":"","sources":["../../src/components/Icon.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AACzB,6CAAyC;AACzC,+BAA6B;AAWtB,IAAM,IAAI,GAAwB,UAAC,EAA0D;;IAAxD,IAAA,IAAI,UAAA,EAAE,KAAK,WAAA,EAAE,QAAQ,cAAA,EAAE,gBAAgB,sBAAA,EAAK,UAAU,cAAxD,iDAA0D,CAAF;IAC1F,IAAA,KAAoB,IAAA,2BAAkB,GAAE,EAAtC,KAAK,WAAA,EAAE,MAAM,YAAyB,CAAA;IAE9C,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,MAAM,EAAE;QACrD,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE;YACN,IAAI,EAAE,KAAK;SACZ;QACD,WAAW,EAAE,MAAM;KACpB,CAAC,CAAA;IAEF,IAAI,CAAC,IAAI,EAAE;QACT,OAAO,gBAAgB,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAA;KACpE;IAED,IAAM,SAAS,GAAG,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,KAAK,0CAAG,IAAI,CAAC,CAAA;IAEtC,IAAI,CAAC,SAAS,EAAE;QACd,MAAM,CAAC,IAAI,CACT,kDAA0C,IAAI,QAAI,EAClD,EAAE,KAAK,EAAE,EAAE,KAAK,OAAA,EAAE,IAAI,MAAA,EAAE,QAAQ,UAAA,EAAE,aAAa,eAAA,EAAE,EAAC,EAClD,WAAW,CACZ,CAAA;QACD,OAAO,IAAI,CAAA;KACZ;IACD,OAAO,CAAC,SAAS,CAAC,IAAI,UAAU,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,IAAI,CAAC,EAAG,CAAA;AACjE,CAAC,CAAA;AA3BY,QAAA,IAAI,QA2BhB"}

package/dist/components/Image.d.ts

@@ -1,15 +1,16 @@
 import * as React from 'react';
-import { ComponentVariants, ImageStyles, MobileInputFile } from "@codeleap/common";
-import { ComponentPropsWithoutRef } from "react";
-import { Image as NativeImage } from 'react-native';
+import { ComponentVariants, ImageStyles, MobileInputFile } from '@codeleap/common';
+import { ComponentPropsWithoutRef } from 'react';
+import { Image as NativeImage, ImageStyle, StyleProp, TextStyle, ViewStyle } from 'react-native';
 import { FastImage } from '../modules/fastImage';
 declare type NativeImageProps = ComponentPropsWithoutRef<typeof NativeImage>;
-export declare type ImageProps = Omit<NativeImageProps, 'source'> & {
+export declare type ImageProps = Omit<NativeImageProps, 'source' | 'style'> & {
     variants?: ComponentVariants<typeof ImageStyles>['variants'];
     fast?: boolean;
-    source: NativeImageProps['source'] & {
+    style?: StyleProp<ImageStyle | TextStyle | ViewStyle>;
+    source: (NativeImageProps['source'] & {
         priority?: keyof typeof FastImage.priority;
-    } | MobileInputFile | string;
+    }) | MobileInputFile | string;
     resizeMode?: keyof typeof FastImage.resizeMode;
 };
 export declare const Image: React.FC<ImageProps>;

package/dist/components/Image.js

@@ -36,13 +36,13 @@ var common_1 = require("@codeleap/common");
 var react_native_1 = require("react-native");
 var fastImage_1 = require("../modules/fastImage");
 var Image = function (props) {
-    var variants = props.variants, style = props.style, fast = props.fast, resizeMode = props.resizeMode, resizeMethod = props.resizeMethod, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode", "resizeMethod"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Image', { variants: variants });
+    var variants = props.variants, style = props.style, _a = props.fast, fast = _a === void 0 ? true : _a, _b = props.resizeMode, resizeMode = _b === void 0 ? 'contain' : _b, imageProps = __rest(props, ["variants", "style", "fast", "resizeMode"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Image', { variants: variants });
     var styles = [variantStyles.wrapper, style];
     if (fast) {
-        return <fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>;
+        return (<fastImage_1.FastImage style={styles} resizeMode={fastImage_1.FastImage.resizeMode[resizeMode || 'contain']} {...imageProps}/>);
     }
-    return <react_native_1.Image style={styles} {...imageProps}/>;
+    return <react_native_1.Image style={styles} resizeMode={resizeMode} {...imageProps}/>;
 };
 exports.Image = Image;
 //# sourceMappingURL=Image.js.map

package/dist/components/Image.js.map

@@ -1 +1 @@
-{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAqG;AAErG,6CAAmD;AACnD,kDAA8C;AAYvC,IAAM,KAAK,GAAwB,UAAC,KAAK;IAExC,IAAA,QAAQ,GAMR,KAAK,SANG,EACR,KAAK,GAKL,KAAK,MALA,EACL,IAAI,GAIJ,KAAK,KAJD,EACJ,UAAU,GAGV,KAAK,WAHK,EACV,YAAY,GAEZ,KAAK,aAFO,EACT,UAAU,UACb,KAAK,EAPH,2DAOL,CADgB,CACR;IAET,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,OAAO,EAAE,EAAC,QAAQ,UAAA,EAAC,CAAC,CAAA;IAE5D,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAG7C,IAAG,IAAI,EAAC;QACJ,OAAO,CAAC,qBAAS,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,UAAU,CAAC,CAAE,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC3D,IAAI,UAAU,CAAC,EACjB,CAAA;KACL;IACD,OAAO,CAAC,oBAAW,CACf,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,IAAK,UAAkB,CAAC,EAC1B,CAAA;AACN,CAAC,CAAA;AA1BY,QAAA,KAAK,SA0BjB"}
+{"version":3,"file":"Image.js","sourceRoot":"","sources":["../../src/components/Image.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAKyB;AAEzB,6CAMqB;AACrB,kDAAgD;AAgBzC,IAAM,KAAK,GAAyB,UAAC,KAAK;IACvC,IAAA,QAAQ,GAAgE,KAAK,SAArE,EAAE,KAAK,GAAyD,KAAK,MAA9D,EAAE,KAAuD,KAAK,KAAjD,EAAX,IAAI,mBAAG,IAAI,KAAA,EAAE,KAA0C,KAAK,WAAzB,EAAtB,UAAU,mBAAG,SAAS,KAAA,EAAK,UAAU,UAAK,KAAK,EAA/E,2CAAuE,CAAF,CAAU;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,OAAO,EAAE,EAAE,QAAQ,UAAA,EAAE,CAAC,CAAA;IAErE,IAAM,MAAM,GAAG,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAA;IAE7C,IAAI,IAAI,EAAE;QACR,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,UAAU,CAAC,CAAC,qBAAS,CAAC,UAAU,CAAC,UAAU,IAAI,SAAS,CAAC,CAAC,CAC1D,IAAI,UAAU,CAAC,EACf,CACH,CAAA;KACF;IACD,OAAO,CAAC,oBAAW,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,UAAU,CAAC,CAAC,UAAU,CAAC,CAAC,IAAK,UAAkB,CAAC,EAAG,CAAA;AACxF,CAAC,CAAA;AAjBY,QAAA,KAAK,SAiBjB"}