@mindly/ui-components 8.0.0-alpha.32 → 8.0.0

package/dist/esm/lib2/shared/ui/RatingCircle/styles.js

@@ -1,72 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const circleRatingStyles = tv({
-    base: '',
-    slots: {
-        breakPoint: 'text-color-black opacity-35',
-        defaultStroke: 'stroke-color-black opacity-8',
-        coloredStroke: 'stroke-color-background-anti-flash-light',
-        icon: 'text-color-background-anti-flash-light',
-        contentWrapper: 'absolute top-0 bottom-0 left-0 right-0 m-auto flex flex-col items-center justify-center',
-        contentColor: 'text-color-background-anti-flash-light',
-        legendItem: '',
-    },
-    variants: {
-        transparent: {
-            true: {
-                coloredStroke: '!stroke-color-black !opacity-0',
-            },
-        },
-        isColorless: {
-            true: {
-                coloredStroke: '!stroke-color-background-gray-middle',
-                contentColor: '!text-color-background-gray-middle',
-                icon: '!text-color-background-gray-middle',
-            },
-        },
-        color: {
-            0: {
-                coloredStroke: 'stroke-color-info-red-default',
-                contentColor: '!text-color-info-red-default',
-                icon: 'text-color-info-red-default',
-            },
-            1: {
-                coloredStroke: 'stroke-color-info-orange',
-                contentColor: '!text-color-info-orange',
-                icon: 'text-color-info-orange',
-            },
-            2: {
-                coloredStroke: 'stroke-color-info-green',
-                contentColor: '!text-color-info-green',
-                icon: 'text-color-info-green',
-            },
-        },
-    },
-    compoundSlots: [{
-            slots: ['legendItem'],
-            color: 0,
-            className: 'bg-color-info-red-default',
-        }, {
-            slots: ['legendItem'],
-            color: 1,
-            className: 'bg-color-info-orange',
-        }, {
-            slots: ['legendItem'],
-            color: 2,
-            className: 'bg-color-info-green',
-        }, {
-            slots: ['contentColor'],
-            color: 2,
-            isColorless: true,
-            className: '!text-color-background-gray-middle',
-        }, {
-            slots: ['contentColor'],
-            color: 1,
-            isColorless: true,
-            className: '!text-color-background-gray-middle',
-        }, {
-            slots: ['contentColor'],
-            color: 0,
-            isColorless: true,
-            className: '!text-color-background-gray-middle',
-        }],
-});

package/dist/esm/lib2/shared/ui/ReviewsSummary/ReviewsSummary.js

@@ -1,18 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography } from '../Typography';
-import { IconDot, IconStarFilled } from '../../assets';
-import classNames from 'classnames';
-import { reviewsSummaryStyle } from './styles';
-import { roundToPrecision } from '../../utils';
-const ReviewsSummary = ({ className, rating, reviews, t, size = 'default', endAdornment, onClick, }) => {
-    const { textVariant, icon, dot } = reviewsSummaryStyle({ size });
-    const textVariantValue = textVariant();
-    return (_jsxs("div", Object.assign({ className: classNames('flex items-center gap-1', {
-            'cursor-pointer': !!onClick,
-        }, className), onClick: onClick }, { children: [_jsx(Typography, Object.assign({ variant: textVariantValue }, { children: _jsxs("div", Object.assign({ className: "flex items-center" }, { children: [_jsx(IconStarFilled, { className: icon() }), ' ', Number.isInteger(rating)
-                            ? rating.toFixed(1)
-                            : roundToPrecision(rating)] })) })), _jsx(IconDot, { className: dot() }), _jsx(Typography, Object.assign({ variant: textVariantValue }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.number_of_reviews', {
-                    count: reviews,
-                }) })), endAdornment] })));
-};
-export default ReviewsSummary;

package/dist/esm/lib2/shared/ui/ReviewsSummary/ReviewsSummary.stories.js

@@ -1,31 +0,0 @@
-import ReviewsSummary from './ReviewsSummary';
-import { mockT } from '../../utils/mock';
-const meta = {
-    title: 'V2/Shared/ReviewsSummary',
-    component: ReviewsSummary,
-};
-export default meta;
-const t = mockT();
-export const Default = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-    },
-};
-export const Small = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-        size: 'small',
-    },
-};
-export const Large = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-        size: 'large',
-    },
-};

package/dist/esm/lib2/shared/ui/ReviewsSummary/index.js

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

