@codeleap/web 1.0.0

package/dist/components/PageRouter/MenuItem.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.js","sourceRoot":"","sources":["../../../src/components/PageRouter/MenuItem.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,gCAA8B;AAC9B,gCAAyC;AACzC,2CAAwF;AACxF,yCAAsC;AACtC,yDAAmD;AAEnD,IAAM,UAAU,GAAwC,UAAC,KAAK,IAAK,OAAA,uBAAC,WAAI,aAAC,SAAS,EAAE,yBAAQ,IAAM,KAAK,UAAG,EAAvC,CAAuC,CAAA;AAWnG,IAAM,QAAQ,GAA2B,UAAC,KAAK;IAC5C,IAAA,MAAM,GAAI,KAAK,OAAT,CAAS;IACjB,IAAA,KAAwB,KAAK,CAAC,IAAI,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,IAAI,UAAe,CAAC;IAEjC,IAAA,QAAQ,GAAK,IAAA,WAAG,GAAE,SAAV,CAAW;IAE3B,IAAM,QAAQ,GAAG,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC,CAAC;IACjC,IAAA,KAAK,GAAK,IAAA,iBAAQ,GAAE,MAAf,CAAe;IAC5B,IAAM,QAAQ,GAAG,KAAK,CAAC,KAAK,CAAC,IAAI,CAAC,OAAO,CAAC,CAAA;IAE1C,IAAI,QAAQ,EAAC;QACX,OAAS,wBAAC,UAAU,aAAE,EAAE,EAAE,IAAI,EAAE,GAAG,EAAE,CAAC,MAAM,CAAC,iBAAiB,CAAC,CAAC,iBAC9D,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;wBACH,MAAM,CAAC,sBAAsB,CAAC;wBAC9B,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;qBAC7C,EACD,GAAG,EAAE,KAAK,WACV,EACF,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,aACT,CAAA;KACd;IAED,OAAO,CAAC,wBAAC,UAAU,aAAC,EAAE,EAAE,IAAI,iBAC1B,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,WAAI,EACpB,uBAAC,WAAI,IACH,OAAO,EAAE,IAAI,EACb,GAAG,EAAE;oBACH,MAAM,CAAC,eAAe,CAAC;oBACvB,QAAQ,IAAI,MAAM,CAAC,wBAAwB,CAAC;iBAC7C,EACD,GAAG,EAAE,KAAK,WACV,aACS,CACZ,CAAC;AACJ,CAAC,CAAA;AApCY,QAAA,QAAQ,YAoCpB"}

package/dist/components/PageRouter/Router.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+declare type RouterProps = {
+    basePath: string;
+    style?: any;
+    defaultPath?: string;
+};
+export declare const Router: React.FC<RouterProps>;
+export {};

package/dist/components/PageRouter/Router.js

@@ -0,0 +1,27 @@
+"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 __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Router = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = __importDefault(require("react"));
+var router_1 = require("@reach/router");
+var Router = function (props) {
+    var children = props.children, style = props.style, basePath = props.basePath, defaultPath = props.defaultPath;
+    var base = "/:language".concat(basePath);
+    return ((0, jsx_runtime_1.jsx)(react_1.default.Fragment, { children: (0, jsx_runtime_1.jsx)(router_1.Router, __assign({ basepath: base }, { children: children }), void 0) }, void 0));
+};
+exports.Router = Router;
+//# sourceMappingURL=Router.js.map

package/dist/components/PageRouter/Router.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Router.js","sourceRoot":"","sources":["../../../src/components/PageRouter/Router.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;AAAA,gDAA0B;AAC1B,wCAAsD;AAQ/C,IAAM,MAAM,GAA0B,UAAC,KAAK;IACzC,IAAA,QAAQ,GAAmC,KAAK,SAAxC,EAAE,KAAK,GAA4B,KAAK,MAAjC,EAAE,QAAQ,GAAkB,KAAK,SAAvB,EAAE,WAAW,GAAK,KAAK,YAAV,CAAW;IACzD,IAAM,IAAI,GAAG,oBAAa,QAAQ,CAAE,CAAC;IAGrC,OAAO,CACL,uBAAC,eAAK,CAAC,QAAQ,cAEb,uBAAC,eAAW,aAAC,QAAQ,EAAE,IAAI,gBACxB,QAAQ,YACG,WACC,CAClB,CAAC;AACJ,CAAC,CAAC;AAbW,QAAA,MAAM,UAajB"}

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

