@mindly/ui-components 5.98.18 → 5.98.20

package/dist/esm/lib/StarRating/StarRating.js

@@ -1,23 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import Rating from 'react-rating';
-import { decOfNum } from '../Consultations/utils';
-import { RatingSection } from './StarRating.style';
-import { ReactComponent as EmptyStarIcon } from './/empty-start-icon.svg';
-import { ReactComponent as FillStarIcon } from './/fill-star-icon.svg';
-const StarRating = (_a) => {
-    var _b;
-    var { averageStarsCount, countOfReviews, translations } = _a, props = __rest(_a, ["averageStarsCount", "countOfReviews", "translations"]);
-    return (_jsxs(RatingSection, { children: [_jsx(Rating, Object.assign({ fullSymbol: _jsx(FillStarIcon, {}), emptySymbol: _jsx(EmptyStarIcon, {}), fractions: 10, className: 'rating', readonly: true, initialRating: averageStarsCount }, props)), !!countOfReviews && (_jsxs("p", { children: [countOfReviews, ' ', decOfNum(countOfReviews, (_b = translations === null || translations === void 0 ? void 0 : translations.reviews) !== null && _b !== void 0 ? _b : [])] }))] }));
-};
-export default StarRating;

package/dist/esm/lib/StarRating/StarRating.style.js

@@ -1,20 +0,0 @@
-import styled from 'styled-components';
-export const RatingSection = styled.div `
-  display: flex;
-  align-items: center;
-  gap: 10px;
-
-  color: #5b5b5b;
-
-  p {
-    font-style: normal;
-    font-weight: 400;
-    font-size: 12px;
-    line-height: 14px;
-  }
-
-  .rating {
-    display: flex !important;
-    gap: 4px;
-  }
-`;

package/dist/esm/lib/StarRating/index.js

@@ -1 +0,0 @@
-export { default } from './StarRating';

package/dist/esm/lib/StatisticsScroll/StatisticsScroll.js

