@codeleap/web 2.4.6 → 3.0.2

package/dist/components/Button.js

@@ -1,67 +0,0 @@
-"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 __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Button = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var react_1 = __importDefault(require("react"));
-var Text_1 = require("./Text");
-var Touchable_1 = require("./Touchable");
-var Icon_1 = require("./Icon");
-var ActivityIndicator_1 = require("./ActivityIndicator");
-var Button = function (buttonProps) {
-    var _a = buttonProps.variants, variants = _a === void 0 ? [] : _a, _b = buttonProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, children = buttonProps.children, icon = buttonProps.icon, text = buttonProps.text, loading = buttonProps.loading, styles = buttonProps.styles, onPress = buttonProps.onPress, disabled = buttonProps.disabled, rightIcon = buttonProps.rightIcon, _c = buttonProps.debounce, debounce = _c === void 0 ? 600 : _c, props = __rest(buttonProps, ["variants", "responsiveVariants", "children", "icon", "text", "loading", "styles", "onPress", "disabled", "rightIcon", "debounce"]);
-    var _d = react_1.default.useState(false), pressed = _d[0], setPressed = _d[1];
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Button', {
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    function handlePress(e) {
-        var _a;
-        if (!pressed) {
-            (_a = props === null || props === void 0 ? void 0 : props.onClick) === null || _a === void 0 ? void 0 : _a.call(props, e);
-            setPressed(true);
-            setTimeout(function () { return setPressed(false); }, debounce);
-            onPress && onPress();
-        }
-    }
-    function getStyles(key) {
-        return __assign(__assign({}, variantStyles[key]), (0, common_1.optionalObject)(disabled, variantStyles[key + ':disabled'], {}));
-    }
-    var iconStyle = getStyles('icon');
-    return ((0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ css: getStyles('wrapper'), component: 'button', debugComponent: 'Button', onPress: handlePress }, props, { children: [loading && (0, jsx_runtime_1.jsx)(ActivityIndicator_1.ActivityIndicator, { styles: {
-                    'wrapper': getStyles('loaderWrapper'),
-                    'backCircle': getStyles('loaderBackCircle'),
-                    'frontCircle': getStyles('loaderFrontCircle'),
-                    'circle': getStyles('loaderCircle'),
-                }, css: getStyles('loader') }, void 0), !loading && ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: icon, style: __assign(__assign({}, iconStyle), getStyles('leftIcon')), renderEmptySpace: !!text }, void 0)), children || ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: text, styles: {
-                    text: getStyles('text'),
-                } }, void 0)), (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: rightIcon, style: __assign(__assign({}, iconStyle), getStyles('rightIcon')), renderEmptySpace: !!text }, void 0)] }), void 0));
-};
-exports.Button = Button;
-//# sourceMappingURL=Button.js.map

