@codeleap/mobile 1.0.0

package/dist/components/ActivityIndicator.d.ts

@@ -0,0 +1,13 @@
+import * as React from 'react';
+import { ComponentPropsWithoutRef } from 'react';
+import { ActivityIndicator as Indicator } from 'react-native';
+import { ActivityIndicatorComposition, ActivityIndicatorStyles, ComponentVariants } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+export declare type ActivityIndicatorProps = ComponentPropsWithoutRef<typeof Indicator> & {
+    variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
+    styles?: StylesOf<ActivityIndicatorComposition>;
+};
+export declare const ActivityIndicator: React.ForwardRefExoticComponent<import("react-native").ActivityIndicatorProps & {
+    variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
+    styles?: StylesOf<ActivityIndicatorComposition>;
+} & React.RefAttributes<Indicator>>;

package/dist/components/ActivityIndicator.js

@@ -0,0 +1,49 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.ActivityIndicator = void 0;
+var React = __importStar(require("react"));
+var react_1 = require("react");
+var react_native_1 = require("react-native");
+var common_1 = require("@codeleap/common");
+exports.ActivityIndicator = (0, react_1.forwardRef)(function (activityIndicatorProps, ref) {
+    var _a = activityIndicatorProps.variants, variants = _a === void 0 ? [] : _a, style = activityIndicatorProps.style, props = __rest(activityIndicatorProps, ["variants", "style"]);
+    var variantStyles = (0, common_1.useComponentStyle)('ActivityIndicator', {
+        variants: variants
+    });
+    var Theme = (0, common_1.useStyle)().Theme;
+    var styles = react_native_1.StyleSheet.flatten([variantStyles.wrapper, style]);
+    var color = (styles === null || styles === void 0 ? void 0 : styles.color) || Theme.colors.gray;
+    var size = (styles === null || styles === void 0 ? void 0 : styles.height) || (styles === null || styles === void 0 ? void 0 : styles.width) || 'large';
+    return (<react_native_1.ActivityIndicator size={size} ref={ref} color={color} style={styles} {...props}/>);
+});
+//# sourceMappingURL=ActivityIndicator.js.map

package/dist/components/ActivityIndicator.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"ActivityIndicator.js","sourceRoot":"","sources":["../../src/components/ActivityIndicator.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,6CAAyE;AACzE,2CAC0E;AAU7D,QAAA,iBAAiB,GAC5B,IAAA,kBAAU,EAAoC,UAAC,sBAAsB,EAAE,GAAG;IAGxE,IAAA,KAGE,sBAAsB,SAHX,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAAK,GAEH,sBAAsB,MAFnB,EACF,KAAK,UACN,sBAAsB,EAJpB,qBAIL,CADS,CACgB;IAE1B,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,mBAAmB,EAAE;QAC3D,QAAQ,UAAA;KACT,CAAC,CAAA;IAEM,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAe;IAE5B,IAAM,MAAM,GAAG,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,KAAK,CAAC,CAAC,CAAA;IACjE,IAAM,KAAK,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,KAAI,KAAK,CAAC,MAAM,CAAC,IAAI,CAAA;IAChD,IAAM,IAAI,GAAG,CAAA,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,MAAM,MAAI,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,KAAK,CAAA,IAAI,OAAO,CAAA;IACvD,OAAO,CACL,CAAC,gCAAS,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,GAAG,CAAC,CAAC,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,MAAM,CAAC,CAAC,IAAI,KAAK,CAAC,EAAG,CAC5E,CAAA;AAEH,CAAC,CAAC,CAAA"}

package/dist/components/Button.d.ts

@@ -0,0 +1,116 @@
+import * as React from 'react';
+import { ButtonStyles, ComponentVariants, ButtonComposition } from '@codeleap/common';
+import { StylesOf } from '../types/utility';
+import { TouchableProps } from './Touchable';
+import { IconPlaceholder } from '@codeleap/common';
+import { TouchableOpacity } from 'react-native';
+export declare type ButtonProps = Omit<TouchableProps, 'variants'> & ComponentVariants<typeof ButtonStyles> & {
+    text?: string;
+    rightIcon?: IconPlaceholder;
+    icon?: IconPlaceholder;
+    styles?: StylesOf<ButtonComposition>;
+    loading?: boolean;
+};
+export declare const Button: React.ForwardRefExoticComponent<Omit<TouchableProps, "variants"> & ComponentVariants<{
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    negative: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    circle: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    pill: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    icon: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+}, import("@codeleap/common").EnhancedTheme<any>, import("@codeleap/common").VariantProp<{
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    negative: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    circle: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    pill: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    icon: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debRed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ButtonComposition, any>>;
+}>> & {
+    text?: string;
+    rightIcon?: IconPlaceholder;
+    icon?: IconPlaceholder;
+    styles?: StylesOf<ButtonComposition>;
+    loading?: boolean;
+} & React.RefAttributes<TouchableOpacity>>;

