@codeleap/mobile 1.3.1 → 1.4.0

package/dist/components/Navigation/types.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"types.js","sourceRoot":"","sources":["../../../src/components/Navigation/types.ts"],"names":[],"mappings":";;AA+BA,uCAAuC;AACvC,0BAA0B;AAC1B,0BAA0B;AAE1B,QAAQ;AACR,IAAI"}

package/dist/components/Navigation/utils.d.ts

@@ -0,0 +1,3 @@
+export declare function createAppNavigation(Scenes: any): {
+    [k: string]: any;
+};

package/dist/components/Navigation/utils.js

@@ -0,0 +1,67 @@
+"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 __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 __spreadArray = (this && this.__spreadArray) || function (to, from, pack) {
+    if (pack || arguments.length === 2) for (var i = 0, l = from.length, ar; i < l; i++) {
+        if (ar || !(i in from)) {
+            if (!ar) ar = Array.prototype.slice.call(from, 0, i);
+            ar[i] = from[i];
+        }
+    }
+    return to.concat(ar || Array.prototype.slice.call(from));
+};
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.createAppNavigation = void 0;
+var react_1 = __importDefault(require("react"));
+var Navigation_1 = require("./Navigation");
+function createAppNavigation(Scenes) {
+    var AllScenes = Object.entries(Scenes).reduce(function (allScenes, _a) {
+        var moduleName = _a[0], content = _a[1];
+        var subScenes = [];
+        for (var _i = 0, _b = Object.entries(content.scenes); _i < _b.length; _i++) {
+            var _c = _b[_i], name = _c[0], sceneContent = _c[1];
+            subScenes.push(["".concat(moduleName, ".").concat(name), sceneContent]);
+        }
+        return __spreadArray(__spreadArray([], allScenes, true), subScenes, true);
+    }, []);
+    var AppScenes = Object.fromEntries(AllScenes);
+    var SCENES_RESULT = Object.fromEntries(Object.entries(Scenes)
+        .map(function (_a) {
+        var _b = _a, S = _b[0], _c = _b[1], _ig_scenes = _c._ig_scenes, exclude = _c.exclude, type = _c.type, navigationProps = _c.navigationProps, otherProps = __rest(_c, ["_ig_scenes", "exclude", "type", "navigationProps"]);
+        var filterScenes = null;
+        if (exclude) {
+            filterScenes = Object.fromEntries(AllScenes.filter(function (_a) {
+                var path = _a[0];
+                return !exclude.some(function (param) { return path.startsWith(param); });
+            }));
+        }
+        var Component = function () { return <Navigation_1.Navigation type={type || 'Stack'} scenes={filterScenes || AppScenes} screenOptions={__assign({ headerShown: false }, navigationProps === null || navigationProps === void 0 ? void 0 : navigationProps.screenOptions)} {...navigationProps}/>; };
+        return [S, __assign(__assign({}, otherProps), { component: Component })];
+    }));
+    return SCENES_RESULT;
+}
+exports.createAppNavigation = createAppNavigation;
+//# sourceMappingURL=utils.js.map