package/dist/components/Button.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Button.js","sourceRoot":"","sources":["../../src/components/Button.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAQyB;AACzB,gDAAoD;AAEpD,+BAA6B;AAC7B,yCAAuD;AACvD,+BAA6B;AAC7B,yDAAuD;AAiBhD,IAAM,MAAM,GAA0B,UAAC,WAAW;IAErD,IAAA,KAYE,WAAW,SAZA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAWE,WAAW,mBAXU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,QAAQ,GAUN,WAAW,SAVL,EACR,IAAI,GASF,WAAW,KATT,EACJ,IAAI,GAQF,WAAW,KART,EACJ,OAAO,GAOL,WAAW,QAPN,EACP,MAAM,GAMJ,WAAW,OANP,EACN,OAAO,GAKL,WAAW,QALN,EACP,QAAQ,GAIN,WAAW,SAJL,EACR,SAAS,GAGP,WAAW,UAHJ,EACT,KAEE,WAAW,SAFC,EAAd,QAAQ,mBAAG,GAAG,KAAA,EACX,KAAK,UACN,WAAW,EAbT,mIAaL,CADS,CACK;IACT,IAAA,KAAwB,eAAK,CAAC,QAAQ,CAAC,KAAK,CAAC,EAA5C,OAAO,QAAA,EAAE,UAAU,QAAyB,CAAA;IACnD,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,QAAQ,EAAE;QACvD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,SAAS,WAAW,CAAC,CAAwC;;QAC3D,IAAI,CAAC,OAAO,EAAE;YACZ,MAAA,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,OAAO,+CAAd,KAAK,EAAY,CAAC,CAAC,CAAA;YAEnB,UAAU,CAAC,IAAI,CAAC,CAAA;YAEhB,UAAU,CAAC,cAAM,OAAA,UAAU,CAAC,KAAK,CAAC,EAAjB,CAAiB,EAAE,QAAQ,CAAC,CAAA;YAE7C,OAAO,IAAI,OAAO,EAAE,CAAA;SACrB;IACH,CAAC;IAED,SAAS,SAAS,CAAC,GAAe;QAEhC,6BACK,aAAa,CAAC,GAAG,CAAC,GAClB,IAAA,uBAAc,EAAC,QAAQ,EAAE,aAAa,CAAC,GAAG,GAAG,WAAW,CAAC,EAAE,EAAE,CAAC,EAClE;IACH,CAAC;IACD,IAAM,SAAS,GAAG,SAAS,CAAC,MAAM,CAAC,CAAA;IACnC,OAAO,CACL,wBAAC,qBAAS,aACR,GAAG,EAAE,SAAS,CAAC,SAAS,CAAC,EACzB,SAAS,EAAC,QAAQ,EAClB,cAAc,EAAC,QAAQ,EAEvB,OAAO,EAAE,WAAW,IAChB,KAAK,eAER,OAAO,IAAI,uBAAC,qCAAiB,IAAC,MAAM,EAAE;oBACrC,SAAS,EAAE,SAAS,CAAC,eAAe,CAAC;oBACrC,YAAY,EAAE,SAAS,CAAC,kBAAkB,CAAC;oBAC3C,aAAa,EAAE,SAAS,CAAC,mBAAmB,CAAC;oBAC7C,QAAQ,EAAE,SAAS,CAAC,cAAc,CAAC;iBACpC,EAAE,GAAG,EAAE,SAAS,CAAC,QAAQ,CAAC,WAAG,EAC7B,CAAC,OAAO,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,UAAU,CAAC,GAC/C,gBAAgB,EAAE,CAAC,CAAC,IAAI,WACxB,CACH,EACA,QAAQ,IAAI,CACX,uBAAC,WAAI,IACH,IAAI,EAAE,IAAI,EACV,MAAM,EAAE;oBACN,IAAI,EAAE,SAAS,CAAC,MAAM,CAAC;iBACxB,WACD,CACH,EAED,uBAAC,WAAI,IACH,IAAI,EAAE,SAAS,EACf,KAAK,wBAAO,SAAS,GAAK,SAAS,CAAC,WAAW,CAAC,GAChD,gBAAgB,EAAE,CAAC,CAAC,IAAI,WACxB,aACQ,CACb,CAAA;AACH,CAAC,CAAA;AAhFY,QAAA,MAAM,UAgFlB"}

package/dist/components/CenterWrapper.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-import { StylesOf } from '../types/utility';
-import { ComponentVariants, CenterWrapperComposition, CenterWrapperStyles } from '@codeleap/common';
-export declare type CenterWrapperProps = {
-    styles?: StylesOf<CenterWrapperComposition>;
-} & ComponentVariants<typeof CenterWrapperStyles>;
-export declare const CenterWrapper: React.FC<CenterWrapperProps>;

package/dist/components/CenterWrapper.js

@@ -1,28 +0,0 @@
-"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.CenterWrapper = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var View_1 = require("./View");
-var common_1 = require("@codeleap/common");
-var CenterWrapper = function (props) {
-    var _a = props.styles, propStyles = _a === void 0 ? {} : _a, children = props.children, variants = props.variants, styles = props.styles, responsiveVariants = props.responsiveVariants;
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('CenterWrapper', {
-        variants: variants,
-        styles: styles,
-        responsiveVariants: responsiveVariants,
-    });
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [variantStyles.wrapper, propStyles.wrapper] }, { children: (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: [variantStyles.innerWrapper, propStyles.innerWrapper] }, { children: children }), void 0) }), void 0));
-};
-exports.CenterWrapper = CenterWrapper;
-//# sourceMappingURL=CenterWrapper.js.map

package/dist/components/CenterWrapper.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"CenterWrapper.js","sourceRoot":"","sources":["../../src/components/CenterWrapper.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AACA,+BAA6B;AAE7B,2CAKyB;AAMlB,IAAM,aAAa,GAAiC,UAAC,KAAK;IAE7D,IAAA,KAKE,KAAK,OALgB,EAAf,UAAU,mBAAG,EAAE,KAAA,EACvB,QAAQ,GAIN,KAAK,SAJC,EACR,QAAQ,GAGN,KAAK,SAHC,EACR,MAAM,GAEJ,KAAK,OAFD,EACN,kBAAkB,GAChB,KAAK,mBADW,CACX;IAET,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,eAAe,EAAE;QAC9D,QAAQ,UAAA;QACR,MAAM,QAAA;QACN,kBAAkB,oBAAA;KACnB,CAAC,CAAA;IAEF,OAAO,CACL,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,aAAa,CAAC,OAAO,EAAE,UAAU,CAAC,OAAO,CAAC,gBACpD,uBAAC,WAAI,aAAC,GAAG,EAAE,CAAC,aAAa,CAAC,YAAY,EAAE,UAAU,CAAC,YAAY,CAAC,gBAC7D,QAAQ,YACJ,YACF,CACR,CAAA;AACH,CAAC,CAAA;AAtBY,QAAA,aAAa,iBAsBzB"}

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