package/dist/components/Button.js

@@ -0,0 +1,57 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.Button = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var Text_1 = require("./Text");
+var Touchable_1 = require("./Touchable");
+var Icon_1 = require("./Icon");
+var ActivityIndicator_1 = require("./ActivityIndicator");
+var react_native_1 = require("react-native");
+exports.Button = (0, react_1.forwardRef)(function (buttonProps, ref) {
+    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, _c = buttonProps.styles, styles = _c === void 0 ? {} : _c, onPress = buttonProps.onPress, rightIcon = buttonProps.rightIcon, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "rightIcon"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Button', {
+        variants: variants,
+    });
+    function handlePress(e) {
+        onPress && onPress(e);
+    }
+    return (<Touchable_1.Touchable style={[variantStyles.wrapper, styles.wrapper]} onPress={handlePress} ref={ref} {...props}>
+      {loading && <ActivityIndicator_1.ActivityIndicator style={[variantStyles.loader, styles.loader]}/>}
+      {!loading && <Icon_1.Icon name={icon} style={react_native_1.StyleSheet.flatten([variantStyles.icon, styles.icon, variantStyles.leftIcon, styles.leftIcon])}/>}
+      {children || <Text_1.Text text={text} style={[variantStyles.text, styles.text]}/>}
+      <Icon_1.Icon name={rightIcon} style={react_native_1.StyleSheet.flatten([variantStyles.icon, styles.icon, variantStyles.rightIcon, styles.rightIcon])}/>
+    </Touchable_1.Touchable>);
+});
+//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAAyG;AACzG,+BAAmC;AAEnC,+BAA8B;AAC9B,yCAAwD;AACxD,+BAA8B;AAC9B,yDAAwD;AAExD,6CAA4D;AAa/C,QAAA,MAAM,GAAG,IAAA,kBAAU,EAAiC,UAAC,WAAW,EAAC,GAAG;IAE7E,IAAA,KAUE,WAAW,SAVA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KASE,WAAW,mBATU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,QAAQ,GAQN,WAAW,SARL,EACR,IAAI,GAOF,WAAW,KAPT,EACJ,IAAI,GAMF,WAAW,KANT,EACJ,OAAO,GAKL,WAAW,QALN,EACP,KAIE,WAAW,OAJF,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,OAAO,GAGL,WAAW,QAHN,EACP,SAAS,GAEP,WAAW,UAFJ,EACN,KAAK,UACN,WAAW,EAXT,2GAWL,CADS,CACK;IAGf,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE;QAChD,QAAQ,UAAA;KACT,CAAC,CAAA;IAGF,SAAS,WAAW,CAAC,CAAuC;QAC1D,OAAO,IAAI,OAAO,CAAC,CAAC,CAAC,CAAA;IACvB,CAAC;IAGD,OAAO,CACL,CAAC,qBAAS,CACR,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,OAAO,EAAE,MAAM,CAAC,OAAO,CAAC,CAAC,CAC/C,OAAO,CAAC,CAAC,WAAW,CAAC,CACrB,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,OAAO,IAAI,CAAC,qCAAiB,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,MAAM,EAAE,MAAM,CAAC,MAAM,CAAC,CAAC,EAAG,CAC/E;MAAA,CAAC,CAAC,OAAO,IAAI,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,QAAQ,EAAE,MAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,EAAE,CACvI;MAAA,CAAC,QAAQ,IAAI,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,CAAC,CAAC,EAAE,CAC1E;MAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,SAAS,CAAC,CAAC,KAAK,CAAC,CAAC,yBAAU,CAAC,OAAO,CAAC,CAAC,aAAa,CAAC,IAAI,EAAE,MAAM,CAAC,IAAI,EAAE,aAAa,CAAC,SAAS,EAAE,MAAM,CAAC,SAAS,CAAC,CAAC,CAAC,EACjI;IAAA,EAAE,qBAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAC,CAAA"}

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