@@ -1,41 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { StyledContainerItem, StyleSpecialistStatisticsContainer, } from './StatisticsScroll.style';
-import { shieldCheckmark } from 'ionicons/icons';
-import { IonIcon } from '@ionic/react';
-import { decOfNum } from '../Consultations/utils';
-import Skeleton from '../Skeleton';
-const StatisticsScroll = ({ trust, activeClients, sessionDuration, sessionsCount, pricePerSession, priceCurrencySign, hoursOfPractice, yearOfExperience, showLoader, subscriptionBalance, subscriptionStatus, translations, }) => {
-    var _a, _b;
-    return (_jsx("div", { children: !showLoader ? (_jsxs(StyleSpecialistStatisticsContainer, Object.assign({ initialSlide: 0, slidesPerView: 'auto' }, { children: [trust && (_jsxs(StyledContainerItem, Object.assign({ className: 'gap-2px', leftGap: 0, widthInPx: 86, rightGap: 20 }, { children: [_jsx(IonIcon, { icon: shieldCheckmark }), _jsx("p", Object.assign({ className: 'caption' }, { children: translations === null || translations === void 0 ? void 0 : translations.checked }))] }))), typeof subscriptionStatus === 'boolean' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 79, rightGap: 20 }, { children: [_jsx("h4", Object.assign({ className: subscriptionStatus ? 'green' : 'red' }, { children: translations === null || translations === void 0 ? void 0 : translations.active })), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.subscription })] }))), typeof subscriptionBalance === 'number' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 49, rightGap: 20 }, { children: [_jsx("h4", { children: subscriptionBalance }), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.balance })] }))), typeof pricePerSession === 'number' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 66, rightGap: 20 }, { children: [_jsx("h4", { children: `${pricePerSession.toLocaleString('uk-UK', {
-                                maximumFractionDigits: 2,
-                            })}${priceCurrencySign}` }), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.perSessions })] }), "session")), !!activeClients && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 53, rightGap: 20 }, { children: [_jsx("h4", { children: activeClients }), _jsx("p", { children: decOfNum(activeClients, (_a = translations === null || translations === void 0 ? void 0 : translations.clients) !== null && _a !== void 0 ? _a : []) })] }), "clients")), !!sessionsCount && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 52, rightGap: 20 }, { children: [_jsx("h4", { children: sessionsCount }), _jsx("p", { children: decOfNum(sessionsCount, (_b = translations === null || translations === void 0 ? void 0 : translations.sessions) !== null && _b !== void 0 ? _b : []) })] }), "session2")), typeof hoursOfPractice === 'number' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 115, rightGap: 12 }, { children: [_jsxs("h4", { children: [hoursOfPractice.toLocaleString('uk-UK', {
-                                    maximumFractionDigits: 2,
-                                }), "+"] }), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.practice })] }), "hours")), typeof yearOfExperience === 'number' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 130, rightGap: 10 }, { children: [_jsx("h4", { children: yearOfExperience }), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.experience })] }), "years")), typeof sessionDuration === 'number' && (_jsxs(StyledContainerItem, Object.assign({ widthInPx: 78 }, { children: [_jsxs("h4", { children: [sessionDuration, " ", translations === null || translations === void 0 ? void 0 : translations.minutes] }), _jsx("p", { children: translations === null || translations === void 0 ? void 0 : translations.perSession })] }), "duration"))] }), 'slider')) : (_jsxs("div", Object.assign({ style: {
-                display: 'flex',
-                justifyContent: 'space-between',
-                borderTop: '1px solid #eeeeee',
-                borderBottom: '1px solid #eeeeee',
-                padding: '14px 16px',
-            } }, { children: [_jsx("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: _jsx(Skeleton, { widthPx: 86, heightPx: 44 }) })), _jsx("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: _jsx(Skeleton, { widthPx: 86, heightPx: 44 }) })), _jsx("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: _jsx(Skeleton, { widthPx: 86, heightPx: 44 }) })), _jsx("div", Object.assign({ style: {
-                        display: 'flex',
-                        alignItems: 'center',
-                        flexDirection: 'column',
-                        marginRight: '10px',
-                    } }, { children: _jsx(Skeleton, { widthPx: 86, heightPx: 44 }) }))] }))) }));
-};
-export default StatisticsScroll;

package/dist/esm/lib/StatisticsScroll/StatisticsScroll.style.js

@@ -1,62 +0,0 @@
-import styled from 'styled-components';
-import { Swiper, SwiperSlide } from 'swiper/react';
-export const StyleSpecialistStatisticsContainer = styled(Swiper) `
-  max-width: 100%;
-  width: 100%;
-  padding: 14px 16px !important;
-  border-top: 1px solid #eeeeee;
-  border-bottom: 1px solid #eeeeee;
-`;
-export const StyledContainerItem = styled(SwiperSlide) `
-  display: flex;
-
-  align-items: center;
-  justify-content: center;
-
-  flex-direction: column;
-
-  width: ${(props) => props.widthInPx ? `${props.widthInPx}px` : ''} !important;
-  margin-left: ${(props) => (props.leftGap ? `${props.leftGap}px` : '0px')};
-  margin-right: ${(props) => (props.rightGap ? `${props.rightGap}px` : '0px')};
-  gap: 8px;
-
-  text-align: center;
-
-  p {
-    flex-shrink: 0;
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #5b5b5b;
-  }
-
-  h4 {
-    font-style: normal;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: #1d201f;
-
-    &.red {
-      color: #c13e18;
-    }
-
-    &.green {
-      color: #26b183;
-    }
-  }
-
-  &.gap-2px {
-    gap: 2px;
-  }
-
-  ion-icon {
-    width: 24px;
-    height: 24px;
-
-    color: #26b183;
-  }
-`;

package/dist/esm/lib/StatisticsScroll/index.js

@@ -1 +0,0 @@
-export { default } from './StatisticsScroll';

package/dist/esm/lib/StatisticsScroll/utils.js

