@codeleap/mobile 1.9.31 → 2.0.0

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

@@ -0,0 +1,13 @@
+import { ComponentVariants } from '@codeleap/common';
+import React from 'react';
+import { StylesOf } from '../../types';
+import { IconProps } from '../Icon';
+import { TouchableProps } from '../Touchable';
+import { ActionIconComposition, ActionIconStyles } from './styles';
+export declare type ActionIconProps = {
+    iconProps?: Partial<IconProps>;
+    icon?: IconProps['name'];
+    styles?: StylesOf<ActionIconComposition>;
+} & Omit<TouchableProps, 'styles' | 'variants'> & ComponentVariants<typeof ActionIconStyles>;
+export declare const ActionIcon: React.FC<ActionIconProps>;
+export * from './styles';

package/dist/components/ActionIcon/index.js

@@ -0,0 +1,54 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+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;
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.ActionIcon = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importDefault(require("react"));
+var react_native_1 = require("react-native");
+var Icon_1 = require("../Icon");
+var Touchable_1 = require("../Touchable");
+var ActionIcon = function (props) {
+    var icon = props.icon, iconProps = props.iconProps, variants = props.variants, styles = props.styles, touchableProps = __rest(props, ["icon", "iconProps", "variants", "styles"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:ActionIcon', {
+        variants: variants,
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+    });
+    var touchableStyles = (0, common_1.getNestedStylesByKey)('touchable', variantStyles);
+    return <Touchable_1.Touchable styles={touchableStyles} {...touchableProps}>
+    <Icon_1.Icon name={icon} style={[
+            variantStyles.icon,
+            (touchableProps === null || touchableProps === void 0 ? void 0 : touchableProps.disabled) && variantStyles['icon:disabled'],
+        ]} {...iconProps}/>
+  </Touchable_1.Touchable>;
+};
+exports.ActionIcon = ActionIcon;
+__exportStar(require("./styles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActionIcon/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAAoG;AACpG,gDAAyB;AACzB,6CAAyC;AAEzC,gCAAyC;AACzC,0CAAwD;AASjD,IAAM,UAAU,GAA6B,UAAC,KAAK;IAChD,IAAA,IAAI,GAAqD,KAAK,KAA1D,EAAE,SAAS,GAA0C,KAAK,UAA/C,EAAE,QAAQ,GAAgC,KAAK,SAArC,EAAE,MAAM,GAAwB,KAAK,OAA7B,EAAK,cAAc,UAAK,KAAK,EAAhE,2CAAwD,CAAF,CAAU;IACtE,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAA0C,cAAc,EAAE;QACtG,QAAQ,UAAA;QAAE,MAAM,QAAA;QAAE,SAAS,EAAE,yBAAU,CAAC,OAAO;KAChD,CAAC,CAAA;IACF,IAAM,eAAe,GAAG,IAAA,6BAAoB,EAAC,WAAW,EAAE,aAAa,CAAC,CAAA;IAExE,OAAO,CAAC,qBAAS,CAAC,MAAM,CAAC,CAAC,eAAe,CAAC,CAAC,IAAI,cAAc,CAAC,CAC5D;IAAA,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,CACtB;YACE,aAAa,CAAC,IAAI;YAClB,CAAA,cAAc,aAAd,cAAc,uBAAd,cAAc,CAAE,QAAQ,KAAI,aAAa,CAAC,eAAe,CAAC;SAC3D,CAAC,CAAC,IAAI,SAAS,CAAC,EACrB;EAAA,EAAE,qBAAS,CAAC,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,UAAU,cActB;AAED,2CAAwB"}

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

@@ -0,0 +1,64 @@
+import { TouchableComposition } from '../Touchable';
+export declare type ActionIconParts = 'icon' | `touchable${Capitalize<TouchableComposition>}`;
+export declare type ActionIconStates = ':disabled' | '';
+export declare type ActionIconComposition = `${ActionIconParts}${ActionIconStates}`;
+export declare const ActionIconStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    small: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    large: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    primary: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    negative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    positive: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    black: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    white: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    neutral: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<"icon" | "icon:disabled" | "touchableWrapper" | "touchableRipple" | "touchablePressable" | "touchableWrapper:disabled" | "touchableRipple:disabled" | "touchablePressable:disabled", any>>;
+};

package/dist/components/ActionIcon/styles.js