package/dist/esm/lib2/shared/ui/ReviewsSummary/styles.js

@@ -1,28 +0,0 @@
-import { tv } from 'tailwind-variants';
-import { TypographyVariantsEnum } from '../Typography';
-export const reviewsSummaryStyle = tv({
-    slots: {
-        textVariant: '',
-        dot: '',
-        icon: '-translate-y-0.5',
-    },
-    variants: {
-        size: {
-            default: {
-                textVariant: TypographyVariantsEnum.Title18Semi,
-                icon: 'w-6 h-6',
-                dot: 'w-5 h-5',
-            },
-            small: {
-                textVariant: TypographyVariantsEnum.Text14Regular,
-                icon: 'w-4 h-4',
-                dot: 'w-2 h-2',
-            },
-            large: {
-                textVariant: TypographyVariantsEnum.Title28Semi,
-                icon: 'w-6 h-6',
-                dot: 'w-5 h-5',
-            },
-        },
-    },
-});

package/dist/esm/lib2/shared/ui/ScreenInput/ScreenInput.js

@@ -1,79 +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 { forwardRef, useCallback, useEffect, useMemo, useRef, useState, } from 'react';
-import classNames from 'classnames';
-import { mergeRefs } from '../../utils';
-import { IconEye, IconEyeOff } from '../../assets';
-import styles from './ScreenInput.module.css';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-const ScreenInput = forwardRef((_a, ref) => {
-    var { type = 'text', showPasswordButton = true, className, variant = 'default', onChange, label, isAutoGrow = false, icon = '' } = _a, props = __rest(_a, ["type", "showPasswordButton", "className", "variant", "onChange", "label", "isAutoGrow", "icon"]);
-    const [fontSize, setFontSize] = useState(24); // Default font size 24px
-    const [inputType, setInputType] = useState(type);
-    const [localValue, setLocalValue] = useState();
-    const inputRef = useRef(null);
-    useEffect(() => {
-        adjustFontSize();
-    }, []);
-    useEffect(() => {
-        setInputType(type);
-    }, [type, showPasswordButton]);
-    const maxFontsize = useMemo(() => (variant === 'large' ? 48 : 24), [variant]);
-    const adjustFontSize = useCallback((event) => {
-        const input = inputRef.current;
-        if (!input)
-            return;
-        let newFontSize = fontSize;
-        let hasChanged = false;
-        // Increase font size up to 24px if there's enough space
-        while (newFontSize < maxFontsize &&
-            input.scrollWidth <= input.clientWidth) {
-            newFontSize++;
-            input.style.fontSize = `${newFontSize}px`;
-            if (input.scrollWidth > input.clientWidth) {
-                newFontSize--;
-                input.style.fontSize = `${newFontSize}px`;
-                break;
-            }
-            hasChanged = true;
-        }
-        // Decrease font size down to 14px if text overflows
-        while (newFontSize > 14 && input.scrollWidth > input.clientWidth) {
-            newFontSize--;
-            input.style.fontSize = `${newFontSize}px`;
-            hasChanged = true;
-        }
-        if (hasChanged) {
-            setFontSize(newFontSize);
-        }
-        event && (onChange === null || onChange === void 0 ? void 0 : onChange(event));
-    }, [inputRef, fontSize, maxFontsize, onChange]);
-    useEffect(() => {
-        var _a;
-        setLocalValue((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value);
-    });
-    return (_jsxs("div", Object.assign({ className: classNames('relative h-full flex justify-center w-full') }, { children: [_jsxs("div", Object.assign({ className: classNames('flex flex-col justify-center items-center my-auto h-auto w-full', {
-                    relative: isAutoGrow,
-                }) }, { children: [_jsxs("div", Object.assign({ className: 'w-full relative' }, { children: [isAutoGrow && (_jsxs("span", Object.assign({ "aria-hidden": "true", className: 'absolute text-center font-semibold top-[50%] -translate-y-1/2 left-[50%] -translate-x-1/2 ', style: { fontSize: `${fontSize}px` } }, { children: [localValue, icon && (_jsx("span", Object.assign({ className: 'absolute font-semibold', style: {
-                                            fontSize: `${fontSize}px`,
-                                            right: `-${fontSize}px`,
-                                        } }, { children: (localValue === null || localValue === void 0 ? void 0 : localValue.length) ? icon : '' })))] }))), _jsx("input", Object.assign({ ref: mergeRefs(ref, inputRef), type: inputType, style: {
-                                    fontSize: `${fontSize}px`,
-                                }, className: classNames(styles.input, 'w-full outline-0 placeholder:text-typography-typography-primary placeholder:opacity-35 appearance-none text-center border-0 font-semibold bg-color-white focus:appearance-none focus:outline-none', {
-                                    'px-11': type === 'password' && showPasswordButton,
-                                }, {
-                                    'absolute text-center font-semibold top-[50%] -translate-y-1/2 left-[50%] -translate-x-1/2 z-10 !bg-color-transparent': isAutoGrow,
-                                }, className), onChange: adjustFontSize }, props))] })), label && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text16Semi, opacity: !localValue ? 35 : undefined }, { children: label })))] })), type === 'password' && showPasswordButton && (_jsx("label", Object.assign({ htmlFor: props === null || props === void 0 ? void 0 : props.id, className: 'absolute w-9 h-9 top-1/2 right-0 -translate-y-1/2 flex items-center justify-center bg-color-background-gray-black/[.06] rounded-full outline-0 appearance-none border-0', onClick: () => setInputType(inputType === 'password' ? 'text' : 'password') }, { children: inputType === 'password' ? _jsx(IconEye, {}) : _jsx(IconEyeOff, {}) })))] })));
-});
-ScreenInput.displayName = 'ScreenInput';
-export default ScreenInput;