@@ -0,0 +1,15 @@
+import React from 'react';
+import { ComponentVariants, IconPlaceholder, PageRouterComposition, PageRouterStyles } from '@codeleap/common';
+import { StylesOf } from '../../types/utility';
+export declare type RouteProps = {
+    title?: string;
+    path?: string;
+    menuIcon?: IconPlaceholder;
+};
+export * from './Router';
+declare type RouterPageProps = {
+    basePath: string;
+    styles?: StylesOf<PageRouterComposition>;
+    title?: string;
+} & ComponentVariants<typeof PageRouterStyles>;
+export declare const RouterPage: React.FC<RouterPageProps>;

package/dist/components/PageRouter/index.js

@@ -0,0 +1,76 @@
+"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 __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.RouterPage = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var View_1 = require("../View");
+var react_1 = __importStar(require("react"));
+var Menu_1 = require("./Menu");
+var Router_1 = require("./Router");
+var common_1 = require("@codeleap/common");
+var react_helmet_1 = require("react-helmet");
+var utils_1 = require("../../lib/utils");
+__exportStar(require("./Router"), exports);
+var RouterPage = function (props) {
+    var children = props.children, basePath = props.basePath, variants = props.variants, pageGroupTitle = props.title, responsiveVariants = props.responsiveVariants, styles = props.styles;
+    var pathName = (0, utils_1.url)().pathname;
+    var _a = (0, react_1.useMemo)(function () {
+        var items = [];
+        var defaultPath = '';
+        react_1.default.Children.forEach(children, function (c) {
+            if (react_1.default.isValidElement(c) && c.props) {
+                var _a = c.props, title = _a.title, path = _a.path, menuIcon = _a.menuIcon;
+                if ([title, path, menuIcon].some(function (i) { return !i; })) {
+                    return;
+                }
+                if (c.props.default)
+                    defaultPath = path;
+                items.push(__assign(__assign({}, c.props), { title: title, path: "".concat(basePath).concat(path), icon: menuIcon }));
+            }
+        });
+        return {
+            menuItems: items,
+            defaultPath: defaultPath,
+        };
+    }, [children]), menuItems = _a.menuItems, defaultPath = _a.defaultPath;
+    var variantStyles = (0, common_1.useComponentStyle)('PageRouter', { variants: variants, responsiveVariants: responsiveVariants, styles: styles });
+    var currentPage = menuItems.find(function (_a) {
+        var path = _a.path;
+        return pathName.includes(path);
+    });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(react_helmet_1.Helmet, { children: (0, jsx_runtime_1.jsx)("title", { children: (pageGroupTitle ? "".concat(pageGroupTitle, " | ") : '') + (currentPage ? currentPage === null || currentPage === void 0 ? void 0 : currentPage.title : '') }, void 0) }, void 0), (0, jsx_runtime_1.jsx)(Menu_1.Menu, { items: menuItems, styles: variantStyles }, void 0), (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: variantStyles.content }, { children: (0, jsx_runtime_1.jsx)(Router_1.Router, __assign({ defaultPath: defaultPath, basePath: basePath }, { children: children }), void 0) }), void 0)] }, void 0);
+};
+exports.RouterPage = RouterPage;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/PageRouter/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,gCAA8B;AAC9B,6CAAsC;AAEtC,+BAA6B;AAC7B,mCAAiC;AACjC,2CAAiI;AAEjI,6CAAqC;AACrC,yCAAqC;AASrC,2CAAwB;AAQjB,IAAM,UAAU,GAA6B,UAAC,KAAK;IACjD,IAAA,QAAQ,GAA6E,KAAK,SAAlF,EAAG,QAAQ,GAAkE,KAAK,SAAvE,EAAG,QAAQ,GAAuD,KAAK,SAA5D,EAAS,cAAc,GAAgC,KAAK,MAArC,EAAE,kBAAkB,GAAY,KAAK,mBAAjB,EAAE,MAAM,GAAI,KAAK,OAAT,CAAS;IACjG,IAAM,QAAQ,GAAG,IAAA,WAAG,GAAE,CAAC,QAAQ,CAAA;IAEzB,IAAA,KAA2B,IAAA,eAAO,EAAC;QACvC,IAAM,KAAK,GAAG,EAAE,CAAA;QAEhB,IAAI,WAAW,GAAG,EAAE,CAAA;QAEpB,eAAK,CAAC,QAAQ,CAAC,OAAO,CAAC,QAAQ,EAAE,UAAC,CAAC;YACjC,IAAI,eAAK,CAAC,cAAc,CAAC,CAAC,CAAC,IAAI,CAAC,CAAC,KAAK,EAAC;gBAC/B,IAAA,KAA0B,CAAC,CAAC,KAAK,EAAhC,KAAK,WAAA,EAAE,IAAI,UAAA,EAAE,QAAQ,cAAW,CAAA;gBACvC,IAAI,CAAC,KAAK,EAAE,IAAI,EAAE,QAAQ,CAAC,CAAC,IAAI,CAAC,UAAC,CAAC,IAAK,OAAA,CAAC,CAAC,EAAF,CAAE,CAAC,EAAC;oBAC1C,OAAM;iBACP;gBACD,IAAI,CAAC,CAAC,KAAK,CAAC,OAAO;oBAAE,WAAW,GAAG,IAAI,CAAA;gBACvC,KAAK,CAAC,IAAI,uBACL,CAAC,CAAC,KAAK,KACV,KAAK,OAAA,EACL,IAAI,EAAE,UAAG,QAAQ,SAAG,IAAI,CAAE,EAC1B,IAAI,EAAE,QAAQ,IACd,CAAA;aACH;QACH,CAAC,CAAC,CAAA;QAEF,OAAO;YACL,SAAS,EAAE,KAAK;YAChB,WAAW,aAAA;SACZ,CAAA;IAEH,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,EA1BP,SAAS,eAAA,EAAE,WAAW,iBA0Bf,CAAA;IAEd,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,YAAY,EAAE,EAAC,QAAQ,UAAA,EAAE,kBAAkB,oBAAA,EAAE,MAAM,QAAA,EAAC,CAAC,CAAA;IAE7F,IAAM,WAAW,GAAG,SAAS,CAAC,IAAI,CAAC,UAAC,EAAM;YAAL,IAAI,UAAA;QAAM,OAAA,QAAQ,CAAC,QAAQ,CAAC,IAAI,CAAC;IAAvB,CAAuB,CAAC,CAAA;IACvE,OAAO,6DACL,uBAAC,qBAAM,cACL,4CACG,CAAC,cAAc,CAAC,CAAC,CAAC,UAAG,cAAc,QAAK,CAAC,CAAC,CAAC,EAAE,CAAC,GAAG,CAAC,WAAW,CAAC,CAAC,CAAC,WAAW,aAAX,WAAW,uBAAX,WAAW,CAAE,KAAK,CAAC,CAAC,CAAC,EAAE,CAAC,WACnF,WACD,EACT,uBAAC,WAAI,IACH,KAAK,EAAE,SAAS,EAChB,MAAM,EAAE,aAAa,WACrB,EACF,uBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,gBAC9B,uBAAC,eAAM,aACL,WAAW,EAAE,WAAW,EACxB,QAAQ,EAAE,QAAQ,gBAEjB,QAAQ,YACF,YACJ,YACN,CAAA;AAEL,CAAC,CAAA;AAvDY,QAAA,UAAU,cAuDtB"}

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