@@ -1,12 +0,0 @@
-export const sessionCountDeclension = (sessionCount) => {
-    const stringValue = sessionCount.toString();
-    const lastDigit = +stringValue[stringValue.length - 1];
-    if (lastDigit === 1 &&
-        stringValue.substring(stringValue.length - 2, stringValue.length) !== '11')
-        return 'сесію';
-    if (lastDigit > 1 && lastDigit < 5)
-        return 'сесії';
-    if (sessionCount > 5 || sessionCount === 0)
-        return 'сесій';
-    return 'сесії';
-};

package/dist/esm/lib/StatusTag/StatusTag.js

@@ -1,18 +0,0 @@
-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;
-};
-import { jsx as _jsx } from "react/jsx-runtime";
-import { StatusTagContainer } from './StatusTag.style';
-const StatusTag = (_a) => {
-    var { children } = _a, props = __rest(_a, ["children"]);
-    return _jsx(StatusTagContainer, Object.assign({ dimension: props.dimension, tagColor: props.tagColor }, props, { children: children }));
-};
-export default StatusTag;

package/dist/esm/lib/StatusTag/StatusTag.style.js

@@ -1,34 +0,0 @@
-import styled from 'styled-components';
-export const StatusTagContainer = styled.div `
-  width: auto;
-  height: ${props => props.dimension ? `${props.dimension}px` : '24px'};
-
-  white-space: nowrap;
-  
-  margin: 8px;
-
-  display: flex;
-  gap: 10px;
-  
-  align-items: center;
-
-  background-color: ${props => props.tagColor || '#ffffff'};
-  border-radius: 30px;
-  padding: 5px 10px;
-
-  ion-icon {
-    width: 14px;
-    height: 14px;
-
-    color: #1d201f;
-  }
-
-  h5,
-  h6,
-  p {
-    color: #1d201f;
-    font-style: normal;
-    font-weight: 500;
-    font-size: 10px;
-  }
-`;

package/dist/esm/lib/StatusTag/index.js

@@ -1 +0,0 @@
-export { default } from './StatusTag';

package/dist/esm/lib/SuccessScreen/SuccessScreen.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { SuccessContainer, SuccessWrapper } from './SuccessScreen.style';
-import { ReactComponent as CheckIcon } from './checkmark-done.svg';
-const SuccessScreen = ({ title, subTitle, btnTitle = 'Готово', onClick, }) => {
-    return (_jsx(SuccessWrapper, { children: _jsxs(SuccessContainer, { children: [_jsx(CheckIcon, {}), _jsx("div", Object.assign({ className: "success-title" }, { children: title })), subTitle && _jsx("div", Object.assign({ className: "success-desc" }, { children: subTitle })), _jsx("button", Object.assign({ className: "success-btn", onClick: onClick }, { children: btnTitle }))] }) }));
-};
-export default SuccessScreen;

package/dist/esm/lib/SuccessScreen/SuccessScreen.style.js

@@ -1,50 +0,0 @@
-import styled from 'styled-components';
-import { isPlatform } from '@ionic/react';
-import { maxContainerWidth } from '../Theme/mindly_constants';
-export const SuccessWrapper = styled.div `
-  position: fixed;
-  top: 0;
-  left: 0;
-  width: 100vw;
-  height: 100vh;
-  background: #26b183;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  padding: 16px;
-`;
-export const SuccessContainer = styled.div `
-  width: ${!isPlatform('desktop') ? '100%' : maxContainerWidth};
-  display: flex;
-  flex-direction: column;
-  row-gap: 24px;
-
-  & .success-title {
-    font-weight: 600;
-    font-size: 20px;
-    color: #ffffff;
-    margin-top: -8px;
-  }
-
-  & .success-btn {
-    outline: none;
-    background: transparent;
-    border: 1px solid #ffffff;
-    border-radius: 10px;
-    font-weight: 600;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    padding: 15px;
-    width: 200px;
-  }
-
-  & .success-desc {
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-    color: #ffffff;
-    margin-top: -12px;
-  }
-`;

