@sellout/ui 0.0.57 → 0.0.60

package/build/components/TextButton.js

@@ -0,0 +1,39 @@
+import { Colors } from '../Colors.js';
+import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import React from 'react';
+import styled from 'styled-components';
+import Icon from './Icon.js';
+
+var TextButtonSizes;
+(function (TextButtonSizes) {
+    TextButtonSizes["Regular"] = "Regular";
+    TextButtonSizes["Small"] = "Small";
+})(TextButtonSizes || (TextButtonSizes = {}));
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: center;\n  margin: ", ";\n"])), function (props) { return props.margin; });
+var Text = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  font-size: ", ";\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"], ["\n  font-size: ",
+    ";\n  color: ", ";\n  text-decoration: underline;\n  cursor: pointer;\n  font-weight: 500;\n  &:hover {\n    text-decoration: none;\n  }\n"])), function (props) {
+    if (props.size === TextButtonSizes.Regular)
+        return "1.4rem";
+    if (props.size === TextButtonSizes.Small)
+        return "1.2rem";
+    return "1.4rem";
+}, Colors.Orange);
+var TextButton = function (_a) {
+    var children = _a.children, _b = _a.size, size = _b === void 0 ? TextButtonSizes.Regular : _b, onClick = _a.onClick, margin = _a.margin, icon = _a.icon, iconRotation = _a.iconRotation;
+    var iconSize = (function () {
+        if (size === TextButtonSizes.Regular) {
+            return 12;
+        }
+        if (size === TextButtonSizes.Small) {
+            return 10;
+        }
+        return 12;
+    })();
+    return (React.createElement(Container, { onClick: onClick ? onClick : function () { }, margin: margin },
+        icon && (React.createElement(Icon, { icon: icon, size: iconSize, color: Colors.Orange, margin: "0 7px 0 0", rotation: iconRotation })),
+        React.createElement(Text, { size: size }, children)));
+};
+var templateObject_1, templateObject_2;
+
+export default TextButton;
+export { TextButtonSizes };

package/build/components/Tip.d.ts

@@ -0,0 +1,7 @@
+import React from "react";
+declare type TipProps = {
+    tip?: string;
+    margin?: string;
+};
+declare const Tip: React.FC<TipProps>;
+export default Tip;

package/build/components/Tip.js

@@ -0,0 +1,18 @@
+import { Colors } from '../Colors.js';
+import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import React, { useLayoutEffect } from 'react';
+import styled from 'styled-components';
+import Icon, { Icons } from './Icon.js';
+
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  margin: ", ";\n"], ["\n  margin: ", ";\n"])), function (props) { return props.margin; });
+var Tip = function (_a) {
+    var tip = _a.tip, margin = _a.margin;
+    useLayoutEffect(function () {
+        // ReactTooltip.rebuild();
+    }, []);
+    return (React.createElement(Container, { margin: margin, "data-tip": tip },
+        React.createElement(Icon, { icon: Icons.InfotipSolid, color: Colors.Grey4, size: 12 })));
+};
+var templateObject_1;
+
+export default Tip;

package/build/components/UserImage.d.ts

@@ -0,0 +1,13 @@
+import React from 'react';
+declare type PropTypes = {
+    imageUrl?: string;
+    height?: string;
+    size?: string;
+    firstName: string;
+    lastName: string;
+    margin?: string;
+    invert?: boolean;
+    circle?: boolean;
+};
+declare const UserImage: React.FC<PropTypes>;
+export default UserImage;

package/build/components/UserImage.js

@@ -0,0 +1,20 @@
+import { Colors } from '../Colors.js';
+import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import React from 'react';
+import styled from 'styled-components';
+
+var UserImageDiv = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background-color: ", ";\n  height: ", ";\n  width: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  background-image: ", ";\n  background-position: center;\n  background-size: cover;\n"], ["\n  background-color: ", ";\n  height: ", ";\n  width: ", ";\n  min-height: ", ";\n  min-width: ", ";\n  border-radius: ", ";\n  color: ", ";\n  font-size: ", ";\n  font-weight: 600;\n  display: flex;\n  justify-content: center;\n  align-items: center;\n  margin: ", ";\n  background-image: ", ";\n  background-position: center;\n  background-size: cover;\n"])), function (props) { return (props.invert ? Colors.White : Colors.Grey1); }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return props.height; }, function (props) { return (props.circle ? '50%' : '0'); }, function (props) { return (props.invert ? Colors.Grey1 : Colors.White); }, function (props) { return props.size; }, function (props) { return props.margin || '0px 10px 0px 0px'; }, function (props) { return "url(" + props.src + ")"; });
+var UserImage = function (_a) {
+    var imageUrl = _a.imageUrl, _b = _a.height, height = _b === void 0 ? '45px' : _b, _c = _a.size, size = _c === void 0 ? '1.8rem' : _c, firstName = _a.firstName, lastName = _a.lastName, margin = _a.margin, invert = _a.invert, _d = _a.circle, circle = _d === void 0 ? true : _d;
+    if (!imageUrl) {
+        var userInitials = '?';
+        if (firstName && lastName) {
+            userInitials = "" + firstName.split('')[0] + lastName.split('')[0];
+        }
+        return (React.createElement(UserImageDiv, { height: height, margin: margin, invert: invert, size: size, circle: circle }, userInitials));
+    }
+    return (React.createElement(UserImageDiv, { src: imageUrl, height: height, margin: margin, circle: circle }));
+};
+var templateObject_1;
+
+export default UserImage;