@@ -0,0 +1,62 @@
+import { ReactNode, ComponentPropsWithoutRef } from 'react';
+import { ComponentVariants, RadioInputComposition, RadioInputStyles, StylesOf } from '@codeleap/common';
+export { WebRadioInputStyles } from './styles';
+declare type RadioItem<T extends unknown = any> = {
+    value: T;
+    label: ReactNode;
+};
+declare const getRadioStyle: (props: any) => Record<import("@codeleap/common").NestedKeys<import("@codeleap/common").FromVariantsBuilder<import("react").CSSProperties, {
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+}>>, any>;
+export declare type RadioButtonProps = Omit<ComponentPropsWithoutRef<'input'>, 'style'> & {
+    item: RadioItem;
+    select: () => void;
+    style: ReturnType<typeof getRadioStyle>;
+};
+export declare type RadioGroupProps<T> = {
+    options: RadioItem<T>[];
+    value: T;
+    onValueChange(value: T): void;
+    label: ReactNode;
+    styles?: StylesOf<RadioInputComposition>;
+} & ComponentVariants<typeof RadioInputStyles>;
+export declare const RadioButton: React.FC<RadioButtonProps>;
+export declare const RadioGroup: <T extends unknown>(radioGroupProps: RadioGroupProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/RadioInput/index.js

@@ -0,0 +1,53 @@
+"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.RadioGroup = exports.RadioButton = exports.WebRadioInputStyles = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var react_1 = require("react");
+var uuid_1 = require("uuid");
+var Text_1 = require("../Text");
+var Touchable_1 = require("../Touchable");
+var common_1 = require("@codeleap/common");
+var View_1 = require("../View");
+var styles_1 = require("./styles");
+Object.defineProperty(exports, "WebRadioInputStyles", { enumerable: true, get: function () { return styles_1.WebRadioInputStyles; } });
+var getRadioStyle = function (props) { return (0, common_1.useComponentStyle)('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"]);
+    var styleByState = checked ? style['button:checked'] : style['button:unchecked'];
+    return (0, jsx_runtime_1.jsxs)(Touchable_1.Touchable, __assign({ onPress: select, css: style.itemWrapper }, { children: [(0, jsx_runtime_1.jsx)(View_1.View, { css: __assign(__assign(__assign({}, style.button), styleByState), { '&:after': __assign(__assign({}, style['button:mark']), styleByState === null || styleByState === void 0 ? void 0 : styleByState['&:after']) }) }, void 0), typeof item.label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: item.label, css: style.itemText }, void 0) : item.label] }), void 0);
+};
+exports.RadioButton = RadioButton;
+var RadioGroup = function (radioGroupProps) {
+    var options = radioGroupProps.options, value = radioGroupProps.value, onValueChange = radioGroupProps.onValueChange, label = radioGroupProps.label, responsiveVariants = radioGroupProps.responsiveVariants, variants = radioGroupProps.variants, styles = radioGroupProps.styles;
+    var radioName = (0, react_1.useRef)((0, uuid_1.v4)()).current;
+    var radioStyle = getRadioStyle({
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    return (0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: radioStyle.wrapper }, { children: [typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { text: label }, void 0) : label, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ css: radioStyle.listWrapper }, { children: options === null || options === void 0 ? void 0 : options.map(function (item, idx) { return (0, jsx_runtime_1.jsx)(exports.RadioButton, { item: item, style: radioStyle, name: radioName, checked: value === item.value, select: function () { return onValueChange(item.value); } }, idx); }) }), void 0)] }), void 0);
+};
+exports.RadioGroup = RadioGroup;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/RadioInput/index.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,+BAAmE;AACnE,6BAAuB;AAEvB,gCAA6B;AAC7B,0CAAwC;AACxC,2CAA0H;AAC1H,gCAA8B;AAC9B,mCAA8C;AAArC,6GAAA,mBAAmB,OAAA;AAO5B,IAAM,aAAa,GAAG,UAAC,KAAK,IAAK,OAAA,IAAA,0BAAiB,EAAC,YAAY,EAAE,KAAK,CAAC,EAAtC,CAAsC,CAAA;AAiBhE,IAAM,WAAW,GAA8B,UAAC,EAAwC;IAAvC,IAAA,IAAI,UAAA,EAAE,MAAM,YAAA,EAAE,KAAK,WAAA,EAAE,OAAO,aAAA,EAAK,KAAK,cAAvC,sCAAwC,CAAD;IAC5F,IAAM,YAAY,GAAG,OAAO,CAAC,CAAC,CAAC,KAAK,CAAC,gBAAgB,CAAC,CAAC,CAAC,CAAC,KAAK,CAAC,kBAAkB,CAAC,CAAA;IAClF,OAAO,wBAAC,qBAAS,aAAE,OAAO,EAAE,MAAM,EAAE,GAAG,EAAE,KAAK,CAAC,WAAW,iBACxD,uBAAC,WAAI,IAAE,GAAG,iCACL,KAAK,CAAC,MAAM,GACZ,YAAY,KACf,SAAS,wBACJ,KAAK,CAAC,aAAa,CAAC,GACpB,YAAY,aAAZ,YAAY,uBAAZ,YAAY,CAAG,SAAS,CAAC,eAE5B,EACH,OAAO,IAAI,CAAC,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,KAAK,CAAC,QAAQ,WAAG,CAAC,CAAC,CAAC,IAAI,CAAC,KAAK,aACnF,CAAA;AACd,CAAC,CAAA;AAbY,QAAA,WAAW,eAavB;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;IACpG,IAAM,SAAS,GAAG,IAAA,cAAM,EAAC,IAAA,SAAE,GAAE,CAAC,CAAC,OAAO,CAAA;IAEtC,IAAM,UAAU,GAAG,aAAa,CAAC;QAC/B,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,OAAO,wBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,OAAO,iBACjC,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,IAAI,EAAE,KAAK,WAAG,CAAC,CAAC,CAAC,KAAK,EACzD,uBAAC,WAAI,aAAC,GAAG,EAAE,UAAU,CAAC,WAAW,gBAE7B,OAAO,aAAP,OAAO,uBAAP,OAAO,CAAE,GAAG,CAAC,UAAC,IAAI,EAAE,GAAG,IAAM,OAAA,uBAAC,mBAAW,IACvC,IAAI,EAAE,IAAI,EAEV,KAAK,EAAE,UAAU,EACjB,IAAI,EAAE,SAAS,EACf,OAAO,EAAE,KAAK,KAAK,IAAI,CAAC,KAAK,EAC7B,MAAM,EAAE,cAAM,OAAA,aAAa,CAAC,IAAI,CAAC,KAAK,CAAC,EAAzB,CAAyB,IAJlC,GAAG,CAKR,EAP2B,CAO3B,CAAC,YAEA,aACF,CAAA;AACT,CAAC,CAAA;AAxBY,QAAA,UAAU,cAwBtB"}

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