@@ -1,12 +0,0 @@
-import { ComponentVariants, StylesOf } from '@codeleap/common';
-import { ComponentPropsWithRef } from 'react';
-import { WebCheckboxComposition, WebCheckboxStyles as CheckboxStyles } from './styles';
-declare type NativeCheckboxProps = ComponentPropsWithRef<'input'>;
-export * from './styles';
-export declare type CheckboxProps = NativeCheckboxProps & {
-    checked?: boolean;
-    onValueChange?: (checked: boolean) => any;
-    label?: React.ReactNode;
-    styles?: StylesOf<WebCheckboxComposition>;
-} & ComponentVariants<typeof CheckboxStyles>;
-export declare const Checkbox: (checkboxProps: CheckboxProps) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Checkbox/index.js

@@ -1,58 +0,0 @@
-"use strict";
-var __assign = (this && this.__assign) || function () {
-    __assign = Object.assign || function(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
-                t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    Object.defineProperty(o, k2, { enumerable: true, get: function() { return m[k]; } });
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Checkbox = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var View_1 = require("../View");
-var Text_1 = require("../Text");
-__exportStar(require("./styles"), exports);
-var Checkbox = function (checkboxProps) {
-    var checked = checkboxProps.checked, onValueChange = checkboxProps.onValueChange, _a = checkboxProps.variants, variants = _a === void 0 ? [] : _a, _b = checkboxProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, label = checkboxProps.label, onChange = checkboxProps.onChange, styles = checkboxProps.styles, props = __rest(checkboxProps, ["checked", "onValueChange", "variants", "responsiveVariants", "label", "onChange", "styles"]);
-    function handleChange(e, value) {
-        var isChecked = common_1.TypeGuards.isBoolean(value) ? value : e.target.checked;
-        if (e) {
-            onChange && onChange(e);
-        }
-        onValueChange && onValueChange(isChecked);
-    }
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Checkbox', {
-        responsiveVariants: responsiveVariants,
-        variants: variants,
-        styles: styles,
-    });
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'label', css: __assign({}, variantStyles.wrapper) }, { children: [(0, jsx_runtime_1.jsx)("input", __assign({}, props, { css: variantStyles.input, onChange: handleChange, type: 'checkbox', checked: checked }), void 0), (0, jsx_runtime_1.jsx)("span", { className: 'checkbox-label', onClick: function () { return handleChange(null, !checked); }, css: __assign(__assign({}, variantStyles.checkmarkWrapper), { '&:after': __assign({}, variantStyles.checkmark) }) }, void 0), typeof label === 'string' ? ((0, jsx_runtime_1.jsx)(Text_1.Text, { text: label, styles: { text: variantStyles.label } }, void 0)) : (label)] }), void 0));
-};
-exports.Checkbox = Checkbox;
-//# sourceMappingURL=index.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/Checkbox/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAMyB;AAEzB,gCAA8B;AAC9B,gCAA8B;AAM9B,2CAAwB;AAQjB,IAAM,QAAQ,GAAG,UAAC,aAA4B;IAEjD,IAAA,OAAO,GAQL,aAAa,QARR,EACP,aAAa,GAOX,aAAa,cAPF,EACb,KAME,aAAa,SANF,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAKE,aAAa,mBALQ,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,KAAK,GAIH,aAAa,MAJV,EACL,QAAQ,GAGN,aAAa,SAHP,EACR,MAAM,GAEJ,aAAa,OAFT,EACH,KAAK,UACN,aAAa,EATX,6FASL,CADS,CACO;IAEjB,SAAS,YAAY,CAAC,CAAsC,EAAE,KAAe;QAC3E,IAAM,SAAS,GAAG,mBAAU,CAAC,SAAS,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,OAAO,CAAA;QACxE,IAAI,CAAC,EAAE;YACL,QAAQ,IAAI,QAAQ,CAAC,CAAC,CAAC,CAAA;SACxB;QACD,aAAa,IAAI,aAAa,CAAC,SAAS,CAAC,CAAA;IAC3C,CAAC;IAED,IAAM,aAAa,GAAG,IAAA,iCAAwB,EAAC,UAAU,EAAE;QACzD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACA,CAAqC,CAAA;IAE7C,OAAO,CACL,wBAAC,WAAI,aAAC,SAAS,EAAC,OAAO,EAAC,GAAG,eAAO,aAAa,CAAC,OAAO,kBACrD,6CACM,KAAK,IACT,GAAG,EAAE,aAAa,CAAC,KAAK,EACxB,QAAQ,EAAE,YAAY,EACtB,IAAI,EAAC,UAAU,EACf,OAAO,EAAE,OAAO,YAChB,EACF,iCACE,SAAS,EAAC,gBAAgB,EAC1B,OAAO,EAAE,cAAM,OAAA,YAAY,CAAC,IAAI,EAAE,CAAC,OAAO,CAAC,EAA5B,CAA4B,EAC3C,GAAG,wBACE,aAAa,CAAC,gBAAgB,KACjC,SAAS,eACJ,aAAa,CAAC,SAAS,eAG9B,EACD,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,CAC3B,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,EAAE,MAAM,EAAE,EAAE,IAAI,EAAE,aAAa,CAAC,KAAK,EAAE,WAAI,CAC7D,CAAC,CAAC,CAAC,CACF,KAAK,CACN,aACI,CACR,CAAA;AACH,CAAC,CAAA;AApDY,QAAA,QAAQ,YAoDpB"}

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

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