@@ -0,0 +1,14 @@
+import * as React from 'react';
+import { ComponentVariants, StylesOf, Form } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Switch as NativeCheckbox } from 'react-native';
+import { MobileCheckboxStyles as CheckboxStyles, MobileCheckboxComposition as CheckboxComposition } from './styles';
+export * from './styles';
+declare type NativeCheckboxProps = Omit<ComponentPropsWithRef<typeof NativeCheckbox>, 'thumbColor' | 'trackColor'>;
+declare type CheckboxProps = NativeCheckboxProps & {
+    variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
+    label?: ReactNode;
+    styles?: StylesOf<CheckboxComposition>;
+    validate?: Form.ValidatorFunction | string;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "key" | "disabled" | "styles" | "onChange" | "value" | "validate" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor"> & React.RefAttributes<NativeCheckbox>>;

package/dist/components/Checkbox/index.js

@@ -0,0 +1,75 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+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.Checkbox = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var TextInput_1 = require("../TextInput");
+var View_1 = require("../View");
+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', {
+        // @ts-ignore
+        variants: variants,
+    });
+    var _d = (0, common_1.useValidate)(value, validate), error = _d.error, showError = _d.showError;
+    function getStyles(key) {
+        return [
+            variantStyles[key],
+            variantStyles[key],
+            key === 'wrapper' ? style : {},
+            value ? variantStyles[key + ':checked'] : {},
+            value ? styles[key + ':checked'] : {},
+            showError ? variantStyles[key + ':error'] : {},
+            showError ? styles[key + ':error'] : {},
+            checkboxProps.disabled ? variantStyles[key + ':disabled'] : {},
+            checkboxProps.disabled ? styles[key + ':disabled'] : {},
+        ];
+    }
+    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')}/>
+
+        </Touchable_1.Touchable>
+        <TextInput_1.FormError message={error.message} style={getStyles('error')}/>
+    </View_1.View>;
+});
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"}

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

@@ -0,0 +1,48 @@
+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>>;
+};
+export {};

package/dist/components/Checkbox/styles.js

@@ -0,0 +1,49 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.MobileCheckboxStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
+exports.MobileCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) {
+        var size = theme.typography.baseFontSize * 1.2;
+        var markHeight = size * 0.5;
+        var markWidth = size * 0.25;
+        var translateX = -(markWidth / 2);
+        var translateY = -(markHeight / 2);
+        return {
+            wrapper: {},
+            input: __assign(__assign({ flexDirection: 'row' }, theme.presets.alignCenter), { borderRadius: theme.borderRadius.small }),
+            label: __assign({}, theme.spacing.marginLeft(0.5)),
+            checkmark: {
+                position: 'absolute',
+                top: '40%',
+                left: '50%',
+                height: markHeight,
+                width: markWidth,
+                transform: [{ translateX: translateX }, { translateY: translateY }, { rotate: '45deg' },]
+            },
+            "checkmark:checked": __assign({}, theme.border.white({
+                width: 2,
+                directions: ['right', 'bottom']
+            })),
+            checkmarkWrapper: __assign({ position: 'relative', width: size, height: size }, theme.border.gray(1)),
+            "checkmarkWrapper:checked": {
+                backgroundColor: theme.colors.primary
+            },
+            error: {
+                color: theme.colors.negative
+            }
+        };
+    }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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"}

package/dist/components/Checkbox.d.ts

@@ -0,0 +1,12 @@
+import * as React from 'react';
+import { CheckboxStyles, CheckboxComposition, ComponentVariants, StylesOf } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { Switch as NativeCheckbox } from 'react-native';
+declare type NativeCheckboxProps = Omit<ComponentPropsWithRef<typeof NativeCheckbox>, 'thumbColor' | 'trackColor'>;
+declare type CheckboxProps = NativeCheckboxProps & {
+    variants?: ComponentVariants<typeof CheckboxStyles>['variants'];
+    label?: ReactNode;
+    styles?: StylesOf<CheckboxComposition>;
+};
+export declare const Checkbox: React.ForwardRefExoticComponent<Pick<CheckboxProps, "children" | "hitSlop" | "onLayout" | "pointerEvents" | "removeClippedSubviews" | "style" | "testID" | "nativeID" | "collapsable" | "needsOffscreenAlphaCompositing" | "renderToHardwareTextureAndroid" | "focusable" | "shouldRasterizeIOS" | "isTVSelectable" | "hasTVPreferredFocus" | "tvParallaxProperties" | "tvParallaxShiftDistanceX" | "tvParallaxShiftDistanceY" | "tvParallaxTiltAngle" | "tvParallaxMagnification" | "onStartShouldSetResponder" | "onMoveShouldSetResponder" | "onResponderEnd" | "onResponderGrant" | "onResponderReject" | "onResponderMove" | "onResponderRelease" | "onResponderStart" | "onResponderTerminationRequest" | "onResponderTerminate" | "onStartShouldSetResponderCapture" | "onMoveShouldSetResponderCapture" | "onTouchStart" | "onTouchMove" | "onTouchEnd" | "onTouchCancel" | "onTouchEndCapture" | "accessible" | "accessibilityActions" | "accessibilityLabel" | "accessibilityRole" | "accessibilityState" | "accessibilityHint" | "accessibilityValue" | "onAccessibilityAction" | "accessibilityLiveRegion" | "importantForAccessibility" | "accessibilityElementsHidden" | "accessibilityViewIsModal" | "onAccessibilityEscape" | "onAccessibilityTap" | "onMagicTap" | "accessibilityIgnoresInvertColors" | "label" | "variants" | "disabled" | "onChange" | "value" | "styles" | "onValueChange" | "ios_backgroundColor" | "onTintColor" | "thumbTintColor" | "tintColor" | "key"> & React.RefAttributes<NativeCheckbox>>;
+export {};