@@ -0,0 +1,43 @@
+import { RadioInputComposition } from '@codeleap/common';
+export declare const WebRadioInputStyles: {
+    default: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    square: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fixed: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    hidden: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    block: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    flex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    absolute: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    sticky: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    row: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    center: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    column: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    wrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inline: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    inlineFlex: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    full: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    noWrap: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullView: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewWidth: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    fullViewHeight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    whole: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    centerRow: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    listStyles: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    alignCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyStart: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyEnd: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifyCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    justifySpaceBetween: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textRight: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textLeft: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    textCenter: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    blur: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    elevated: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    neumorphism: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollX: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+    scrollXY: (theme: import("@codeleap/common").EnhancedTheme<import("@codeleap/common").AppTheme>, variant?: string) => Partial<Record<RadioInputComposition, any>>;
+};

package/dist/components/RadioInput/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.WebRadioInputStyles = void 0;
+var common_1 = require("@codeleap/common");
+var createRadioStyle = (0, common_1.createDefaultVariantFactory)();
+var defaultStyles = common_1.RadioInputStyles.default;
+exports.WebRadioInputStyles = __assign(__assign({}, common_1.RadioInputStyles), { default: createRadioStyle(function (theme) {
+        var style = defaultStyles(theme);
+        return __assign(__assign({}, style), { itemWrapper: __assign(__assign({}, style.itemWrapper), { cursor: 'pointer' }), button: __assign({ height: '1em', width: '1em', borderRadius: theme.borderRadius.large, border: theme.border.primary(1), position: 'relative' }, theme.spacing.marginRight(1)), 'button:mark': {
+                background: theme.colors.primary,
+                content: '""',
+                position: 'absolute',
+                left: '50%',
+                top: '50%',
+                transform: 'translate(-50%,-50%)',
+                borderRadius: theme.borderRadius.large,
+                height: '50%',
+                width: '50%',
+                visibility: 'hidden',
+            }, 'button:checked': {
+                '&:after': {
+                    visibility: 'visible',
+                },
+            } });
+    }), square: createRadioStyle(function () { return ({
+        'button:mark': {
+            borderRadius: '1px',
+        },
+        button: {
+            borderRadius: '1px',
+        },
+    }); }) });
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../src/components/RadioInput/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;AAAA,2CAAwG;AAExG,IAAM,gBAAgB,GAAG,IAAA,oCAA2B,GAAyB,CAAA;AAE7E,IAAM,aAAa,GAAG,yBAAgB,CAAC,OAAO,CAAA;AAEjC,QAAA,mBAAmB,yBAC3B,yBAAgB,KACnB,OAAO,EAAE,gBAAgB,CAAC,UAAC,KAAK;QAC9B,IAAM,KAAK,GAAG,aAAa,CAAC,KAAK,CAAC,CAAA;QAClC,6BACK,KAAK,KACR,WAAW,wBACN,KAAK,CAAC,WAAW,KACpB,MAAM,EAAE,SAAS,KAEnB,MAAM,aACJ,MAAM,EAAE,KAAK,EACb,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK,EACtC,MAAM,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO,CAAC,CAAC,CAAC,EAE/B,QAAQ,EAAE,UAAU,IACjB,KAAK,CAAC,OAAO,CAAC,WAAW,CAAC,CAAC,CAAC,GAGjC,aAAa,EAAE;gBACb,UAAU,EAAE,KAAK,CAAC,MAAM,CAAC,OAAO;gBAChC,OAAO,EAAE,IAAI;gBACb,QAAQ,EAAE,UAAU;gBACpB,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,KAAK;gBAEV,SAAS,EAAE,sBAAsB;gBACjC,YAAY,EAAE,KAAK,CAAC,YAAY,CAAC,KAAK;gBACtC,MAAM,EAAE,KAAK;gBACb,KAAK,EAAE,KAAK;gBACZ,UAAU,EAAE,QAAQ;aACrB,EACD,gBAAgB,EAAE;gBAChB,SAAS,EAAE;oBACT,UAAU,EAAE,SAAS;iBAEtB;aACF,IACF;IACH,CAAC,CAAC,EACF,MAAM,EAAE,gBAAgB,CAAC,cAAM,OAAA,CAAC;QAC9B,aAAa,EAAE;YACb,YAAY,EAAE,KAAK;SACpB;QACD,MAAM,EAAE;YACN,YAAY,EAAE,KAAK;SAEpB;KACF,CAAC,EAR6B,CAQ7B,CAAC,IACJ"}