package/dist/components/Checkbox/styles.js

@@ -1,64 +0,0 @@
-"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.WebCheckboxStyles = void 0;
-var common_1 = require("@codeleap/common");
-var createCheckboxStyle = (0, common_1.createDefaultVariantFactory)();
-var presets = (0, common_1.includePresets)(function (styles) { return createCheckboxStyle(function () { return ({ wrapper: styles }); }); });
-exports.WebCheckboxStyles = __assign(__assign({}, presets), { default: createCheckboxStyle(function (theme) { return ({
-        wrapper: {
-            display: 'flex',
-            alignItems: 'center',
-            position: 'relative',
-            cursor: 'pointer',
-            minHeight: '18px',
-            minWidth: '18px',
-            '.checkbox-label': {
-                height: '18px',
-                width: '18px',
-                border: "1px solid ".concat(theme.colors.gray),
-                borderRadius: theme.borderRadius.small,
-                position: 'absolute',
-                overflow: 'hidden',
-                top: '50%',
-                transform: 'translateY(-50%)',
-                transition: 'background 0.3s ease',
-                ':after': {
-                    content: '""',
-                    border: "2px solid ".concat(theme.colors.white),
-                    borderLeftColor: 'transparent',
-                    borderTopColor: 'transparent',
-                    height: '40%',
-                    width: '20%',
-                    position: 'absolute',
-                    left: '50%',
-                    top: '40%',
-                    transform: 'translate(-50%,-50%) rotate(45deg) scale(0)',
-                    transition: 'transform 0.2s ease',
-                },
-            },
-        },
-        label: __assign({}, theme.spacing.marginLeft(1)),
-        input: {
-            visibility: 'hidden',
-            height: 0,
-            width: 0,
-            '&:checked + .checkbox-label': {
-                '&:after': {
-                    transform: 'translate(-50%,-50%) rotate(45deg) scale(1)',
-                },
-                background: theme.colors.primary,
-            },
-        },
-    }); }) });
-//# sourceMappingURL=styles.js.map

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