package/dist/esm/lib/SuccessScreen/index.js

@@ -1 +0,0 @@
-export { default } from './SuccessScreen';

package/dist/esm/lib/SwitchDeviceCard/ListItem/ListItem.js

@@ -1,19 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { checkmark } from 'ionicons/icons';
-import { StyledListItem, StyledListItemDeviceIcon } from './ListItem.styled';
-const ListItem = (_a) => {
-    var { isActive, icon, label } = _a, props = __rest(_a, ["isActive", "icon", "label"]);
-    return (_jsxs(StyledListItem, Object.assign({}, props, { children: [_jsx(StyledListItemDeviceIcon, { icon: icon }), _jsx("h2", { children: label !== null && label !== void 0 ? label : '' }), isActive && (_jsx(StyledListItemDeviceIcon, { className: 'end', icon: checkmark }))] })));
-};
-export default ListItem;

package/dist/esm/lib/SwitchDeviceCard/ListItem/ListItem.styled.js

@@ -1,65 +0,0 @@
-import styled from 'styled-components';
-import { IonIcon } from '@ionic/react';
-export const StyledListItemDeviceIcon = styled(IonIcon) `
-  min-width: 20px !important;
-  min-height: 20px !important;
-
-  &.end {
-    justify-self: end;
-  }
-`;
-export const StyledListItem = styled.li `
-  padding: 20px 24px;
-
-  width: 100%;
-  height: 52px;
-
-  border-bottom: 1px solid rgba(255, 255, 255, 0.1);
-
-  display: flex;
-  gap: 12px;
-
-  align-items: center;
-
-  &:hover {
-    background-color: rgba(255, 255, 255, 0.1);
-    cursor: pointer;
-  }
-
-  &:last-child {
-    border-bottom: none;
-  }
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    overflow: hidden;
-    color: white;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-
-  &.active {
-    & ion-icon {
-      color: #177590;
-    }
-
-    h2 {
-      color: #177590;
-    }
-  }
-
-  &.danger {
-    & ion-icon {
-      color: #ff0000;
-    }
-
-    h2 {
-      color: #ff0000;
-    }
-  }
-`;

package/dist/esm/lib/SwitchDeviceCard/SwitchDeviceCard.js

@@ -1,41 +0,0 @@
-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;
-};
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useMemo } from 'react';
-import { micOffOutline, micOutline, videocamOffOutline, videocamOutline, } from 'ionicons/icons';
-import ListItem from './ListItem/ListItem';
-import { StyledVideoCallSwitchDeviceContainer, StyledVideoCallSwitchDeviceHeading, StyledVideoCallSwitchDeviceList, } from './SwitchDeviceCard.styled';
-const SwitchDeviceCard = (_a) => {
-    var { translations } = _a, props = __rest(_a, ["translations"]);
-    const availableDeviceList = useMemo(() => {
-        var _a;
-        const tempList = (_a = props.deviceList) === null || _a === void 0 ? void 0 : _a.map((el, index) => {
-            if (el.kind.includes('audiooutput'))
-                return null;
-            const isActive = !!props.activeDeviceID && el.deviceId === props.activeDeviceID;
-            const ionicIcon = el.kind.includes('audioinput')
-                ? micOutline
-                : el.kind.includes('videoinput')
-                    ? videocamOutline
-                    : undefined;
-            const fallbackText = `${props.deviceType === 'audio' ? translations.micro : translations.camera} ${index + 1}`;
-            return (_jsx(ListItem, { className: isActive ? 'active ' : '', onClick: () => props.onClickDeviceHandler &&
-                    props.onClickDeviceHandler(el.deviceId), label: el.label.length ? el.label : fallbackText, icon: ionicIcon, isActive: isActive }, `${el.deviceId}_${index}`));
-        });
-        if (props.disableDeviceHandler && tempList) {
-            tempList.push(_jsx(ListItem, { className: `${props.isDisabled ? 'active' : ''} danger`, onClick: props.disableDeviceHandler, label: translations.offText, icon: props.deviceType === 'video' ? videocamOffOutline : micOffOutline, isActive: props.isDisabled }, 'disable_device'));
-        }
-        return tempList;
-    }, [props.activeDeviceID, props.onClickDeviceHandler]);
-    return (_jsxs(StyledVideoCallSwitchDeviceContainer, { children: [props.heading && (_jsx(StyledVideoCallSwitchDeviceHeading, { children: _jsx("h2", { children: props.heading }) })), _jsx(StyledVideoCallSwitchDeviceList, { children: availableDeviceList })] }));
-};
-export default SwitchDeviceCard;