package/dist/components/Select.d.ts

@@ -0,0 +1,17 @@
+import { SelectStyles, ComponentVariants, StylesOf, SelectComposition } from '@codeleap/common';
+import { ComponentPropsWithRef, ReactNode } from 'react';
+import { ViewProps } from './View';
+declare type NativeSelectProps = ComponentPropsWithRef<'select'>;
+declare type Option = {
+    label: string;
+    value: string | number;
+};
+export declare type SelectProps = NativeSelectProps & {
+    options: Array<Option>;
+    styles?: StylesOf<SelectComposition>;
+    label?: string | ReactNode;
+    wrapperProps?: ViewProps<'div'>;
+    onValueChange?: (value: string | number) => void;
+} & ComponentVariants<typeof SelectStyles>;
+export declare const Select: (selectProps: SelectProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Select.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);
+};
+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.Select = 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");
+var Select = function (selectProps) {
+    var _a = selectProps.variants, variants = _a === void 0 ? [] : _a, _b = selectProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, options = selectProps.options, styles = selectProps.styles, label = selectProps.label, onValueChange = selectProps.onValueChange, wrapperProps = selectProps.wrapperProps, value = selectProps.value, props = __rest(selectProps, ["variants", "responsiveVariants", "options", "styles", "label", "onValueChange", "wrapperProps", "value"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Select', {
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+        styles: styles,
+    });
+    function handleChange(e) {
+        props.onChange && props.onChange(e);
+        onValueChange && onValueChange(e.target.value);
+    }
+    return ((0, jsx_runtime_1.jsxs)(View_1.View, __assign({ css: variantStyles.wrapper }, wrapperProps, { children: [label ? (typeof label === 'string' ? (0, jsx_runtime_1.jsx)(Text_1.Text, { css: variantStyles.label, text: label }, void 0) : label) : null, (0, jsx_runtime_1.jsx)(View_1.View, __assign({ component: 'select', css: variantStyles.select }, props, { onChange: handleChange }, { children: options.map(function (option, index) { return ((0, jsx_runtime_1.jsx)("option", __assign({ value: option.value, selected: value == option.value }, { children: option.label }), index)); }) }), void 0)] }), void 0));
+};
+exports.Select = Select;
+//# sourceMappingURL=Select.js.map