package/dist/esm/lib2/shared/ui/ScreenInput/index.js

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

package/dist/esm/lib2/shared/ui/ShowMore/ShowMore.js

@@ -1,21 +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 classNames from 'classnames';
-import React from 'react';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { IconArrowRight } from '../../assets';
-const ShowMore = (_a) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return (_jsxs("button", Object.assign({ className: classNames('flex items-center gap-1', className) }, props, { children: [_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text15Semi }, { children: children })), _jsx(IconArrowRight, {})] })));
-};
-export default React.memo(ShowMore);

package/dist/esm/lib2/shared/ui/ShowMore/index.js

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

package/dist/esm/lib2/shared/ui/Skeleton_v2/Skeleton_v2.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React from 'react';
-import { IonSkeletonStyled } from './Skeleton_v2.style';
-const Skeleton_v2 = ({ animated = true, className = '', style = {}, }) => {
-    return (_jsx(IonSkeletonStyled, { animated: animated, className: className, style: style }));
-};
-export default React.memo(Skeleton_v2);

package/dist/esm/lib2/shared/ui/Skeleton_v2/Skeleton_v2.style.js

@@ -1,6 +0,0 @@
-import styled from 'styled-components';
-import { IonSkeletonText } from '@ionic/react';
-export const IonSkeletonStyled = styled(IonSkeletonText) `
-  margin: 0;
-  padding: 0;
-`;

package/dist/esm/lib2/shared/ui/Skeleton_v2/index.js

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

package/dist/esm/lib2/shared/ui/Spinner_v2/Spinner_v2.js

@@ -1,7 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { IconSpinner } from '../../assets';
-import classNames from 'clsx';
-const Spinner_v2 = ({ size = 40, className }) => {
-    return (_jsx(IconSpinner, { className: classNames('animate-spin text-buttons-btn-primary', className), width: size, height: size }));
-};
-export default Spinner_v2;

package/dist/esm/lib2/shared/ui/Spinner_v2/index.js

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

package/dist/esm/lib2/shared/ui/SuperSpecialist/SuperSpecialist.js

@@ -1,11 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { superSpecialistStyle } from './styles';
-import classNames from 'classnames';
-const SuperSpecialist = ({ t, variant = 'default', percent, }) => {
-    const { iconVariant, titleVariant, root } = superSpecialistStyle({ variant });
-    return (_jsxs("div", Object.assign({ className: root() }, { children: [_jsx(Typography, Object.assign({ variant: iconVariant() }, { children: "\uD83C\uDFC6" })), _jsxs("div", Object.assign({ className: classNames({ 'gap-0.5': variant === 'full' }) }, { children: [_jsx(Typography, Object.assign({ variant: titleVariant() }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.super_specialist.title') })), variant === 'full' && (_jsx(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular150 }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.super_specialist.description', {
-                            count: percent,
-                        }) })))] }))] })));
-};
-export default SuperSpecialist;