package/dist/esm/lib/SwitchDeviceCard/SwitchDeviceCard.styled.js

@@ -1,31 +0,0 @@
-import styled from 'styled-components';
-export const StyledVideoCallSwitchDeviceContainer = styled.div `
-  background-color: #1d201f;
-  color: white;
-  width: auto;
-  height: auto;
-`;
-export const StyledVideoCallSwitchDeviceHeading = styled.div `
-  height: 59px;
-
-  background-color: #2d3130;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  h2 {
-    font-family: 'Inter';
-    font-style: normal;
-    font-weight: 400;
-    font-size: 14px;
-    line-height: 16px;
-
-    color: white;
-  }
-`;
-export const StyledVideoCallSwitchDeviceList = styled.ul `
-  margin: 0;
-  padding: 0;
-  list-style: none;
-`;

package/dist/esm/lib/SwitchDeviceCard/index.js

@@ -1 +0,0 @@
-export { default } from './SwitchDeviceCard';

package/dist/esm/lib/Tag/Tag.js

@@ -1,6 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { TagContainer } from './Tag.style';
-const Tag = ({ children }) => {
-    return _jsx(TagContainer, { children: children });
-};
-export default Tag;

package/dist/esm/lib/Tag/Tag.style.js

@@ -1,32 +0,0 @@
-import styled from 'styled-components';
-export const TagContainer = styled.div `
-  max-width: 100%;
-  height: 30px;
-
-  display: flex;
-  align-items: center;
-  justify-content: center;
-
-  background: #f2f4f7;
-  border-radius: 30px;
-
-  padding: 8px 10px;
-
-  overflow: hidden;
-  text-overflow: ellipsis;
-  white-space: nowrap;
-
-  h1,
-  h2,
-  h3,
-  h4,
-  h5,
-  h6,
-  h7,
-  p,
-  a {
-    overflow: hidden;
-    text-overflow: ellipsis;
-    white-space: nowrap;
-  }
-`;

package/dist/esm/lib/Tag/index.js

@@ -1 +0,0 @@
-export { default } from './Tag';

package/dist/esm/lib/Theme/mindly_constants.js

@@ -1,22 +0,0 @@
-export const colorConstants = {
-    primaryColor: '#177590',
-    secondaryColor: '#F0FBFF',
-    primaryTextColor: '#1D201F',
-    secondaryTextColor: '#5B5B5B',
-    AccentStrokeColor: '#EDEFF2',
-    AccentDisabledColor: '#C1C1C1',
-    AccentCrossColor: '#A31621',
-    AccentTickColor: '#478862',
-    AccentInputBgColor: '#F5F9FF',
-    AccentTabsBgColor: '#D6F2F9',
-    AccentCross: '#C13E18',
-    White: '#FFFFFF',
-    AccentAchieveBgNew: '#E7E7E7',
-    StrokeGray: '#F2F4F7',
-    AccentSurveyButton: '#E9F7FB',
-    AccentCancelActive: '#F5939A',
-    AccentActiveButtonBG: '#90D5E8',
-    AccentDivider: '#E5E5E5',
-    AccentGrayBlue: '#E8ECF2',
-};
-export const maxContainerWidth = '410px';

package/dist/esm/lib/Toast/Toast.js