package/dist/components/Select.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Select.js","sourceRoot":"","sources":["../../src/components/Select.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAAmH;AAEnH,+BAAyC;AACzC,+BAA8B;AAiBvB,IAAM,MAAM,GAAG,UAAC,WAAuB;IAE1C,IAAA,KASE,WAAW,SATA,EAAb,QAAQ,mBAAG,EAAE,KAAA,EACb,KAQE,WAAW,mBARU,EAAvB,kBAAkB,mBAAG,EAAE,KAAA,EACvB,OAAO,GAOL,WAAW,QAPN,EACP,MAAM,GAMJ,WAAW,OANP,EACN,KAAK,GAKH,WAAW,MALR,EACL,aAAa,GAIX,WAAW,cAJA,EACb,YAAY,GAGV,WAAW,aAHD,EACZ,KAAK,GAEH,WAAW,MAFR,EACF,KAAK,UACN,WAAW,EAVT,0GAUL,CADS,CACM;IAEhB,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,QAAQ,EAAE;QAChD,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;QACR,MAAM,QAAA;KACP,CAAC,CAAA;IACF,SAAS,YAAY,CAAC,CAAC;QACrB,KAAK,CAAC,QAAQ,IAAI,KAAK,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAA;QACnC,aAAa,IAAI,aAAa,CAAC,CAAC,CAAC,MAAM,CAAC,KAAK,CAAC,CAAA;IAEhD,CAAC;IACD,OAAO,CACL,wBAAC,WAAI,aAAC,GAAG,EAAE,aAAa,CAAC,OAAO,IAAM,YAAY,eAC/C,KAAK,CAAC,CAAC,CAAC,CACP,OAAO,KAAK,KAAK,QAAQ,CAAC,CAAC,CAAC,uBAAC,WAAI,IAAC,GAAG,EAAE,aAAa,CAAC,KAAK,EAAE,IAAI,EAAE,KAAK,WAAG,CAAC,CAAC,CAAC,KAAK,CACnF,CAAC,CAAC,CAAC,IAAI,EACR,uBAAC,WAAI,aAAC,SAAS,EAAC,QAAQ,EAAC,GAAG,EAAE,aAAa,CAAC,MAAM,IAAO,KAAK,IAAE,QAAQ,EAAE,YAAY,gBACnF,OAAO,CAAC,GAAG,CAAC,UAAC,MAAM,EAAE,KAAK,IAAK,OAAA,CAC9B,4CAAQ,KAAK,EAAE,MAAM,CAAC,KAAK,EAAc,QAAQ,EAAE,KAAK,IAAI,MAAM,CAAC,KAAK,gBACrE,MAAM,CAAC,KAAK,KADmB,KAAK,CAE9B,CACV,EAJ+B,CAI/B,CAAC,YACG,aACF,CACR,CAAA;AACH,CAAC,CAAA;AArCY,QAAA,MAAM,UAqClB"}