package/dist/esm/lib2/shared/ui/SuperSpecialist/SuperSpecialist.stories.js

@@ -1,22 +0,0 @@
-import SuperSpecialist from './SuperSpecialist';
-import { mockT } from '../../utils/mock';
-const meta = {
-    title: 'V2/Shared/SuperSpecialist',
-    component: SuperSpecialist,
-    tags: ['autodocs'],
-};
-export default meta;
-const t = mockT();
-export const Default = {
-    args: {
-        t,
-        percent: 100,
-    },
-};
-export const Full = {
-    args: {
-        percent: 100,
-        variant: 'full',
-        t,
-    },
-};

package/dist/esm/lib2/shared/ui/SuperSpecialist/index.js

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

package/dist/esm/lib2/shared/ui/SuperSpecialist/styles.js

@@ -1,23 +0,0 @@
-import { tv } from 'tailwind-variants';
-import { TypographyVariantsEnum } from '../Typography';
-export const superSpecialistStyle = tv({
-    slots: {
-        iconVariant: '',
-        titleVariant: '',
-        root: 'flex items-center',
-    },
-    variants: {
-        variant: {
-            default: {
-                root: 'gap-2',
-                iconVariant: TypographyVariantsEnum.Text14Semi,
-                titleVariant: TypographyVariantsEnum.Text14Regular,
-            },
-            full: {
-                root: 'gap-4 p-5 rounded-3xl bg-color-background-anti-flash-light',
-                iconVariant: TypographyVariantsEnum.Title24Semi,
-                titleVariant: TypographyVariantsEnum.Text15Semi,
-            },
-        },
-    },
-});

package/dist/esm/lib2/shared/ui/SuperSpecialist/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/lib2/shared/ui/Tabs/Tab.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Item } from 'react-stately';
-import React, { useMemo } from 'react';
-import { useTab } from 'react-aria';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-import { tabsStyles } from './styles';
-import { useEvent } from '../../hooks';
-const { tab, tabText } = tabsStyles();
-export function Tab({ item, state, }) {
-    const { key, rendered, props } = item;
-    const ref = React.useRef(null);
-    const { tabProps, isSelected, isPressed } = useTab({ key }, state, ref);
-    const { onClick, className, textTransform = 'capitalize' } = props;
-    const classNames = useMemo(() => tab({ isPressed, isSelected, className }), [isPressed, isSelected, className]);
-    const tabTextClassNames = useMemo(() => tabText({ textTransform }), [textTransform]);
-    const onHandleClick = useEvent((evt) => {
-        if (tabProps === null || tabProps === void 0 ? void 0 : tabProps.onClick) {
-            tabProps.onClick(evt);
-        }
-        if (onClick) {
-            onClick();
-        }
-    });
-    return (_jsx("button", Object.assign({}, tabProps, { onClick: onHandleClick, ref: ref, className: classNames }, { children: _jsx(Typography, Object.assign({ align: "center", variant: TypographyVariantsEnum.Text14Semi, opacity: isSelected ? 100 : 65, className: tabTextClassNames }, { children: rendered })) })));
-}
-export const TabItem = Item;

package/dist/esm/lib2/shared/ui/Tabs/TabPanel.js

@@ -1,22 +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 React from 'react';
-import { useTabPanel } from 'react-aria';
-export function TabPanel(_a) {
-    var _b;
-    var { state } = _a, props = __rest(_a, ["state"]);
-    const ref = React.useRef(null);
-    const { tabPanelProps } = useTabPanel(props, state, ref);
-    return (_jsx("div", Object.assign({}, tabPanelProps, { ref: ref }, { children: (_b = state.selectedItem) === null || _b === void 0 ? void 0 : _b.props.children })));
-}
-TabPanel.displayName = 'Mindly.TabPanel';

package/dist/esm/lib2/shared/ui/Tabs/Tabs.js