package/dist/components/Navigation/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/Navigation/utils.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,2CAAyC;AAEzC,SAAgB,mBAAmB,CAAC,MAAU;IAC5C,IAAM,SAAS,GAAG,MAAM,CAAC,OAAO,CAAM,MAAM,CAAC,CAAC,MAAM,CAAC,UAAC,SAAS,EAAE,EAAqB;YAApB,UAAU,QAAA,EAAE,OAAO,QAAA;QAEnF,IAAM,SAAS,GAAG,EAAE,CAAA;QAEpB,KAAmC,UAA8B,EAA9B,KAAA,MAAM,CAAC,OAAO,CAAC,OAAO,CAAC,MAAM,CAAC,EAA9B,cAA8B,EAA9B,IAA8B,EAAC;YAAvD,IAAA,WAAoB,EAAnB,IAAI,QAAA,EAAE,YAAY,QAAA;YAE5B,SAAS,CAAC,IAAI,CACZ,CAAC,UAAG,UAAU,cAAI,IAAI,CAAE,EAAE,YAAY,CAAC,CACxC,CAAA;SACF;QAED,uCACK,SAAS,SACT,SAAS,QACb;IACH,CAAC,EAAE,EAAE,CAAC,CAAA;IAEN,IAAM,SAAS,GAAG,MAAM,CAAC,WAAW,CAAC,SAAS,CAAC,CAAA;IAE/C,IAAM,aAAa,GAAG,MAAM,CAAC,WAAW,CACtC,MAAM,CAAC,OAAO,CAAM,MAAM,CAAC;SACxB,GAAG,CAAC,UAAC,EAAmE;QAAlE,aAAA,CAAC,QAAA,cAAI,UAAU,gBAAA,EAAE,OAAO,aAAA,EAAE,IAAI,UAAA,EAAE,eAAe,qBAAA,EAAM,UAAU,cAA5D,oDAA8D,CAAF;QACpE,IAAI,YAAY,GAAG,IAAI,CAAA;QAEvB,IAAI,OAAO,EAAC;YACV,YAAY,GAAG,MAAM,CAAC,WAAW,CAC/B,SAAS,CAAC,MAAM,CAAC,UAAC,EAAM;oBAAL,IAAI,QAAA;gBAAM,OAAA,CAAC,OAAO,CAAC,IAAI,CAAC,UAAA,KAAK,IAAI,OAAA,IAAI,CAAC,UAAU,CAAC,KAAK,CAAC,EAAtB,CAAsB,CAAC;YAA9C,CAA8C,CAAC,CAC7E,CAAA;SACF;QAED,IAAM,SAAS,GAAG,cAAM,OAAA,CAAC,uBAAU,CACjC,IAAI,CAAC,CAAC,IAAI,IAAI,OAAO,CAAC,CACtB,MAAM,CAAC,CAAC,YAAY,IAAI,SAAS,CAAC,CAClC,aAAa,CAAC,YACZ,WAAW,EAAE,KAAK,IACf,eAAe,aAAf,eAAe,uBAAf,eAAe,CAAE,aAAa,EACjC,CACF,IAAI,eAAe,CAAC,EACpB,EARsB,CAQtB,CAAA;QAEF,OAAO,CAAC,CAAC,wBACJ,UAAU,KACb,SAAS,EAAE,SAAS,IACpB,CAAA;IACJ,CAAC,CAAC,CACL,CAAA;IAED,OAAO,aAAa,CAAA;AACtB,CAAC;AAjDD,kDAiDC"}

package/dist/components/Overlay.d.ts

@@ -1,9 +1,9 @@
 import * as React from 'react';