package/dist/components/Slider.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { SliderProps as RCSliderProps } from 'rc-slider';
+declare type SliderProps = RCSliderProps & {};
+export declare const Slider: React.FC<SliderProps>;
+export {};

package/dist/components/Slider.js

@@ -0,0 +1,36 @@
+"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.Slider = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var rc_slider_1 = __importDefault(require("rc-slider"));
+var Slider = function (sliderProps) {
+    var props = __rest(sliderProps, []);
+    return (0, jsx_runtime_1.jsx)(rc_slider_1.default, __assign({}, props), void 0);
+};
+exports.Slider = Slider;
+//# sourceMappingURL=Slider.js.map

package/dist/components/Slider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Slider.js","sourceRoot":"","sources":["../../src/components/Slider.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,wDAAgE;AAMzD,IAAM,MAAM,GAAyB,UAAC,WAAW;IACtD,IAEK,KAAK,UACN,WAAW,EAHT,EAGL,CAAc,CAAA;IAEf,OAAO,uBAAC,mBAAQ,eAAK,KAAK,UAAI,CAAA;AAChC,CAAC,CAAA;AAPY,QAAA,MAAM,UAOlB"}

package/dist/components/Text.d.ts

@@ -0,0 +1,9 @@
+import { ComponentVariants, TextComposition, TextStyles } from '@codeleap/common';
+import { ComponentPropsWithoutRef, ElementType } from 'react';
+import { StylesOf } from '../types/utility';
+export declare type TextProps<T extends ElementType> = {
+    component?: T;
+    text?: string;
+    styles?: StylesOf<TextComposition>;
+} & ComponentPropsWithoutRef<T> & ComponentVariants<typeof TextStyles>;
+export declare const Text: <T extends ElementType<any>>(textProps: TextProps<T>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/Text.js

@@ -0,0 +1,39 @@
+"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.Text = void 0;
+var jsx_runtime_1 = require("@emotion/react/jsx-runtime");
+var common_1 = require("@codeleap/common");
+var Text = function (textProps) {
+    var _a = textProps.variants, variants = _a === void 0 ? [] : _a, _b = textProps.responsiveVariants, responsiveVariants = _b === void 0 ? {} : _b, text = textProps.text, children = textProps.children, _c = textProps.component, component = _c === void 0 ? 'p' : _c, styles = textProps.styles, props = __rest(textProps, ["variants", "responsiveVariants", "text", "children", "component", "styles"]);
+    var variantStyles = (0, common_1.useComponentStyle)('Text', {
+        rootElement: 'text',
+        responsiveVariants: responsiveVariants,
+        variants: variants,
+    });
+    var Component = component;
+    return (0, jsx_runtime_1.jsx)(Component, __assign({}, props, { css: __assign(__assign(__assign({}, variantStyles.text), props.style), styles === null || styles === void 0 ? void 0 : styles.text) }, { children: text || children }), void 0);
+};
+exports.Text = Text;
+//# sourceMappingURL=Text.js.map

package/dist/components/Text.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"Text.js","sourceRoot":"","sources":["../../src/components/Text.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;AAEA,2CAAsG;AAU/F,IAAM,IAAI,GAAG,UAAyB,SAAsB;IAC1D,IAAA,KAA8F,SAAS,SAA1F,EAAb,QAAQ,mBAAG,EAAE,KAAA,EAAE,KAA+E,SAAS,mBAAhE,EAAxB,kBAAkB,mBAAI,EAAE,KAAA,EAAE,IAAI,GAAiD,SAAS,KAA1D,EAAE,QAAQ,GAAuC,SAAS,SAAhD,EAAE,KAAqC,SAAS,UAA/B,EAAf,SAAS,mBAAG,GAAG,KAAA,EAAE,MAAM,GAAc,SAAS,OAAvB,EAAK,KAAK,UAAI,SAAS,EAAxG,6EAA4F,CAAD,CAAa;IAC9G,IAAM,aAAa,GAAG,IAAA,0BAAiB,EAAC,MAAM,EAAE;QAC9C,WAAW,EAAE,MAAM;QACnB,kBAAkB,oBAAA;QAClB,QAAQ,UAAA;KACT,CAAC,CAAA;IAEF,IAAM,SAAS,GAAG,SAAS,CAAA;IAG3B,OAAO,uBAAC,SAAS,eAAK,KAAK,IAAE,GAAG,iCAAM,aAAa,CAAC,IAAI,GAAK,KAAK,CAAC,KAAK,GAAK,MAAM,aAAN,MAAM,uBAAN,MAAM,CAAE,IAAI,iBACtF,IAAI,IAAI,QAAQ,YACP,CAAA;AACd,CAAC,CAAA;AAdY,QAAA,IAAI,QAchB"}