package/build/components/UserInfo.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare enum UserInfoSizeEnum {
+    Regular = "Regular",
+    Large = "Large"
+}
+declare type UserInfoPropTypes = {
+    user?: any;
+    size?: UserInfoSizeEnum;
+    invert?: boolean;
+};
+declare const UserInfo: React.FC<UserInfoPropTypes>;
+export default UserInfo;

package/build/components/UserInfo.js

@@ -0,0 +1,38 @@
+import { Colors } from '../Colors.js';
+import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import React from 'react';
+import styled from 'styled-components';
+import UserImage from './UserImage.js';
+
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n"], ["\n  display: flex;\n"])));
+var Details = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"], ["\n  display: flex;\n  flex-direction: column;\n  justify-content: center;\n"])));
+var Name = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  font-size: 1.4rem;\n  color: ", ";\n  font-weight: 600;\n"], ["\n  font-size: 1.4rem;\n  color: ", ";\n  font-weight: 600;\n"])), Colors.Grey1);
+var Email = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  color: ", ";\n"], ["\n  font-size: 1.2rem;\n  color: ", ";\n"])), Colors.Grey2);
+var PhoneNumber = styled.div(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n  font-size: 1.2rem;\n  color: ", ";\n"], ["\n  font-size: 1.2rem;\n  color: ", ";\n"])), Colors.Grey2);
+var UserInfoSizeEnum;
+(function (UserInfoSizeEnum) {
+    UserInfoSizeEnum["Regular"] = "Regular";
+    UserInfoSizeEnum["Large"] = "Large";
+})(UserInfoSizeEnum || (UserInfoSizeEnum = {}));
+var UserInfo = function (_a) {
+    var _b = _a.user, user = _b === void 0 ? {} : _b, _c = _a.size, size = _c === void 0 ? UserInfoSizeEnum.Regular : _c, _d = _a.invert, invert = _d === void 0 ? false : _d;
+    var firstName = user.firstName, lastName = user.lastName, email = user.email, phoneNumber = user.phoneNumber, _e = user.userProfile, _f = (_e === void 0 ? {} : _e).imageUrl, imageUrl = _f === void 0 ? '' : _f;
+    var isLarge = size === UserInfoSizeEnum.Large;
+    var UserName = React.memo(function () { return React.createElement(Name, null,
+        firstName,
+        "\u00A0",
+        lastName); });
+    var UserEmail = React.memo(function () { return React.createElement(Email, null, email); });
+    var UserPhoneNumber = React.memo(function () { return React.createElement(PhoneNumber, null, phoneNumber); });
+    var height = isLarge ? '50px' : '36px';
+    return (React.createElement(Container, null,
+        React.createElement(UserImage, { imageUrl: imageUrl, height: height, size: isLarge ? "1.8rem" : "1.4rem", firstName: firstName, lastName: lastName, invert: invert }),
+        React.createElement(Details, null,
+            React.createElement(UserName, null),
+            React.createElement(UserEmail, null),
+            isLarge && React.createElement(UserPhoneNumber, null))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+
+export default UserInfo;
+export { UserInfoSizeEnum };

package/build/components/ValidationError.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+declare type ValidationErrorProps = {
+    validationError: string;
+};
+declare const ValidationError: React.FC<ValidationErrorProps>;
+export default ValidationError;

package/build/components/ValidationError.js

@@ -0,0 +1,23 @@
+import { Colors } from '../Colors.js';
+import { __makeTemplateObject } from '../_virtual/_tslib.js';
+import React from 'react';
+import styled from 'styled-components';
+import Icon, { Icons } from './Icon.js';
+import { FadeIn } from './Motion.js';
+
+var ValidationErrorRelative = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  position: relative;\n"], ["\n  position: relative;\n"])));
+var ValidationErrorAbsolute = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  z-index: 700;\n  width: fit-content;\n  height: 50px;\n"], ["\n  position: absolute;\n  z-index: 700;\n  width: fit-content;\n  height: 50px;\n"])));
+var ValidationErrorBox = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  margin-top: 5px;\n  padding:  10px 15px;\n  width: fit-content;\n  justify-content: center;\n"], ["\n  background: ", ";\n  border: 1px solid ", ";\n  box-sizing: border-box;\n  box-shadow: 0px 4px 16px rgba(0, 0, 0, 0.1);\n  border-radius: 10px;\n  display: flex;\n  align-items: center;\n  margin-top: 5px;\n  padding:  10px 15px;\n  width: fit-content;\n  justify-content: center;\n"])), Colors.White, Colors.Grey5);
+var ValidationErrorText = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  margin-left: 10px;\n  font-weight: 500;\n  color: ", ";\n"], ["\n  margin-left: 10px;\n  font-weight: 500;\n  color: ", ";\n"])), Colors.Grey2);
+var ValidationError = function (_a) {
+    var validationError = _a.validationError;
+    return (React.createElement(ValidationErrorRelative, null,
+        React.createElement(ValidationErrorAbsolute, null,
+            React.createElement(FadeIn, null,
+                React.createElement(ValidationErrorBox, null,
+                    React.createElement(Icon, { icon: Icons.Warning, size: 16, color: Colors.Yellow }),
+                    React.createElement(ValidationErrorText, null, validationError))))));
+};
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
+
+export default ValidationError;

package/build/components/VerticalUserInfo.d.ts

@@ -0,0 +1,12 @@
+import React from 'react';
+export declare enum UserInfoSizeEnum {
+    Regular = "Regular",
+    Large = "Large"
+}
+declare type UserInfoPropTypes = {
+    user?: any;
+    size?: UserInfoSizeEnum;
+    invert?: boolean;
+};
+declare const VerticalUserInfo: React.FC<UserInfoPropTypes>;
+export default VerticalUserInfo;

package/build/index.d.ts

@@ -1,132 +1,24 @@
 import { Colors } from "./Colors";
-import Button, { ButtonTypes, ButtonStates } from './components/Button';
+import Button from './components/Button';
+import CodeInput from "./components/CodeInput";
 import Counter from "./components/Counter";
-import Icon from "./components/Icon";
+import Dropdown from "./components/Dropdown";
+import Flex from "./components/Flex";
+import Icon, { Icons } from "./components/Icon";
 import Input from "./components/Input";
+import Label from "./components/Label";
+import MaxLength from "./components/MaxLength";
+import * as Motion from "./components/Motion";
 import Loader, { LoaderSizes } from "./components/Loader";
+import PhoneNumberInput from "./components/PhoneNumberInput";
 import Product from "./components/Product";
+import TextButton from './components/TextButton';
+import Tip from "./components/Tip";
+import UserImage from './components/UserImage';
+import UserInfo from './components/UserInfo';
+import ValidationError from './components/ValidationError';
+import * as ErrorUtil from './utils/ErrorUtil';
 import makeEventHandler from './utils/makeEventHandler';
-declare const Icons: {
-    AnalyticsLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BellLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BoxOfficeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BullHornLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarDayLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarStarLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CheckLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EnvelopeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EnvelopeOpenRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ExportLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FilterLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    HelpLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    HomeLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Lock: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    mapPinLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    MicrophoneLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    MinusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    MobileLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PlusCircleLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ReceiptLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SearchLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SortByLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UnlockLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UploadLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UserLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UsersLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    VenueLight: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AnalyticsSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarStarSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CreditCardFront: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FeeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    KeySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LongRightArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ReportSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SortBy: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UpgradeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AudienceRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BoldRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalculatorRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CheckRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Cheers: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Clipboard: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CrownRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DeleteRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Dollar: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DownArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DownloadReport: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Embed: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FeeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    FilterRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GlobeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    GraphGrowth: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ItalicRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    KeyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LeftChevronRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LinkRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PrintRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ReportRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SearchRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Settings: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SignOut: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SyncRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    TicketRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UnderlineRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UnlockRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UpArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Update: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UpgradeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UsersRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    AudienceSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BackArrow: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BoxOfficeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    BullhornSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalculatorSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarDaySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Cancel: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CancelCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CaretDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Cash: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CheckCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CopySolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CreditCardBack: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CrownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Cursor: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    DeleteSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EnvelopeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EyeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    HelpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    HomeSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    InfotipSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LeftArrowSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    LeftChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Menu: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    MicrophoneSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    MobileSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Plus: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PlusCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    PrintSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ReceiptSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    RightChevronCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    RightChevronSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SearchSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Sort: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ThumbsUpSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    ThumbsDownSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    TicketSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UserCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UserSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UsersSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    VenueSolid: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Warning: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CalendarRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Clock: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    CopyRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Edit: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EyeRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    EyeSlashRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    Help: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    SadTear: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    UserRegular: import("@fortawesome/fontawesome-common-types").IconDefinition;
-};
-export { Colors, Button, ButtonTypes, ButtonStates, Counter, Icon, Icons, Input, Loader, LoaderSizes, Product, makeEventHandler };
+import * as MediaQuery from './utils/MediaQuery';
+import * as Validation from './utils/Validation';
+export { Colors, Button, CodeInput, Counter, Dropdown, Flex, Icon, Icons, Input, Label, MaxLength, Loader, LoaderSizes, Motion, PhoneNumberInput, Product, TextButton, Tip, UserImage, UserInfo, ValidationError, ErrorUtil, makeEventHandler, MediaQuery, Validation, };