-import { ComponentVariants, OverlayComposition, OverlayStyles } from "@codeleap/common";
-import { ReactNode } from "react";
-import { StylesOf } from "../types/utility";
-import { ViewProps } from "react-native";
-import { AnimatedTouchable } from '.';
+import { ComponentVariants, OverlayComposition, OverlayStyles } from '@codeleap/common';
+import { ReactNode } from 'react';
+import { StylesOf } from '../types/utility';
+import { ViewProps } from 'react-native';
+import { AnimatedTouchable } from './Touchable';
 export declare type OverlayProps = ViewProps & {
     title?: ReactNode;
     visible?: boolean;

package/dist/components/Overlay.js

@@ -37,32 +37,30 @@ var TextInput_1 = require("./TextInput");
 var Button_1 = require("./Button");
 var View_1 = require("./View");
 var react_native_1 = require("react-native");
-var _1 = require(".");
+var Touchable_1 = require("./Touchable");
 var Overlay = function (overlayProps) {
-    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, styles = overlayProps.styles, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
-    var variantStyles = (0, common_1.useComponentStyle)('Overlay', {
+    var showClose = overlayProps.showClose, title = overlayProps.title, children = overlayProps.children, visible = overlayProps.visible, _a = overlayProps.styles, styles = _a === void 0 ? {} : _a, style = overlayProps.style, variants = overlayProps.variants, props = __rest(overlayProps, ["showClose", "title", "children", "visible", "styles", "style", "variants"]);
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('Overlay', {
         styles: styles,
         transform: react_native_1.StyleSheet.flatten,
-        variants: variants
+        variants: variants,
     });
     var touchableStyle = [
         variantStyles.wrapper,
         styles.wrapper,
         visible && variantStyles['wrapper:visible'],
-        visible && styles['wrapper:visible']
+        visible && styles['wrapper:visible'],
     ];
-    return <_1.AnimatedTouchable 
+    return (<Touchable_1.AnimatedTouchable 
     // @ts-ignore
     transition={'opacity'} style={touchableStyle} {...props}>
-           <View_1.View>
-               
-               {(title || showClose) && (<View_1.View style={variantStyles.header}>
-                        <TextInput_1.InputLabel style={variantStyles.title} label={title}/>
-                        {showClose && <Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton}/>}
-                    </View_1.View>)}
-        
-            </View_1.View> 
-        </_1.AnimatedTouchable>;
+      <View_1.View>
+        {(title || showClose) && (<View_1.View style={variantStyles.header}>
+            <TextInput_1.InputLabel style={variantStyles.title} label={title}/>
+            {showClose && (<Button_1.Button variants={['icon']} icon={'close'} style={variantStyles.closeButton}/>)}
+          </View_1.View>)}
+      </View_1.View>
+    </Touchable_1.AnimatedTouchable>);
 };
 exports.Overlay = Overlay;
 //# sourceMappingURL=Overlay.js.map

package/dist/components/Overlay.js.map

@@ -1 +1 @@
-{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA+B;AAE/B,2CAA2H;AAE3H,yCAAyC;AACzC,mCAAiC;AAEjC,+BAA8B;AAE9B,6CAAoD;AACpD,sBAAqC;AAc9B,IAAM,OAAO,GAA0B,UAAC,YAAY;IAGnD,IAAA,SAAS,GAQT,YAAY,UARH,EACT,KAAK,GAOL,YAAY,MAPP,EACL,QAAQ,GAMR,YAAY,SANJ,EACR,OAAO,GAKP,YAAY,QALL,EACP,MAAM,GAIN,YAAY,OAJN,EACN,KAAK,GAGL,YAAY,MAHP,EACL,QAAQ,GAER,YAAY,SAFJ,EACL,KAAK,UACR,YAAY,EATV,4EASL,CADW,CACI;IAEhB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,SAAS,EAAE;QAC/C,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC5B,CAAC,CAAA;IAEF,IAAM,cAAc,GAAG;QACnB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;QACd,OAAO,IAAI,aAAa,CAAC,iBAAiB,CAAC;QAC3C,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACvC,CAAA;IAGD,OAAO,CAAC,oBAAiB;IACjB,aAAa;IACb,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,IAAI,KAAK,CAAC,CAEX;WAAA,CAAC,WAAI,CAED;;eAAA,CAAE,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACrB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAC9B;wBAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;wBAAA,CACI,SAAS,IAAI,CAAC,eAAM,CAAC,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,OAA0B,CAAC,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EAAE,CAEtH;oBAAA,EAAE,WAAI,CAAC,CACV,CAEL;;YAAA,EAAE,WAAI,CACV;QAAA,EAAE,oBAAiB,CAAC,CAAA;AAE5B,CAAC,CAAA;AA/CY,QAAA,OAAO,WA+CnB"}
+{"version":3,"file":"Overlay.js","sourceRoot":"","sources":["../../src/components/Overlay.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAC9B,2CAMyB;AAEzB,yCAAwC;AACxC,mCAAiC;AAEjC,+BAA6B;AAE7B,6CAAoD;AACpD,yCAA+C;AAYxC,IAAM,OAAO,GAA2B,UAAC,YAAY;IAExD,IAAA,SAAS,GAQP,YAAY,UARL,EACT,KAAK,GAOH,YAAY,MAPT,EACL,QAAQ,GAMN,YAAY,SANN,EACR,OAAO,GAKL,YAAY,QALP,EACP,KAIE,YAAY,OAJH,EAAX,MAAM,mBAAG,EAAE,KAAA,EACX,KAAK,GAGH,YAAY,MAHT,EACL,QAAQ,GAEN,YAAY,SAFN,EACL,KAAK,UACN,YAAY,EATV,4EASL,CADS,CACM;IAEhB,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,SAAS,EAAE;QACxD,MAAM,QAAA;QACN,SAAS,EAAE,yBAAU,CAAC,OAAO;QAC7B,QAAQ,EAAE,QAAe;KAC1B,CAAiC,CAAA;IAElC,IAAM,cAAc,GAAG;QACrB,aAAa,CAAC,OAAO;QACrB,MAAM,CAAC,OAAO;QACd,OAAO,IAAI,aAAa,CAAC,iBAAiB,CAAC;QAC3C,OAAO,IAAI,MAAM,CAAC,iBAAiB,CAAC;KACrC,CAAA;IAED,OAAO,CACL,CAAC,6BAAiB;IAChB,aAAa;IACb,UAAU,CAAC,CAAC,SAAS,CAAC,CACtB,KAAK,CAAC,CAAC,cAAc,CAAC,CACtB,IAAI,KAAK,CAAC,CAEV;MAAA,CAAC,WAAI,CACH;QAAA,CAAC,CAAC,KAAK,IAAI,SAAS,CAAC,IAAI,CACvB,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,MAAM,CAAC,CAChC;YAAA,CAAC,sBAAU,CAAC,KAAK,CAAC,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,EACrD;YAAA,CAAC,SAAS,IAAI,CACZ,CAAC,eAAM,CACL,QAAQ,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CACnB,IAAI,CAAC,CAAC,OAA0B,CAAC,CACjC,KAAK,CAAC,CAAC,aAAa,CAAC,WAAW,CAAC,EACjC,CACH,CACH;UAAA,EAAE,WAAI,CAAC,CACR,CACH;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,6BAAiB,CAAC,CACrB,CAAA;AACH,CAAC,CAAA;AAhDY,QAAA,OAAO,WAgDnB"}

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

@@ -0,0 +1,19 @@
+import { ComponentVariants } from '@codeleap/common';
+import React from 'react';
+import { StylesOf } from '../../types/utility';
+import { MobilePagerStyles, PagerComposition } from './styles';
+export * from './styles';
+export declare type PagerProps = {
+    variants?: ComponentVariants<typeof MobilePagerStyles>['variants'];
+    styles?: StylesOf<PagerComposition>;
+    page?: number;
+    loop?: boolean;
+    debug?: boolean;
+    onPageChange?: (page: number) => void;
+};
+export declare type PagerRef = {
+    forward(by?: number): void;
+    back(by?: number): void;
+    to(index?: number): void;
+};
+export declare const Pager: React.ForwardRefExoticComponent<PagerProps & React.RefAttributes<PagerRef>>;

package/dist/components/Pager/index.js

@@ -0,0 +1,164 @@
+"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);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Pager = void 0;
+var common_1 = require("@codeleap/common");
+var react_1 = __importStar(require("react"));
+var react_native_1 = require("react-native");
+var Animated_1 = require("../Animated");
+var Button_1 = require("../Button");
+var View_1 = require("../View");
+var Text_1 = require("../Text");
+__exportStar(require("./styles"), exports);
+exports.Pager = (0, react_1.forwardRef)(function (pagerProps, ref) {
+    var children = pagerProps.children, styles = pagerProps.styles, variants = pagerProps.variants, propPage = pagerProps.page, debug = pagerProps.debug, loop = pagerProps.loop, onPageChange = pagerProps.onPageChange;
+    var _a = (0, react_1.useState)(function () { return propPage !== null && propPage !== void 0 ? propPage : 0; }), page = _a[0], setPage = _a[1];
+    var variantStyles = (0, common_1.useDefaultComponentStyle)('u:Pager', {
+        styles: styles,
+        transform: react_native_1.StyleSheet.flatten,
+        variants: variants,
+    });
+    var logger = (0, common_1.useCodeleapContext)().logger;
+    var nChildren = react_1.default.Children.count(children);
+    var lastPage = nChildren - 1;
+    var pagerRef = (0, react_1.useRef)({
+        forward: function (by) {
+            if (by === void 0) { by = 1; }
+            setPage(function (currentPage) {
+                if (currentPage < lastPage) {
+                    return currentPage + by;
+                }
+                else if (loop) {
+                    return by - 1;
+                }
+                return currentPage;
+            });
+        },
+        back: function (by) {
+            if (by === void 0) { by = 1; }
+            setPage(function (currentPage) {
+                if (currentPage > 0) {
+                    return currentPage - by;
+                }
+                else if (loop) {
+                    return nChildren - by;
+                }
+                return currentPage;
+            });
+        },
+        to: function (n) {
+            if (n >= 0 && n <= lastPage) {
+                setPage(n);
+            }
+            else {
+                logger.warn('Attempted to go to a page which falls outside range', { currentPage: page, attemptedToGoTo: n, pageRange: [0, lastPage] }, 'Component');
+            }
+        },
+    });
+    (0, common_1.onUpdate)(function () {
+        onPageChange === null || onPageChange === void 0 ? void 0 : onPageChange(page);
+    }, [page]);
+    (0, common_1.onUpdate)(function () {
+        if (typeof propPage === 'number') {
+            setPage(propPage);
+        }
+    }, [propPage]);
+    (0, react_1.useImperativeHandle)(ref, function () { return pagerRef.current; });
+    var pagePoses = (0, react_1.useMemo)(function () {
+        return {
+            current: variantStyles['page:pose:current'],
+            next: variantStyles['page:pose:next'],
+            previous: variantStyles['page:pose:previous'],
+        };
+    }, [variantStyles]);
+    return (<View_1.View style={variantStyles.wrapper}>
+      {react_1.default.Children.map(children, function (child, idx) { return (<Page {...pagerProps} idx={idx} lastPage={lastPage} pagePoses={pagePoses} style={[variantStyles.page]} page={page}>
+          {child}
+        </Page>); })}
+
+      {debug && (<View_1.View variants={['absolute']} style={{ bottom: 0, left: 0, right: 0 }}>
+          <Button_1.Button text='previous' onPress={pagerRef.current.back}/>
+          <Text_1.Text text={page.toString()}/>
+          <Button_1.Button text='next' onPress={pagerRef.current.forward}/>
+        </View_1.View>)}
+    </View_1.View>);
+});
+var Page = function (pageProps) {
+    var child = pageProps.children, idx = pageProps.idx, loop = pageProps.loop, lastPage = pageProps.lastPage, page = pageProps.page, style = pageProps.style, pagePoses = pageProps.pagePoses;
+    if (!react_1.default.isValidElement(child))
+        return null;
+    // const isLast = idx === lastPage
+    // const isFirst = idx === 0
+    // const isLoopNext = (loop && isFirst && page === lastPage)
+    // const isLoopPrevious = (loop && isLast && page === 0)
+    // const isCurrent = idx === page
+    // const isSequenceNext = idx ===  page + 1
+    // const isSequencePrevious = idx ===  page  - 1
+    // const isNext = isSequenceNext || isLoopNext
+    // const isPrevious = isSequencePrevious || isLoopPrevious
+    // const isCurrentOrAdjacent = [
+    //     isCurrent,
+    //     isNext,
+    //     isPrevious
+    // ].includes(true)
+    // if(isCurrentOrAdjacent){
+    //     return <Animated
+    //         key={idx}
+    //         component='View'
+    //         config={pagePoses}
+    //         pose={isCurrent ? 'current' : (isNext ? 'next' : 'previous')}
+    //         style={[{
+    //             position: 'absolute',
+    //             top: 0,
+    //         },style]}
+    //     >
+    //         {child}
+    //     </Animated>
+    // }
+    var isCurrent = idx === page;
+    var isNext = idx > page;
+    var _a = (0, react_1.useState)(isCurrent ? 1 : 0), _opacity = _a[0], setOpacity = _a[1];
+    var _b = (0, common_1.useDebounce)(_opacity, 800), opacity = _b[0], resetDebounceTimer = _b[1];
+    (0, common_1.onUpdate)(function () {
+        if (isCurrent) {
+            setOpacity(1);
+        }
+        else {
+            setOpacity(0);
+        }
+        return resetDebounceTimer;
+    }, [idx, page]);
+    return (<Animated_1.Animated key={idx} component='View' config={pagePoses} pose={isCurrent ? 'current' : isNext ? 'next' : 'previous'} style={[
+            {
+                position: 'absolute',
+                top: 0,
+                opacity: isCurrent ? _opacity : opacity,
+            },
+            style,
+        ]}>
+      {child}
+    </Animated_1.Animated>);
+    // return <View style={{display:'none'}} key={idx}>{child}</View>
+};
+//# sourceMappingURL=index.js.map

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

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

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

@@ -0,0 +1,51 @@
+export declare type PagerComposition = 'page' | 'page:transition' | 'page:pose:previous' | 'page:pose:next' | 'page:pose:current' | 'wrapper';
+export declare const MobilePagerStyles: {
+    default: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    pageless: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fixed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    block: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    flex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    absolute: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    sticky: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    row: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    center: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    column: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    wrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    inline: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    hidden: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    full: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fullView: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    whole: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignSelfCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignSelfStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    alignSelfEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    justifySpaceAround: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    textRight: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    blur: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    elevated: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    debRed: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    debGreen: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    debBlue: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+    debYellow: (theme: import("@codeleap/common").ThemeColorScheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<PagerComposition, any>>;
+};

package/dist/components/Pager/styles.js

@@ -0,0 +1,44 @@
+"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.MobilePagerStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createPagerStyle = (0, common_1.createDefaultVariantFactory)();
+var presets = (0, common_1.includePresets)(function (style) { return createPagerStyle(function () { return ({ wrapper: style }); }); });
+exports.MobilePagerStyles = __assign(__assign({}, presets), { default: createPagerStyle(function (Theme) {
+        var transition = {
+            duration: 500,
+            ease: 'easeInOut',
+            useNativeDriver: true,
+        };
+        return {
+            wrapper: __assign({}, Theme.presets.full),
+            'page:pose:next': {
+                left: Theme.values.width * 1.8,
+                transition: transition,
+            },
+            'page:pose:current': {
+                left: 0,
+                transition: transition,
+            },
+            'page:pose:previous': {
+                left: -Theme.values.width * 1.8,
+                transition: transition,
+            },
+            page: {
+                width: '100%',
+                height: '100%',
+            },
+        };
+    }), pageless: createPagerStyle(function () { return ({}); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Pager/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAGyB;AAUzB,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAoB,CAAA;AAExE,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,KAAK,IAAK,OAAA,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,KAAK,EAAE,CAAC,EAApB,CAAoB,CAAC,EAA5C,CAA4C,CACrF,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,UAAU,GAAG;YACjB,QAAQ,EAAE,GAAG;YACb,IAAI,EAAE,WAAW;YACjB,eAAe,EAAE,IAAI;SACtB,CAAA;QAED,OAAO;YACL,OAAO,eACF,KAAK,CAAC,OAAO,CAAC,IAAI,CACtB;YACD,gBAAgB,EAAE;gBAChB,IAAI,EAAE,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC9B,UAAU,EAAE,UAAU;aACvB;YACD,mBAAmB,EAAE;gBACnB,IAAI,EAAE,CAAC;gBACP,UAAU,EAAE,UAAU;aACvB;YACD,oBAAoB,EAAE;gBACpB,IAAI,EAAE,CAAC,KAAK,CAAC,MAAM,CAAC,KAAK,GAAG,GAAG;gBAC/B,UAAU,EAAE,UAAU;aACvB;YACD,IAAI,EAAE;gBACJ,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,MAAM;aACf;SACF,CAAA;IACH,CAAC,CAAC,EACF,QAAQ,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC,EAAE,CAAC,EAAJ,CAAI,CAAC,IACvC"}

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

@@ -13,6 +13,7 @@ export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<typeof Touc
     select: () => void;
     style: StylesOf<MobileRadioInputComposition>;
     checked: boolean;
+    defaultValue?: number;
 };
 export declare type RadioGroupProps<T> = {
     options: RadioItem<T>[];

package/dist/components/RadioInput/index.js

@@ -40,21 +40,15 @@ var Touchable_1 = require("../Touchable");
 var common_1 = require("@codeleap/common");
 var View_1 = require("../View");
 __exportStar(require("./styles"), exports);
-var getRadioStyle = function (props) { return (0, common_1.useComponentStyle)('RadioInput', props); };
+var getRadioStyle = function (props) { return (0, common_1.useDefaultComponentStyle)('RadioInput', props); };
 var RadioButton = function (_a) {
     var item = _a.item, select = _a.select, style = _a.style, checked = _a.checked, props = __rest(_a, ["item", "select", "style", "checked"]);
-    return <Touchable_1.Touchable onPress={select} style={style.itemWrapper}>
-    <View_1.View style={[
-            style.button,
-            checked && style['button:checked'],
-        ]}> 
-        <View_1.View style={[
-            style['buttonMark'],
-            checked && style['buttonMark:checked'],
-        ]}/>
-    </View_1.View>
-    {typeof item.label === 'string' ? <Text_1.Text text={item.label} style={style.text}/> : item.label}
-  </Touchable_1.Touchable>;
+    return (<Touchable_1.Touchable onPress={select} style={style.itemWrapper}>
+      <View_1.View style={[style.button, checked && style['button:checked']]}>
+        <View_1.View style={[style.buttonMark, checked && style['buttonMark:checked']]}/>
+      </View_1.View>
+      {typeof item.label === 'string' ? (<Text_1.Text text={item.label} style={style.text}/>) : (item.label)}
+    </Touchable_1.Touchable>);
 };
 exports.RadioButton = RadioButton;
 var RadioGroup = function (radioGroupProps) {
@@ -64,12 +58,12 @@ var RadioGroup = function (radioGroupProps) {
         variants: variants,
         styles: styles,
     });
-    return <View_1.View style={radioStyle.wrapper}>
-    {typeof label === 'string' ? <Text_1.Text text={label}/> : label}
-    <View_1.View style={radioStyle.listWrapper}>
-      {options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return <exports.RadioButton item={item} key={idx} style={radioStyle} checked={value === item.value} select={function () { return onValueChange(item.value); }}/>; })}
-    </View_1.View>
-  </View_1.View>;
+    return (<View_1.View style={radioStyle.wrapper}>
+      {typeof label === 'string' ? <Text_1.Text text={label}/> : label}
+      <View_1.View style={radioStyle.listWrapper}>
+        {options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return (<exports.RadioButton item={item} key={idx} style={radioStyle} checked={value === item.value} select={function () { return onValueChange(item.value); }}/>); })}
+      </View_1.View>
+    </View_1.View>);
 };
 exports.RadioGroup = RadioGroup;
 //# sourceMappingURL=index.js.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAI9B,gCAA6B;AAC7B,0CAAwC;AACxC,2CAAiF;AACjF,gCAA8B;AAG9B,2CAAwB;AAOxB,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,0BAAiB,EAAC,YAAY,EAAE,KAAK,CAAC,EAAtC,CAAsC,CAAA;AAkBhE,IAAM,WAAW,GAA8B,UAAC,EAAwC;IAAvC,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvC,sCAAwC,CAAD;IAE5F,OAAO,CAAC,qBAAS,CAAE,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CAC3D;IAAA,CAAC,WAAI,CAAE,KAAK,CAAC,CAAC;YACZ,KAAK,CAAC,MAAM;YACZ,OAAO,IAAI,KAAK,CAAC,gBAAgB,CAAC;SACnC,CAAC,CACE;QAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC;YACP,KAAK,CAAC,YAAY,CAAC;YACnB,OAAO,IAAI,KAAK,CAAC,oBAAoB,CAAC;SAC3C,CAAC,EACN;IAAA,EAAE,WAAI,CACN;IAAA,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,CAC7F;EAAA,EAAE,qBAAS,CAAC,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,WAAW,eAcvB;AAGM,IAAM,UAAU,GAAI,UAAoB,eAAkC;IACxE,IAAA,OAAO,GAAuE,eAAe,QAAtF,EAAE,KAAK,GAAgE,eAAe,MAA/E,EAAE,aAAa,GAAiD,eAAe,cAAhE,EAAE,KAAK,GAA0C,eAAe,MAAzD,EAAE,kBAAkB,GAAsB,eAAe,mBAArC,EAAE,QAAQ,GAAY,eAAe,SAA3B,EAAE,MAAM,GAAI,eAAe,OAAnB,CAAmB;IAEpG,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CACrC;IAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,KAAK,CACzD;IAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAClC;MAAA,CACE,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAM,OAAA,CAAC,mBAAW,CACvC,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,UAAU,CAAC,CAElB,OAAO,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAC9B,MAAM,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,CAAC,EACxC,EAP2B,CAO3B,CAAC,CAEP;IAAA,EAAE,WAAI,CACR;EAAA,EAAE,WAAI,CAAC,CAAA;AACT,CAAC,CAAA;AAvBY,QAAA,UAAU,cAuBtB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,2CAA8B;AAI9B,gCAA8B;AAC9B,0CAAwC;AACxC,2CAIyB;AACzB,gCAA8B;AAG9B,2CAAwB;AAOxB,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,iCAAwB,EAAC,YAAY,EAAE,KAAK,CAAC,EAA7C,CAA6C,CAAA;AAqBvE,IAAM,WAAW,GAA+B,UAAC,EAMvD;IALC,IAAA,IAAI,UAAA,EACJ,MAAM,YAAA,EACN,KAAK,WAAA,EACL,OAAO,aAAA,EACJ,KAAK,cAL8C,sCAMvD,CADS;IAER,OAAO,CACL,CAAC,qBAAS,CAAC,OAAO,CAAC,CAAC,MAAM,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,WAAW,CAAC,CACnD;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,MAAM,EAAE,OAAO,IAAI,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAC9D;QAAA,CAAC,WAAI,CACH,KAAK,CAAC,CAAC,CAAC,KAAK,CAAC,UAAU,EAAE,OAAO,IAAI,KAAK,CAAC,oBAAoB,CAAC,CAAC,CAAC,EAEtE;MAAA,EAAE,WAAI,CACN;MAAA,CAAC,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAChC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,IAAI,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,CAAC,EAAG,CAC9C,CAAC,CAAC,CAAC,CACF,IAAI,CAAC,KAAK,CACX,CACH;IAAA,EAAE,qBAAS,CAAC,CACb,CAAA;AACH,CAAC,CAAA;AArBY,QAAA,WAAW,eAqBvB;AAEM,IAAM,UAAU,GAAG,UACxB,eAAmC;IAGjC,IAAA,OAAO,GAOL,eAAe,QAPV,EACP,KAAK,GAMH,eAAe,MANZ,EACL,aAAa,GAKX,eAAe,cALJ,EACb,KAAK,GAIH,eAAe,MAJZ,EACL,kBAAkB,GAGhB,eAAe,mBAHC,EAClB,QAAQ,GAEN,eAAe,SAFT,EACR,MAAM,GACJ,eAAe,OADX,CACW;IAEnB,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,CACL,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,OAAO,CAAC,CAC9B;MAAA,CAAC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAAC,WAAI,CAAC,IAAI,CAAC,CAAC,KAAK,CAAC,EAAG,CAAC,CAAC,CAAC,KAAK,CAC1D;MAAA,CAAC,WAAI,CAAC,KAAK,CAAC,CAAC,UAAU,CAAC,WAAW,CAAC,CAClC;QAAA,CAAC,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAK,OAAA,CAC3B,CAAC,mBAAW,CACV,IAAI,CAAC,CAAC,IAAI,CAAC,CACX,GAAG,CAAC,CAAC,GAAG,CAAC,CACT,KAAK,CAAC,CAAC,UAAU,CAAC,CAClB,OAAO,CAAC,CAAC,KAAK,KAAK,IAAI,CAAC,KAAK,CAAC,CAC9B,MAAM,CAAC,CAAC,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,CAAC,EACxC,CACH,EAR4B,CAQ5B,CAAC,CACJ;MAAA,EAAE,WAAI,CACR;IAAA,EAAE,WAAI,CAAC,CACR,CAAA;AACH,CAAC,CAAA;AAlCY,QAAA,UAAU,cAkCtB"}