@@ -1 +0,0 @@
-{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/Checkbox/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAA8E;AAQ9E,IAAM,mBAAmB,GACvB,IAAA,oCAA2B,GAA0B,CAAA;AAEvD,IAAM,OAAO,GAAG,IAAA,uBAAc,EAAC,UAAC,MAAM,IAAK,OAAA,mBAAmB,CAAC,cAAM,OAAA,CAAC,EAAE,OAAO,EAAE,MAAM,EAAE,CAAC,EAArB,CAAqB,CAAC,EAAhD,CAAgD,CAC1F,CAAA;AAEY,QAAA,iBAAiB,yBACzB,OAAO,KACV,OAAO,EAAE,mBAAmB,CAAC,UAAC,KAAK,IAAK,OAAA,CAAC;QACvC,OAAO,EAAE;YACP,OAAO,EAAE,MAAM;YACf,UAAU,EAAE,QAAQ;YACpB,QAAQ,EAAE,UAAU;YACpB,MAAM,EAAE,SAAS;YACjB,SAAS,EAAE,MAAM;YACjB,QAAQ,EAAE,MAAM;YAChB,iBAAiB,EAAE;gBACjB,MAAM,EAAE,MAAM;gBACd,KAAK,EAAE,MAAM;gBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,IAAI,CAAE;gBACxC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,QAAQ;gBAClB,GAAG,EAAE,KAAK;gBACV,SAAS,EAAE,kBAAkB;gBAC7B,UAAU,EAAE,sBAAsB;gBAElC,QAAQ,EAAE;oBACR,OAAO,EAAE,IAAI;oBACb,MAAM,EAAE,oBAAa,KAAK,CAAC,MAAM,CAAC,KAAK,CAAE;oBACzC,eAAe,EAAE,aAAa;oBAC9B,cAAc,EAAE,aAAa;oBAC7B,MAAM,EAAE,KAAK;oBACb,KAAK,EAAE,KAAK;oBACZ,QAAQ,EAAE,UAAU;oBACpB,IAAI,EAAE,KAAK;oBACX,GAAG,EAAE,KAAK;oBAEV,SAAS,EAAE,6CAA6C;oBACxD,UAAU,EAAE,qBAAqB;iBAClC;aACF;SACF;QACD,KAAK,eACA,KAAK,CAAC,OAAO,CAAC,UAAU,CAAC,CAAC,CAAC,CAC/B;QACD,KAAK,EAAE;YACL,UAAU,EAAE,QAAQ;YACpB,MAAM,EAAE,CAAC;YACT,KAAK,EAAE,CAAC;YACR,6BAA6B,EAAE;gBAC7B,SAAS,EAAE;oBACT,SAAS,EAAE,6CAA6C;iBACzD;gBACD,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;aACjC;SACF;KACF,CAAC,EAjDsC,CAiDtC,CAAC,IACJ"}

package/dist/components/Collapse.d.ts

@@ -1,20 +0,0 @@
-import { ViewProps } from './View';
-import { ElementType } from 'react';
-export declare type CollapseAxis = 'horizontal' | 'vertical';
-export declare type GetCollapseStylesArgs = {
-    direction?: CollapseAxis;
-    value: string | number;
-    animation?: string;
-    scroll?: boolean;
-};
-declare type CollapseComposition = 'wrapper' | 'wrapper:open' | 'wrapper:hidden';
-export declare function getCollapseStyles<TCSS = React.CSSProperties, Return extends Record<CollapseComposition, TCSS> = Record<CollapseComposition, TCSS>>(args: GetCollapseStylesArgs): Return;
-export declare type CollapseProps<T extends ElementType = 'div'> = ViewProps<T> & {
-    open: boolean;
-    scroll?: boolean;
-    size?: string | number;
-    direction?: CollapseAxis;
-    animation?: string;
-};
-export declare const Collapse: React.FC<CollapseProps>;
-export {};

package/dist/components/Collapse.js

@@ -1,68 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Collapse = exports.getCollapseStyles = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var Scroll_1 = require("./Scroll");
-var View_1 = require("./View");
-function getCollapseStyles(args) {
-    var _a, _b;
-    var _c = args.direction, direction = _c === void 0 ? 'vertical' : _c, value = args.value, _d = args.animation, animation = _d === void 0 ? '0.3s ease' : _d, _e = args.scroll, scroll = _e === void 0 ? false : _e;
-    var dimension = direction === 'horizontal' ? 'width' : 'height';
-    var capitalizedDimension = (0, common_1.capitalize)(dimension);
-    var overflowOpen = scroll ? 'auto' : 'hidden';
-    var axis = direction === 'vertical' ? 'Y' : 'X';
-    return {
-        'wrapper:closed': (_a = {},
-            _a["max".concat(capitalizedDimension)] = '0px',
-            _a["overflow".concat(axis)] = 'hidden',
-            _a),
-        'wrapper:open': (_b = {},
-            _b["max".concat(capitalizedDimension)] = common_1.TypeGuards.isString(value) ? value : "".concat(value, "px"),
-            _b["overflow".concat(axis)] = overflowOpen,
-            _b),
-        wrapper: {
-            height: 'auto',
-            transition: "max-".concat(dimension, " ").concat(animation),
-        },
-    };
-}
-exports.getCollapseStyles = getCollapseStyles;
-var Collapse = function (_a) {
-    var open = _a.open, _b = _a.size, size = _b === void 0 ? 1000 : _b, _c = _a.scroll, scroll = _c === void 0 ? false : _c, children = _a.children, direction = _a.direction, animation = _a.animation, props = __rest(_a, ["open", "size", "scroll", "children", "direction", "animation"]);
-    var Component = scroll ? Scroll_1.Scroll : View_1.View;
-    var styles = getCollapseStyles({
-        value: size,
-        direction: direction,
-        animation: animation,
-    });
-    // @ts-ignore
-    return (0, jsx_runtime_1.jsx)(Component, __assign({ css: [
-            styles.wrapper,
-            open ? styles['wrapper:open'] : styles['wrapper:closed'],
-        ] }, props, { children: children }), void 0);
-};
-exports.Collapse = Collapse;
-//# sourceMappingURL=Collapse.js.map

package/dist/components/Collapse.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"Collapse.js","sourceRoot":"","sources":["../../src/components/Collapse.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAGA,2CAAyD;AACzD,mCAAiC;AACjC,+BAAwC;AAcxC,SAAgB,iBAAiB,CAI/B,IAA2B;;IAGzB,IAAA,KAKE,IAAI,UALgB,EAAtB,SAAS,mBAAG,UAAU,KAAA,EACtB,KAAK,GAIH,IAAI,MAJD,EACL,KAGE,IAAI,UAHiB,EAAvB,SAAS,mBAAG,WAAW,KAAA,EACvB,KAEE,IAAI,OAFQ,EAAd,MAAM,mBAAG,KAAK,KAAA,CAER;IAER,IAAM,SAAS,GAAG,SAAS,KAAK,YAAY,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,QAAQ,CAAA;IACjE,IAAM,oBAAoB,GAAG,IAAA,mBAAU,EAAC,SAAS,CAAC,CAAA;IAClD,IAAM,YAAY,GAAG,MAAM,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,QAAQ,CAAA;IAC/C,IAAM,IAAI,GAAG,SAAS,KAAK,UAAU,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,GAAG,CAAA;IACjD,OAAO;QACL,gBAAgB;YACd,GAAC,aAAM,oBAAoB,CAAE,IAAG,KAAK;YACrC,GAAC,kBAAW,IAAI,CAAE,IAAG,QAAQ;eAC9B;QACD,cAAc;YACZ,GAAC,aAAM,oBAAoB,CAAE,IAAG,mBAAU,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,CAAC,CAAC,UAAG,KAAK,OAAI;YACjF,GAAC,kBAAW,IAAI,CAAE,IAAG,YAAY;eAClC;QACD,OAAO,EAAE;YACP,MAAM,EAAE,MAAM;YACd,UAAU,EAAE,cAAO,SAAS,cAAI,SAAS,CAAE;SAC5C;KACmB,CAAA;AACxB,CAAC;AAhCD,8CAgCC;AAUM,IAAM,QAAQ,GAA2B,UAAC,EAQhD;IAPC,IAAA,IAAI,UAAA,EACJ,YAAW,EAAX,IAAI,mBAAG,IAAI,KAAA,EACX,cAAc,EAAd,MAAM,mBAAG,KAAK,KAAA,EACd,QAAQ,cAAA,EACR,SAAS,eAAA,EACT,SAAS,eAAA,EACN,KAAK,cAPuC,gEAQhD,CADS;IAGR,IAAM,SAAS,GAAG,MAAM,CAAC,CAAC,CAAC,eAAM,CAAC,CAAC,CAAC,WAAI,CAAA;IACxC,IAAM,MAAM,GAAG,iBAAiB,CAAC;QAC/B,KAAK,EAAE,IAAI;QACX,SAAS,WAAA;QACT,SAAS,WAAA;KACV,CAAC,CAAA;IACF,aAAa;IACb,OAAO,uBAAC,SAAS,aAAC,GAAG,EAAE;YACrB,MAAM,CAAC,OAAO;YACd,IAAI,CAAC,CAAC,CAAC,MAAM,CAAC,cAAc,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,gBAAgB,CAAC;SACzD,IAAM,KAAK,cACT,QAAQ,YACC,CAAA;AACd,CAAC,CAAA;AAvBY,QAAA,QAAQ,YAuBpB"}

package/dist/components/ContentView.d.ts

@@ -1,10 +0,0 @@
-import React from 'react';
-import { ComponentVariants, ContentViewStyles, ViewComposition } from '@codeleap/common';
-import { ViewProps } from './View';
-import { StylesOf } from '../types/utility';
-export declare type ContentViewProps = Omit<ViewProps<'div'>, 'variants' | 'responsiveVariants'> & {
-    placeholderMsg: string;
-    loading?: boolean;
-    styles?: StylesOf<ViewComposition>;
-} & ComponentVariants<typeof ContentViewStyles>;
-export declare const ContentView: React.FC<ContentViewProps>;

package/dist/components/ContentView.js

@@ -1,52 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ContentView = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var _1 = require(".");
-var View_1 = require("./View");
-var Text_1 = require("./Text");
-var WrapContent = function (_a) {
-    var children = _a.children, props = __rest(_a, ["children"]);
-    return ((0, jsx_runtime_1.jsx)(View_1.View, __assign({}, props, { children: children }), void 0));
-};
-var ContentView = function (rawProps) {
-    var children = rawProps.children, placeholderMsg = rawProps.placeholderMsg, loading = rawProps.loading, variants = rawProps.variants, responsiveVariants = rawProps.responsiveVariants, styles = rawProps.styles, props = __rest(rawProps, ["children", "placeholderMsg", "loading", "variants", "responsiveVariants", "styles"]);
-    var variantStyle = (0, common_1.useDefaultComponentStyle)('ContentView', {
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-        styles: styles,
-    });
-    if (loading) {
-        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: __assign({}, variantStyle.wrapper) }, { children: (0, jsx_runtime_1.jsx)(_1.ActivityIndicator, { css: variantStyle.loader }, void 0) }), void 0));
-    }
-    var hasChildren = Object.keys(children || {}).length > 0;
-    if (hasChildren) {
-        return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: children }), void 0));
-    }
-    return ((0, jsx_runtime_1.jsx)(WrapContent, __assign({}, props, { css: variantStyle.wrapper }, { children: (0, jsx_runtime_1.jsx)(Text_1.Text, { text: placeholderMsg, css: variantStyle.placeholder }, void 0) }), void 0));
-};
-exports.ContentView = ContentView;
-//# sourceMappingURL=ContentView.js.map