package/dist/components/Checkbox.js

@@ -0,0 +1,61 @@
+"use strict";
+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]; } });
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __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.Checkbox = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var react_1 = require("react");
+var TextInput_1 = require("./TextInput");
+var View_1 = require("./View");
+exports.Checkbox = (0, react_1.forwardRef)(function (switchProps, ref) {
+    var _a = switchProps.variants, variants = _a === void 0 ? [] : _a, _b = switchProps.style, style = _b === void 0 ? {} : _b, _c = switchProps.styles, styles = _c === void 0 ? {} : _c, label = switchProps.label, props = __rest(switchProps, ["variants", "style", "styles", "label"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Checkbox', {
+        variants: variants,
+        styles: styles
+    });
+    function getStyles(key) {
+        return [
+            variantStyles[key],
+            key === 'wrapper' ? style : {},
+            switchProps.value ? variantStyles[key + ':on'] : {},
+            switchProps.disabled ? variantStyles[key + ':disabled'] : {},
+        ];
+    }
+    return <View_1.View style={getStyles('wrapper')}>
+        <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>;
+});
+//# sourceMappingURL=Checkbox.js.map

package/dist/components/Checkbox.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Checkbox.js","sourceRoot":"","sources":["../../src/components/Checkbox.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAA+H;AAC/H,+BAAoE;AAEpE,yCAAwC;AACxC,+BAA6B;AAYhB,QAAA,QAAQ,GAAG,IAAA,kBAAU,EAA+B,UAAC,WAAW,EAAC,GAAG;IAEzE,IAAA,KAKA,WAAW,SALE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAIA,WAAW,MAJD,EAAV,KAAK,mBAAG,EAAE,KAAA,EACV,KAGA,WAAW,OAHA,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAEL,WAAW,MAFN,EACF,KAAK,UACR,WAAW,EANR,wCAMN,CADW,CACG;IAEf,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,UAAU,EAAE;QAChD,QAAQ,UAAA;QACR,MAAM,QAAA;KACT,CAAC,CAAA;IAEF,SAAS,SAAS,CAAC,GAAuB;QACtC,OAAO;YACH,aAAa,CAAC,GAAG,CAAC;YAClB,GAAG,KAAK,SAAS,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,EAAE;YAC9B,WAAW,CAAC,KAAK,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC,EAAE;YACnD,WAAW,CAAC,QAAQ,CAAC,CAAC,CAAC,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,CAAC,CAAC,CAAC,EAAE;SAE/D,CAAA;IACL,CAAC;IAGD,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,SAAS,CAAC,CAAC,CACrC;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,kBAAkB,CAAC,CAAC,CACvC;YAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,WAAW,CAAC,CAAC,EACxC;QAAA,EAAE,WAAI,CACN;QAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,SAAS,CAAC,OAAO,CAAC,CAAC,EAExD;;IAAA,EAAE,WAAI,CAAC,CAAA;AACX,CAAC,CAAC,CAAA"}

package/dist/components/Drawer.d.ts

@@ -0,0 +1,23 @@
+import * as React from 'react';
+import { AnyFunction, ComponentVariants, DrawerComposition, DrawerStyles, StylesOf } from "@codeleap/common";
+import { ReactNode } from "react";
+declare const axisMap: {
+    readonly top: readonly [-1, "Y"];
+    readonly bottom: readonly [1, "Y"];
+    readonly left: readonly [-1, "X"];
+    readonly right: readonly [1, "X"];
+};
+export declare type DrawerProps = {
+    open: boolean;
+    toggle: AnyFunction;
+    darkenBackground?: boolean;
+    size: number;
+    showCloseButton?: boolean;
+    title?: ReactNode;
+    footer?: ReactNode;
+    position?: keyof typeof axisMap;
+    styles?: StylesOf<DrawerComposition>;
+    animationDuration?: string;
+} & ComponentVariants<typeof DrawerStyles>;
+export declare const Drawer: React.FC<DrawerProps>;
+export {};