@@ -0,0 +1,57 @@
+"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.ActionIconStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createActionIconStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createActionIconStyle(function () { return ({ touchableWrapper: style }); }); });
+exports.ActionIconStyles = __assign(__assign({}, presets), { default: createActionIconStyle(function (theme) {
+        return {
+            icon: __assign({ color: theme.colors.icon }, theme.sized(5 * 0.6)),
+            touchableWrapper: __assign(__assign(__assign({}, theme.sized(5)), { borderRadius: theme.borderRadius.round }), theme.presets.center),
+            'icon:disabled': {
+                color: theme.colors.disabled,
+            },
+        };
+    }), small: createActionIconStyle(function (theme) { return ({
+        touchableWrapper: __assign({}, theme.sized(3.5)),
+        icon: __assign({}, theme.sized(3.5 * 0.6)),
+    }); }), large: createActionIconStyle(function (theme) { return ({
+        touchableWrapper: __assign({}, theme.sized(6.5)),
+        icon: __assign({}, theme.sized(6.5 * 0.6)),
+    }); }), primary: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.primary,
+        },
+    }); }), negative: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.negative,
+        },
+    }); }), positive: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.positive,
+        },
+    }); }), black: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.black,
+        },
+    }); }), white: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.white,
+        },
+    }); }), neutral: createActionIconStyle(function (theme) { return ({
+        icon: {
+            color: theme.colors.neutral,
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActionIcon/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAM9E,IAAM,qBAAqB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAElF,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,qBAAqB,CAAC,cAAM,OAAA,CAAC,EAAE,gBAAgB,EAAE,KAAK,EAAE,CAAC,EAA7B,CAA6B,CAAC,EAA1D,CAA0D,CAAC,CAAA;AAExF,QAAA,gBAAgB,yBACxB,OAAO,KACV,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK;QAEnC,OAAO;YACL,IAAI,aACF,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,IAAI,IACrB,KAAK,CAAC,KAAK,CAAC,CAAC,GAAG,GAAG,CAAC,CAExB;YACD,gBAAgB,iCACX,KAAK,CAAC,KAAK,CAAC,CAAC,CAAC,KACjB,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,KACnC,KAAK,CAAC,OAAO,CAAC,MAAM,CACxB;YACD,eAAe,EAAE;gBACf,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;aAC7B;SAEF,CAAA;IACH,CAAC,CAAC,EACF,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,gBAAgB,eACX,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAEpB;QACD,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAE1B;KACF,CAAC,EATsC,CAStC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,gBAAgB,eACX,KAAK,CAAC,KAAK,CAAC,GAAG,CAAC,CAEpB;QACD,IAAI,eACC,KAAK,CAAC,KAAK,CAAC,GAAG,GAAG,GAAG,CAAC,CAE1B;KACF,CAAC,EATsC,CAStC,CAAC,EACH,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAE5B;KAEF,CAAC,EANwC,CAMxC,CAAC,EACH,QAAQ,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC1C,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAE7B;KAEF,CAAC,EANyC,CAMzC,CAAC,EACH,QAAQ,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QAC1C,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,QAAQ;SAE7B;KAEF,CAAC,EANyC,CAMzC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SAE1B;KAEF,CAAC,EANsC,CAMtC,CAAC,EACH,KAAK,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK;SAE1B;KAEF,CAAC,EANsC,CAMtC,CAAC,EACH,OAAO,EAAE,qBAAqB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACzC,IAAI,EAAE;YACJ,KAAK,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;SAC5B;KACF,CAAC,EAJwC,CAIxC,CAAC,IACJ"}

package/dist/components/{ActivityIndicator.d.ts → ActivityIndicator/index.d.ts}

@@ -1,8 +1,10 @@
 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';
+import { ComponentVariants } from '@codeleap/common';
+import { StylesOf } from '../../types';
+import { ActivityIndicatorComposition, ActivityIndicatorStyles } from './styles';
+export * from './styles';
 export declare type ActivityIndicatorProps = ComponentPropsWithoutRef<typeof Indicator> & {
     variants?: ComponentVariants<typeof ActivityIndicatorStyles>['variants'];
     styles?: StylesOf<ActivityIndicatorComposition>;

package/dist/components/{ActivityIndicator.js → ActivityIndicator/index.js}

@@ -22,6 +22,9 @@ var __importStar = (this && this.__importStar) || function (mod) {
     __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)
@@ -39,6 +42,7 @@ var React = __importStar(require("react"));
 var react_1 = require("react");
 var react_native_1 = require("react-native");
 var common_1 = require("@codeleap/common");
+__exportStar(require("./styles"), exports);
 exports.ActivityIndicator = (0, react_1.forwardRef)(function (activityIndicatorProps, ref) {
     var _a = activityIndicatorProps.variants, variants = _a === void 0 ? [] : _a, style = activityIndicatorProps.style, propStyles = activityIndicatorProps.styles, props = __rest(activityIndicatorProps, ["variants", "style", "styles"]);
     var variantStyles = (0, common_1.useDefaultComponentStyle)('ActivityIndicator', {
@@ -52,4 +56,4 @@ exports.ActivityIndicator = (0, react_1.forwardRef)(function (activityIndicatorP
     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
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,+BAA4D;AAC5D,6CAAyE;AACzE,2CAKyB;AAOzB,2CAAwB;AAQX,QAAA,iBAAiB,GAAG,IAAA,kBAAU,EACzC,UAAC,sBAAsB,EAAE,GAAG;IAClB,IAAA,KAAuD,sBAAsB,SAAhE,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAAK,GAAmC,sBAAsB,MAAzD,EAAU,UAAU,GAAe,sBAAsB,OAArC,EAAK,KAAK,UAAK,sBAAsB,EAA/E,+BAAsD,CAAF,CAA2B;IAErF,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,mBAAmB,EAAE;QAClE,QAAQ,UAAA;QACR,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,MAAM,EAAE,UAAU;KACnB,CAAC,CAAA;IAEM,IAAA,KAAK,GAAK,IAAA,2BAAkB,GAAE,MAAzB,CAAyB;IAEtC,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;IAEvD,OAAO,CACL,CAAC,gCAAS,CACR,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,KAAK,CAAC,CACb,KAAK,CAAC,CAAC,MAAM,CAAC,CACd,IAAI,KAAK,CAAC,EACV,CACH,CAAA;AACH,CAAC,CACF,CAAA"}

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

@@ -0,0 +1,59 @@
+export declare type ActivityIndicatorComposition = 'wrapper' | 'backCircle' | 'frontCircle' | 'circle';
+export declare const getActivityIndicatorBaseStyles: (size: number) => {
+    wrapper: any;
+    circle: any;
+    backCircle: any;
+    frontCircle: any;
+};
+export declare const ActivityIndicatorStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    relative: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfStretch: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<ActivityIndicatorComposition, any>>;
+};

package/dist/components/ActivityIndicator/styles.js

@@ -0,0 +1,52 @@
+"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.ActivityIndicatorStyles = exports.getActivityIndicatorBaseStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createActivityIndicatorStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (styles) { return createActivityIndicatorStyle(function () { return ({ wrapper: styles }); }); });
+var getActivityIndicatorBaseStyles = function (size) {
+    var sizes = {
+        height: size,
+        width: size,
+        borderWidth: size * 0.25,
+    };
+    return {
+        wrapper: __assign({ position: 'relative' }, sizes),
+        circle: {
+            borderRadius: 100,
+            position: 'absolute',
+            borderStyle: 'solid',
+            top: 0,
+            bottom: 0,
+            left: 0,
+            right: 0,
+        },
+        backCircle: {
+            // borderColor: theme.colors.primary,
+            minWidth: '100%',
+            opacity: 0.5,
+        },
+        frontCircle: {
+            position: 'absolute',
+            borderColor: 'transparent',
+            // borderTopColor: theme.colors.primary,
+        },
+    };
+};
+exports.getActivityIndicatorBaseStyles = getActivityIndicatorBaseStyles;
+exports.ActivityIndicatorStyles = __assign(__assign({}, presets), { default: createActivityIndicatorStyle(function (theme) {
+        var baseStyles = (0, exports.getActivityIndicatorBaseStyles)(35);
+        return __assign(__assign({}, baseStyles), { backCircle: __assign(__assign({}, baseStyles.backCircle), { borderColor: theme.colors.primary }), frontCircle: __assign(__assign({}, baseStyles.frontCircle), { borderTopColor: theme.colors.primary }) });
+    }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/ActivityIndicator/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,4BAA4B,GAChC,IAAA,oCAA2B,GAAgC,CAAA;AAE7D,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,4BAA4B,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAzD,CAAyD,CACnG,CAAA;AAEM,IAAM,8BAA8B,GAAG,UAAC,IAAW;IACxD,IAAM,KAAK,GAAG;QACZ,MAAM,EAAE,IAAI;QACZ,KAAK,EAAE,IAAI;QACX,WAAW,EAAE,IAAI,GAAG,IAAI;KACzB,CAAA;IAED,OAAO;QACL,OAAO,EAAE,WACP,QAAQ,EAAE,UAAU,IACjB,KAAK,CACF;QACR,MAAM,EAAE;YACN,YAAY,EAAE,GAAG;YACjB,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,OAAO;YACpB,GAAG,EAAE,CAAC;YACN,MAAM,EAAE,CAAC;YACT,IAAI,EAAE,CAAC;YACP,KAAK,EAAE,CAAC;SACF;QACR,UAAU,EAAE;YAEV,qCAAqC;YACrC,QAAQ,EAAE,MAAM;YAChB,OAAO,EAAE,GAAG;SACN;QACR,WAAW,EAAE;YACX,QAAQ,EAAE,UAAU;YACpB,WAAW,EAAE,aAAa;YAC1B,wCAAwC;SAClC;KACT,CAAA;AACH,CAAC,CAAA;AAjCY,QAAA,8BAA8B,kCAiC1C;AAEY,QAAA,uBAAuB,yBAC/B,OAAO,KACV,OAAO,EAAE,4BAA4B,CAAC,UAAC,KAAK;QAC1C,IAAM,UAAU,GAAG,IAAA,sCAA8B,EAAC,EAAE,CAAC,CAAA;QAErD,6BACK,UAAU,KACb,UAAU,wBACL,UAAU,CAAC,UAAU,KACxB,WAAW,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,KAEnC,WAAW,wBACN,UAAU,CAAC,WAAW,KACzB,cAAc,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,OAEvC;IAEH,CAAC,CAAC,IACH"}

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

@@ -0,0 +1,33 @@
+import * as React from 'react';
+import { ComponentVariants, FormTypes, IconPlaceholder, ReactStateProps } from '@codeleap/common';
+import { ModalHeaderProps } from '../Modal';
+import { TextInputProps } from '../TextInput';
+import { ViewProps } from '../View';
+import { CustomSelectProps } from '../Select';
+import { AutoCompleteStyles, AutoCompleteComposition } from './styles';
+import { StylesOf } from '../../types';
+export declare type AutoCompleteHeaderProps = ReactStateProps<'search', string> & {
+    label: FormTypes.Label;
+    searchInputProps?: Partial<TextInputProps>;
+    styles: ModalHeaderProps['styles'] & {
+        searchInput?: TextInputProps['styles'];
+        titleWrapper?: ViewProps['style'];
+    };
+    debugName: string;
+    icon?: IconPlaceholder;
+    toggle: ModalHeaderProps['toggle'];
+};
+export declare const AutoCompleteHeader: React.FC<AutoCompleteHeaderProps>;
+export declare type AutoCompleteOption<T> = CustomSelectProps<T>['options'][number] & {
+    searchTerm?: string;
+};
+export declare type AutoCompleteProps<T, Base extends CustomSelectProps<T> = CustomSelectProps<T>> = Omit<Base, 'options' | 'variants' | 'styles'> & {
+    options: AutoCompleteOption<T>[];
+    caseSensitive?: boolean;
+    debounce?: number;
+    headerProps?: Partial<AutoCompleteHeaderProps>;
+    styles?: StylesOf<AutoCompleteComposition>;
+    filterFn?: (search?: string, option?: AutoCompleteOption<T>) => boolean;
+} & ComponentVariants<typeof AutoCompleteStyles>;
+export declare const AutoComplete: <T extends string | number = string>(props: AutoCompleteProps<T, CustomSelectProps<T>>) => JSX.Element;
+export * from './styles';

package/dist/components/AutoComplete/index.js

@@ -0,0 +1,129 @@
+"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;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (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.AutoComplete = exports.AutoCompleteHeader = void 0;
+var React = __importStar(require("react"));
+var common_1 = require("@codeleap/common");
+var TextInput_1 = require("../TextInput");
+var View_1 = require("../View");
+var Select_1 = require("../Select");
+var react_native_1 = require("react-native");
+var Text_1 = require("../Text");
+var Button_1 = require("../Button");
+var AutoCompleteHeader = function (props) {
+    var search = props.search, setSearch = props.setSearch, _a = props.icon, icon = _a === void 0 ? 'search' : _a, debugName = props.debugName, label = props.label, styles = props.styles, toggle = props.toggle, searchInputProps = props.searchInputProps;
+    return <View_1.View style={[styles.wrapper]}>
+    <View_1.View style={styles.titleWrapper}>
+      <Text_1.Text style={styles.title} text={label}/>
+      <Button_1.Button icon={'close'} debugName={"Close Autocomplete ".concat(debugName, " button")} onPress={toggle} variants={['icon']} styles={styles.closeButton}/>
+    </View_1.View>
+    <TextInput_1.TextInput leftIcon={{
+            icon: icon,
+        }} debugName={"AutoComplete ".concat(debugName, " search input")} value={search} onChangeText={setSearch} styles={styles.searchInput} {...searchInputProps}/>
+  </View_1.View>;
+};
+exports.AutoCompleteHeader = AutoCompleteHeader;
+var AutoComplete = function (props) {
+    var _a;
+    var options = props.options, _b = props.caseSensitive, caseSensitive = _b === void 0 ? false : _b, _c = props.debounce, debounce = _c === void 0 ? 200 : _c, filterFn = props.filterFn, _d = props.headerProps, headerProps = _d === void 0 ? {} : _d, variants = props.variants, styles = props.styles, selectProps = __rest(props, ["options", "caseSensitive", "debounce", "filterFn", "headerProps", "variants", "styles"]);
+    var _e = (0, common_1.useState)(''), search = _e[0], setSearch = _e[1];
+    var _f = (0, common_1.useDebounce)(search, debounce), debouncedSearch = _f[0], resetDebounce = _f[1];
+    var _g = (0, common_1.useState)(options), filteredOptions = _g[0], setFilteredOptions = _g[1];
+    var _h = (0, common_1.useState)(false), loading = _h[0], setLoading = _h[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:AutoComplete', {
+        variants: variants,
+        transform: react_native_1.StyleSheet.flatten,
+        styles: styles,
+    });
+    var serialVariants = JSON.stringify(variantStyles);
+    var _j = (0, common_1.useMemo)(function () { return ({
+        searchInputStyles: (0, common_1.getNestedStylesByKey)('searchInput', variantStyles),
+        closeButtonStyles: (0, common_1.getNestedStylesByKey)('closeButton', variantStyles),
+    }); }, [serialVariants]), searchInputStyles = _j.searchInputStyles, closeButtonStyles = _j.closeButtonStyles;
+    (0, common_1.onUpdate)(function () {
+        setLoading(true);
+        var persist = true;
+        setTimeout(function () {
+            var newOpts = options.filter(function (option) {
+                if (filterFn) {
+                    return filterFn(debouncedSearch, option);
+                }
+                var label = option.label, searchTerm = option.searchTerm, value = option.value;
+                var term = searchTerm || (common_1.TypeGuards.isString(label) ? label : value.toString());
+                if (!caseSensitive) {
+                    term = term.toLowerCase();
+                }
+                return term.includes(debouncedSearch.toLowerCase());
+            });
+            if (persist) {
+                setFilteredOptions(newOpts);
+                setTimeout(function () {
+                    if (persist) {
+                        setLoading(false);
+                    }
+                }, debounce * 1.5);
+            }
+        });
+        return function () {
+            persist = false;
+            resetDebounce();
+        };
+    }, [debouncedSearch, caseSensitive, options.length, filterFn]);
+    return <Select_1.Select {...selectProps} styles={variantStyles} options={loading ? [] : filteredOptions} listProps={__assign(__assign({}, selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps), { placeholder: __assign({ loading: loading }, (_a = selectProps === null || selectProps === void 0 ? void 0 : selectProps.listProps) === null || _a === void 0 ? void 0 : _a.placeholder) })} header={<exports.AutoCompleteHeader debugName={selectProps.debugName} label={selectProps.label} search={search} setSearch={setSearch} toggle={selectProps.toggle} styles={{
+                wrapper: variantStyles.header,
+                closeButton: closeButtonStyles,
+                title: variantStyles.title,
+                searchInput: searchInputStyles,
+                titleWrapper: variantStyles.titleWrapper,
+            }} {...headerProps}/>}/>;
+};
+exports.AutoComplete = AutoComplete;
+__exportStar(require("./styles"), exports);
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/AutoComplete/index.tsx"],"names":[],"mappings":"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"}