package/dist/components/ContentView.js.map

@@ -1 +0,0 @@
-{"version":3,"file":"ContentView.js","sourceRoot":"","sources":["../../src/components/ContentView.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AACA,2CAKyB;AACzB,sBAAqC;AACrC,+BAAwC;AACxC,+BAA6B;AAY7B,IAAM,WAAW,GAAG,UAAC,EAAiD;IAA/C,IAAA,QAAQ,cAAA,EAAK,KAAK,cAApB,YAAsB,CAAF;IAAkC,OAAA,CACzE,uBAAC,WAAI,eAAK,KAAK,cAAG,QAAQ,YAAQ,CACnC,CAAA;CAAA,CAAA;AAEM,IAAM,WAAW,GAA+B,UAAC,QAAQ;IAE5D,IAAA,QAAQ,GAON,QAAQ,SAPF,EACR,cAAc,GAMZ,QAAQ,eANI,EACd,OAAO,GAKL,QAAQ,QALH,EACP,QAAQ,GAIN,QAAQ,SAJF,EACR,kBAAkB,GAGhB,QAAQ,mBAHQ,EAClB,MAAM,GAEJ,QAAQ,OAFJ,EACH,KAAK,UACN,QAAQ,EARN,qFAQL,CADS,CACE;IAEZ,IAAM,YAAY,GAAG,IAAA,iCAAwB,EAAC,aAAa,EAAE;QAC3D,QAAQ,UAAA;QACR,kBAAkB,oBAAA;QAClB,MAAM,QAAA;KACP,CAAC,CAAA;IAEF,IAAI,OAAO,EAAE;QACX,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,eAAO,YAAY,CAAC,OAAO,iBACpD,uBAAC,oBAAiB,IAAC,GAAG,EAAE,YAAY,CAAC,MAAM,WAAI,YACnC,CACf,CAAA;KACF;IACD,IAAM,WAAW,GAAG,MAAM,CAAC,IAAI,CAAC,QAAQ,IAAI,EAAE,CAAC,CAAC,MAAM,GAAG,CAAC,CAAA;IAC1D,IAAI,WAAW,EAAE;QACf,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBAC9C,QAAQ,YACG,CACf,CAAA;KACF;IAED,OAAO,CACL,uBAAC,WAAW,eAAK,KAAK,IAAE,GAAG,EAAE,YAAY,CAAC,OAAO,gBAC/C,uBAAC,WAAI,IAAC,IAAI,EAAE,cAAc,EAAE,GAAG,EAAE,YAAY,CAAC,WAAW,WAAI,YACjD,CACf,CAAA;AACH,CAAC,CAAA;AAtCY,QAAA,WAAW,eAsCvB"}

package/dist/components/Drawer.d.ts

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

package/dist/components/Drawer.js

@@ -1,73 +0,0 @@
-"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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Drawer = void 0;
-var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
-var common_1 = require("@codeleap/common");
-var Overlay_1 = require("./Overlay");
-var View_1 = require("./View");
-var Text_1 = require("./Text");
-var Button_1 = require("./Button");
-var axisMap = {
-    top: [-1, 'Y'],
-    bottom: [1, 'Y'],
-    left: [-1, 'X'],
-    right: [1, 'X'],
-};
-var resolveHiddenDrawerPosition = function (position) {
-    var _a = axisMap[position], translateOrient = _a[0], translateAxis = _a[1];
-    var translateValues = {
-        X: 0,
-        Y: 0,
-    };
-    translateValues[translateAxis] = 100 * translateOrient;
-    var css = "translate(".concat(translateValues.X, "%, ").concat(translateValues.Y, "%)");
-    var positioningKeys = translateAxis === 'X' ? ['top', 'bottom'] : ['left', 'right'];
-    var positioning = Object.fromEntries(positioningKeys.map(function (k) { return [k, 0]; }));
-    return [css, translateAxis, positioning];
-};
-var Drawer = function (_a) {
-    var _b, _c;
-    var rawProps = __rest(_a, []);
-    var open = rawProps.open, toggle = rawProps.toggle, children = rawProps.children, size = rawProps.size, title = rawProps.title, footer = rawProps.footer, _d = rawProps.darkenBackground, darkenBackground = _d === void 0 ? true : _d, showCloseButton = rawProps.showCloseButton, _e = rawProps.position, position = _e === void 0 ? 'bottom' : _e, _f = rawProps.variants, variants = _f === void 0 ? [] : _f, _g = rawProps.responsiveVariants, responsiveVariants = _g === void 0 ? {} : _g, styles = rawProps.styles, _h = rawProps.animationDuration, animationDuration = _h === void 0 ? '0.3s' : _h;
-    (0, common_1.onUpdate)(function () {
-        if (open) {
-            document.body.style.overflow = 'hidden';
-        }
-        else {
-            document.body.style.overflow = 'auto';
-        }
-    }, [open]);
-    var _j = resolveHiddenDrawerPosition(position), hiddenStyle = _j[0], axis = _j[1], positioning = _j[2];
-    var sizeProperty = axis === 'X' ? 'width' : 'height';
-    var fullProperty = sizeProperty === 'height' ? 'width' : 'height';
-    var variantStyles = (0, common_1.useDefaultComponentStyle)('Drawer', {
-        styles: styles,
-        variants: variants,
-        responsiveVariants: responsiveVariants,
-    });
-    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: __assign(__assign({}, variantStyles.wrapper), { transition: 'visibility 0.01s ease', transitionDelay: open ? '0' : animationDuration, visibility: open ? 'visible' : 'hidden' }) }, { children: [darkenBackground && ((0, jsx_runtime_1.jsx)(Overlay_1.Overlay, { visible: open, css: variantStyles.overlay, onPress: function () { return toggle(); } }, void 0)), (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ variants: ['fixed'], css: __assign(__assign(__assign((_b = { transform: open ? "translate(0%, 0%)" : hiddenStyle, transition: "transform ".concat(animationDuration, " ease") }, _b[sizeProperty] = size, _b[fullProperty] = '100%', _b), positioning), (_c = {}, _c[position] = 0, _c)), variantStyles.box) }, { children: [(0, jsx_runtime_1.jsxs)(View_1.View, __assign({ component: 'header', variants: ['justifySpaceBetween'], css: variantStyles.header }, { children: [typeof title === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: title }, void 0) : title, showCloseButton && ((0, jsx_runtime_1.jsx)(Button_1.Button, { onPress: toggle, icon: 'close', variants: ['icon'], css: variantStyles.headerCloseButton }, void 0))] }), void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.body }, { children: children }), void 0), footer && ((0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'footer', css: variantStyles.footer }, { children: footer }), void 0))] }), void 0)] }), void 0));
-};
-exports.Drawer = Drawer;
-//# sourceMappingURL=Drawer.js.map

package/dist/components/Drawer.js.map

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

package/dist/components/FileInput.d.ts

@@ -1,8 +0,0 @@
-import React from 'react';
-import { WebInputFile } from '@codeleap/common';
-export declare type FileInputRef = {
-    openFilePicker: () => void;
-};
-export declare const FileInput: React.ForwardRefExoticComponent<Omit<Pick<React.DetailedHTMLProps<React.InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, "key" | keyof React.InputHTMLAttributes<HTMLInputElement>>, "type"> & {
-    onFileSelect(files: WebInputFile[]): void;
-} & React.RefAttributes<FileInputRef>>;