@@ -1,35 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React, { useEffect, useState } from 'react';
-import { useTabList, useFocusRing, mergeProps, } from 'react-aria';
-import { useTabListState } from 'react-stately';
-import { TabPanel } from './TabPanel';
-import { Tab } from './Tab';
-import { tabsStyles } from './styles';
-const { tabList, tabs } = tabsStyles();
-export function Tabs(props) {
-    var _a;
-    const state = useTabListState(props);
-    const ref = React.useRef(null);
-    const { tabListProps } = useTabList(props, state, ref);
-    const [activeTabStyle, setActiveTabStyle] = useState(() => {
-        return {
-            width: 0,
-            transform: 'translateX(0)',
-        };
-    });
-    useEffect(() => {
-        var _a;
-        const activeTab = (_a = ref.current) === null || _a === void 0 ? void 0 : _a.querySelector('[role="tab"][aria-selected="true"]');
-        if (activeTab) {
-            setActiveTabStyle({
-                width: activeTab.offsetWidth,
-                transform: `translateX(${activeTab.offsetLeft}px)`,
-            });
-        }
-    }, [state.selectedKey]);
-    const { focusProps } = useFocusRing({
-        within: true,
-    });
-    return (_jsxs("div", Object.assign({ className: tabs({ orientation: props.orientation }) }, { children: [_jsx("div", Object.assign({ className: tabList() }, { children: _jsx("div", Object.assign({}, mergeProps(tabListProps, focusProps), { className: "flex", ref: ref }, { children: [...state.collection].map((item) => (_jsx(Tab, { item: item, state: state }, item.key))) })) })), _jsx(TabPanel, { state: state }, (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.key)] })));
-}
-Tabs.displayName = 'Mindly.Tabs';

package/dist/esm/lib2/shared/ui/Tabs/index.js

@@ -1,2 +0,0 @@
-export { Tabs } from './Tabs';
-export { TabItem } from './Tab';

package/dist/esm/lib2/shared/ui/Tabs/styles.js

@@ -1,60 +0,0 @@
-import { tv } from 'tailwind-variants';
-export const tabsStyles = tv({
-    slots: {
-        tab: 'relative flex-1 py-3.5 cursor-pointer appearance-none focus-within:outline-none transition-opacity duration-200',
-        tabText: '',
-        tabs: 'tabs',
-        tabList: 'relative',
-        activeTab: 'absolute bottom-0 !bg-typography-typography-primary duration-200 will-change-transform transition-transform',
-    },
-    variants: {
-        textTransform: {
-            uppercase: {
-                tabText: 'uppercase',
-            },
-            capitalize: {
-                tabText: 'capitalize',
-            },
-            lowercase: {
-                tabText: 'lowercase',
-            },
-            none: {
-                tabText: 'normal-case',
-            },
-        },
-        isPressed: {
-            true: {},
-        },
-        isFocusVisible: {
-            true: {},
-        },
-        isSelected: {
-            true: {},
-        },
-        orientation: {
-            vertical: {
-                tabs: '',
-            },
-            horizontal: {
-                tabs: '',
-            },
-        },
-    },
-    compoundSlots: [
-        {
-            slots: ['tab'],
-            isSelected: true,
-            className: "after:content-[''] after:absolute after:bottom-0 after:left-0 after:w-full after:border-b-2 after:border-solid after:border-typography-typography-primary",
-        },
-        {
-            slots: ['tab'],
-            isPressed: true,
-            className: 'opacity-50',
-        },
-        {
-            slots: ['activeTab'],
-            isFocusVisible: true,
-            className: 'focused',
-        },
-    ],
-});

package/dist/esm/lib2/shared/ui/Textarea_v2/Textarea_v2.js

@@ -1,39 +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 React, { forwardRef, useCallback, useEffect, useState } from 'react';
-import { IonTextarea } from '@ionic/react';
-import styles from './Textarea_v2.module.css';
-import classNames from 'classnames';
-import { Typography, TypographyVariantsEnum } from '../Typography';
-const Textarea_v2 = forwardRef((props, ref) => {
-    const { className, borderTop = false, showCounter = false, maxlength, onIonChange, value: defaultValue, onKeyPress } = props, rest = __rest(props, ["className", "borderTop", "showCounter", "maxlength", "onIonChange", "value", "onKeyPress"]);
-    const [value, setValue] = useState(defaultValue !== null && defaultValue !== void 0 ? defaultValue : '');
-    const handleChange = useCallback((e) => {
-        var _a;
-        const currentValue = (_a = e === null || e === void 0 ? void 0 : e.detail) === null || _a === void 0 ? void 0 : _a.value;
-        setValue(currentValue !== null && currentValue !== void 0 ? currentValue : '');
-        onIonChange === null || onIonChange === void 0 ? void 0 : onIonChange(e);
-    }, [onIonChange]);
-    useEffect(() => {
-        if (!maxlength)
-            return;
-        if (value.length > maxlength) {
-            setValue(value.slice(0, maxlength));
-        }
-    }, [value, maxlength]);
-    return (_jsxs("div", Object.assign({ className: styles.wrapper }, { children: [_jsx(IonTextarea, Object.assign({ ref: ref, className: classNames(styles.textarea, { [styles.borderTop]: borderTop }, {
-                    [styles.withCounter]: showCounter && !!maxlength,
-                }, className), inputmode: "text", onIonChange: handleChange, onKeyPress: onKeyPress, value: value }, rest)), showCounter && !!maxlength && (_jsxs(Typography, Object.assign({ variant: TypographyVariantsEnum.Text13Regular, className: styles.counter }, { children: [value.length, "/", maxlength] })))] })));
-});
-Textarea_v2.displayName = 'Textarea_v2';
-export default React.memo(Textarea_v2);

package/dist/esm/lib2/shared/ui/Textarea_v2/index.js

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

package/dist/esm/lib2/shared/ui/Textarea_v2/types.js

@@ -1 +0,0 @@
-export {};

package/dist/esm/lib2/shared/ui/Toast/Toast.js

@@ -1,35 +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 { useToast } from '@react-aria/toast';
-import { ToastCloseButton } from './ToastCloseButton';
-import { Container_v2 as Container } from '../Container_v2';
-import { useDomRef, useEvent } from '../../hooks';
-import './Toast.css';
-import { toastStyles } from './styles';
-import { IconClose } from '../../assets';
-export function Toast(_a) {
-    var _b;
-    var { state } = _a, props = __rest(_a, ["state"]);
-    const ref = useDomRef(null);
-    const toastContent = (_b = props === null || props === void 0 ? void 0 : props.toast) === null || _b === void 0 ? void 0 : _b.content;
-    const classNames = toastStyles({
-        type: toastContent === null || toastContent === void 0 ? void 0 : toastContent.type,
-    });
-    const { toastProps, titleProps, closeButtonProps } = useToast(props, state, ref);
-    const onAnimationEnd = useEvent(() => {
-        if (props.toast.animation === 'exiting') {
-            state.remove(props.toast.key);
-        }
-    });
-    return (_jsx("div", Object.assign({}, toastProps, { ref: ref, className: classNames, "data-animation": props.toast.animation, onAnimationEnd: onAnimationEnd }, { children: _jsx(Container, Object.assign({ as: "div", className: "flex h-full items-end" }, { children: _jsxs("div", Object.assign({ className: "flex items-center justify-between w-full pb-2" }, { children: [_jsx("div", Object.assign({}, titleProps, { className: "text-sm/[120%] text-color-background-white" }, { children: toastContent.text })), _jsx(ToastCloseButton, Object.assign({}, closeButtonProps, { className: "text-color-background-white" }, { children: _jsx(IconClose, { className: "h-5 w-5" }) }))] })) })) })));
-}

package/dist/esm/lib2/shared/ui/Toast/ToastCloseButton.js

@@ -1,21 +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 * as React from 'react';
-import { useButton } from 'react-aria';
-import { useDomRef } from '../../hooks';
-export const ToastCloseButton = React.forwardRef(function CalendarButton(_a, ref) {
-    var { children, onPressEnd, onPress, onPressChange, onPressStart, onPressUp, className } = _a, props = __rest(_a, ["children", "onPressEnd", "onPress", "onPressChange", "onPressStart", "onPressUp", "className"]);
-    const buttonRef = useDomRef(ref);
-    const { buttonProps } = useButton(Object.assign({ onPressEnd, onPress, onPressChange, onPressStart, onPressUp }, props), buttonRef);
-    return (_jsx("button", Object.assign({ className: className, ref: buttonRef }, buttonProps, { children: children })));
-});

package/dist/esm/lib2/shared/ui/Toast/ToastRegion.js

@@ -1,21 +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 { useToastRegion } from '@react-aria/toast';
-import { Toast } from './Toast';
-import { useDomRef } from '../../hooks';
-export function ToastRegion(_a) {
-    var { state } = _a, props = __rest(_a, ["state"]);
-    const ref = useDomRef(null);
-    const { regionProps } = useToastRegion(props, state, ref);
-    return (_jsx("div", Object.assign({}, regionProps, { ref: ref, className: "toast-region" }, { children: state.visibleToasts.map((toast) => (_jsx(Toast, { toast: toast, state: state }, toast.key))) })));
-}