@@ -1,10 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { ButtonsContainer, ToastContainer, ToastHeading, ToastText, } from './Toast.style';
-import CustomButton from '../CustomButton';
-const Toast = ({ position = 'bottom', positionOffset = 0, buttons, text, heading, }) => {
-    return (_jsxs(ToastContainer, Object.assign({ position: position, positionOffset: positionOffset }, { children: [heading && _jsx(ToastHeading, { children: heading }), _jsx(ToastText, { children: text }), (buttons === null || buttons === void 0 ? void 0 : buttons.length) && (_jsx(ButtonsContainer, { children: buttons
-                    .filter((el) => !el.hide)
-                    .map((button, index) => (_jsx(CustomButton, Object.assign({ buttonType: button.type === 'outlined' ? 'border-white' : 'white', onClick: button.handler, style: { fontSize: '12px', lineHeight: '14px' } }, { children: button.text }), index))) }))] })));
-};
-Toast.displayName = 'Toast';
-export default Toast;

package/dist/esm/lib/Toast/Toast.style.js

@@ -1,81 +0,0 @@
-import styled from 'styled-components';
-export const ToastContainer = styled.div `
-  position: absolute;
-
-  left: 50%;
-  transform: translate(-50%);
-
-  ${({ position = 'top', positionOffset }) => position === 'top'
-    ? `top: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-top))`
-        : '16px'};`
-    : ''}
-  ${({ position, positionOffset }) => position === 'bottom'
-    ? `bottom: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-bottom))`
-        : '16px'};`
-    : ''}
-
-  width: calc(100% - 32px);
-  max-width: 410px;
-  height: auto;
-  margin: auto;
-
-  background: #1d201f;
-  border-radius: 10px;
-
-  padding: 16px;
-
-  color: #ffffff;
-
-  animation-name: jump;
-  animation-duration: 500ms;
-  animation-fill-mode: forwards;
-
-  @keyframes jump {
-    0% {
-      ${({ position = 'top' }) => (position === 'top' ? `top: -30%;` : '')}
-      ${({ position }) => (position === 'bottom' ? `bottom: -30%;` : '')}
-    }
-    100% {
-      ${({ position = 'top', positionOffset }) => position === 'top'
-    ? `top: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-top))`
-        : '16px'};`
-    : ''}
-      ${({ position, positionOffset }) => position === 'bottom'
-    ? `bottom: ${positionOffset
-        ? `calc(${positionOffset}px + var(--ion-safe-area-bottom))`
-        : '16px'};`
-    : ''}
-    }
-  }
-`;
-export const ToastHeading = styled.h1 `
-  margin-top: 0;
-  margin-bottom: 5px;
-  font-style: normal;
-  font-weight: 600;
-  font-size: 18px;
-  line-height: 24px;
-  /* identical to box height, or 133% */
-
-  /* accent/white */
-
-  color: #ffffff;
-`;
-export const ToastText = styled.h3 `
-  margin: 0;
-  font-style: normal;
-  font-weight: 400;
-  font-size: 14px;
-  line-height: 16px;
-
-  color: #ffffff;
-`;
-export const ButtonsContainer = styled.div `
-  display: flex;
-  margin-top: 16px;
-  justify-content: space-between;
-  gap: 11px;
-`;

package/dist/esm/lib/Toast/index.js

@@ -1 +0,0 @@
-export { default } from './Toast';

package/dist/esm/lib/TooltipComponent/TooltipComponent.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { IonIcon } from '@ionic/react';
-import { helpOutline } from 'ionicons/icons';
-import { TooltipContent, TooltipWrapper } from './TooltipComponent.style';
-export const TooltipComponent = ({ text, alignment, widthPx, makeVisible, dimension, icon = helpOutline, className = '', }) => {
-    return (_jsxs(TooltipWrapper, Object.assign({ className: `tooltip ${className}`, makeVisible: makeVisible, dimension: dimension }, { children: [_jsx(IonIcon, { icon: icon }), _jsx(TooltipContent, Object.assign({ className: "tooltiptext", alignment: alignment !== null && alignment !== void 0 ? alignment : 'center', widthPx: widthPx }, { children: text }))] })));
-};