@mindly/ui-components 8.0.0-alpha.38 → 8.1.0

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

@@ -1,23 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Typography_1 = require("../Typography");
-const assets_1 = require("../../assets");
-const classnames_1 = __importDefault(require("classnames"));
-const styles_1 = require("./styles");
-const utils_1 = require("../../utils");
-const ReviewsSummary = ({ className, rating, reviews, t, size = 'default', endAdornment, onClick, }) => {
-    const { textVariant, icon, dot } = (0, styles_1.reviewsSummaryStyle)({ size });
-    const textVariantValue = textVariant();
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex items-center gap-1', {
-            'cursor-pointer': !!onClick,
-        }, className), onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: textVariantValue }, { children: (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: "flex items-center" }, { children: [(0, jsx_runtime_1.jsx)(assets_1.IconStarFilled, { className: icon() }), ' ', Number.isInteger(rating)
-                            ? rating.toFixed(1)
-                            : (0, utils_1.roundToPrecision)(rating)] })) })), (0, jsx_runtime_1.jsx)(assets_1.IconDot, { className: dot() }), (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: textVariantValue }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.number_of_reviews', {
-                    count: reviews,
-                }) })), endAdornment] })));
-};
-exports.default = ReviewsSummary;

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

@@ -1,37 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Large = exports.Small = exports.Default = void 0;
-const ReviewsSummary_1 = __importDefault(require("./ReviewsSummary"));
-const mock_1 = require("../../utils/mock");
-const meta = {
-    title: 'V2/Shared/ReviewsSummary',
-    component: ReviewsSummary_1.default,
-};
-exports.default = meta;
-const t = (0, mock_1.mockT)();
-exports.Default = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-    },
-};
-exports.Small = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-        size: 'small',
-    },
-};
-exports.Large = {
-    args: {
-        t,
-        rating: 4.9,
-        reviews: 11,
-        size: 'large',
-    },
-};

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ReviewsSummary = void 0;
-var ReviewsSummary_1 = require("./ReviewsSummary");
-Object.defineProperty(exports, "ReviewsSummary", { enumerable: true, get: function () { return __importDefault(ReviewsSummary_1).default; } });

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

@@ -1,31 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.reviewsSummaryStyle = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-const Typography_1 = require("../Typography");
-exports.reviewsSummaryStyle = (0, tailwind_variants_1.tv)({
-    slots: {
-        textVariant: '',
-        dot: '',
-        icon: '-translate-y-0.5',
-    },
-    variants: {
-        size: {
-            default: {
-                textVariant: Typography_1.TypographyVariantsEnum.Title18Semi,
-                icon: 'w-6 h-6',
-                dot: 'w-5 h-5',
-            },
-            small: {
-                textVariant: Typography_1.TypographyVariantsEnum.Text14Regular,
-                icon: 'w-4 h-4',
-                dot: 'w-2 h-2',
-            },
-            large: {
-                textVariant: Typography_1.TypographyVariantsEnum.Title28Semi,
-                icon: 'w-6 h-6',
-                dot: 'w-5 h-5',
-            },
-        },
-    },
-});

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

@@ -1,84 +0,0 @@
-"use strict";
-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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const classnames_1 = __importDefault(require("classnames"));
-const utils_1 = require("../../utils");
-const assets_1 = require("../../assets");
-const ScreenInput_module_css_1 = __importDefault(require("./ScreenInput.module.css"));
-const Typography_1 = require("../Typography");
-const ScreenInput = (0, react_1.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] = (0, react_1.useState)(24); // Default font size 24px
-    const [inputType, setInputType] = (0, react_1.useState)(type);
-    const [localValue, setLocalValue] = (0, react_1.useState)();
-    const inputRef = (0, react_1.useRef)(null);
-    (0, react_1.useEffect)(() => {
-        adjustFontSize();
-    }, []);
-    (0, react_1.useEffect)(() => {
-        setInputType(type);
-    }, [type, showPasswordButton]);
-    const maxFontsize = (0, react_1.useMemo)(() => (variant === 'large' ? 48 : 24), [variant]);
-    const adjustFontSize = (0, react_1.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]);
-    (0, react_1.useEffect)(() => {
-        var _a;
-        setLocalValue((_a = inputRef === null || inputRef === void 0 ? void 0 : inputRef.current) === null || _a === void 0 ? void 0 : _a.value);
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('relative h-full flex justify-center w-full') }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)('flex flex-col justify-center items-center my-auto h-auto w-full', {
-                    relative: isAutoGrow,
-                }) }, { children: [(0, jsx_runtime_1.jsxs)("div", Object.assign({ className: 'w-full relative' }, { children: [isAutoGrow && ((0, jsx_runtime_1.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 && ((0, jsx_runtime_1.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 : '' })))] }))), (0, jsx_runtime_1.jsx)("input", Object.assign({ ref: (0, utils_1.mergeRefs)(ref, inputRef), type: inputType, style: {
-                                    fontSize: `${fontSize}px`,
-                                }, className: (0, classnames_1.default)(ScreenInput_module_css_1.default.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 && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text16Semi, opacity: !localValue ? 35 : undefined }, { children: label })))] })), type === 'password' && showPasswordButton && ((0, jsx_runtime_1.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' ? (0, jsx_runtime_1.jsx)(assets_1.IconEye, {}) : (0, jsx_runtime_1.jsx)(assets_1.IconEyeOff, {}) })))] })));
-});
-ScreenInput.displayName = 'ScreenInput';
-exports.default = ScreenInput;

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ScreenInput = void 0;
-var ScreenInput_1 = require("./ScreenInput");
-Object.defineProperty(exports, "ScreenInput", { enumerable: true, get: function () { return __importDefault(ScreenInput_1).default; } });

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

@@ -1,26 +0,0 @@
-"use strict";
-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 });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const classnames_1 = __importDefault(require("classnames"));
-const react_1 = __importDefault(require("react"));
-const Typography_1 = require("../Typography");
-const assets_1 = require("../../assets");
-const ShowMore = (_a) => {
-    var { children, className } = _a, props = __rest(_a, ["children", "className"]);
-    return ((0, jsx_runtime_1.jsxs)("button", Object.assign({ className: (0, classnames_1.default)('flex items-center gap-1', className) }, props, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text15Semi }, { children: children })), (0, jsx_runtime_1.jsx)(assets_1.IconArrowRight, {})] })));
-};
-exports.default = react_1.default.memo(ShowMore);

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.ShowMore = void 0;
-var ShowMore_1 = require("./ShowMore");
-Object.defineProperty(exports, "ShowMore", { enumerable: true, get: function () { return __importDefault(ShowMore_1).default; } });

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const Skeleton_v2_style_1 = require("./Skeleton_v2.style");
-const Skeleton_v2 = ({ animated = true, className = '', style = {}, }) => {
-    return ((0, jsx_runtime_1.jsx)(Skeleton_v2_style_1.IonSkeletonStyled, { animated: animated, className: className, style: style }));
-};
-exports.default = react_1.default.memo(Skeleton_v2);

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.IonSkeletonStyled = void 0;
-const styled_components_1 = __importDefault(require("styled-components"));
-const react_1 = require("@ionic/react");
-exports.IonSkeletonStyled = (0, styled_components_1.default)(react_1.IonSkeletonText) `
-  margin: 0;
-  padding: 0;
-`;

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Skeleton_v2 = void 0;
-var Skeleton_v2_1 = require("./Skeleton_v2");
-Object.defineProperty(exports, "Skeleton_v2", { enumerable: true, get: function () { return __importDefault(Skeleton_v2_1).default; } });

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

@@ -1,12 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const assets_1 = require("../../assets");
-const clsx_1 = __importDefault(require("clsx"));
-const Spinner_v2 = ({ size = 40, className }) => {
-    return ((0, jsx_runtime_1.jsx)(assets_1.IconSpinner, { className: (0, clsx_1.default)('animate-spin text-buttons-btn-primary', className), width: size, height: size }));
-};
-exports.default = Spinner_v2;

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Spinner_v2 = void 0;
-var Spinner_v2_1 = require("./Spinner_v2");
-Object.defineProperty(exports, "Spinner_v2", { enumerable: true, get: function () { return __importDefault(Spinner_v2_1).default; } });

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

@@ -1,16 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-const jsx_runtime_1 = require("react/jsx-runtime");
-const Typography_1 = require("../Typography");
-const styles_1 = require("./styles");
-const classnames_1 = __importDefault(require("classnames"));
-const SuperSpecialist = ({ t, variant = 'default', percent, }) => {
-    const { iconVariant, titleVariant, root } = (0, styles_1.superSpecialistStyle)({ variant });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: root() }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: iconVariant() }, { children: "\uD83C\uDFC6" })), (0, jsx_runtime_1.jsxs)("div", Object.assign({ className: (0, classnames_1.default)({ 'gap-0.5': variant === 'full' }) }, { children: [(0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: titleVariant() }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.super_specialist.title') })), variant === 'full' && ((0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ variant: Typography_1.TypographyVariantsEnum.Text13Regular150 }, { children: t === null || t === void 0 ? void 0 : t('therapist_list_item.super_specialist.description', {
-                            count: percent,
-                        }) })))] }))] })));
-};
-exports.default = SuperSpecialist;

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

@@ -1,28 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Full = exports.Default = void 0;
-const SuperSpecialist_1 = __importDefault(require("./SuperSpecialist"));
-const mock_1 = require("../../utils/mock");
-const meta = {
-    title: 'V2/Shared/SuperSpecialist',
-    component: SuperSpecialist_1.default,
-    tags: ['autodocs'],
-};
-exports.default = meta;
-const t = (0, mock_1.mockT)();
-exports.Default = {
-    args: {
-        t,
-        percent: 100,
-    },
-};
-exports.Full = {
-    args: {
-        percent: 100,
-        variant: 'full',
-        t,
-    },
-};

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

@@ -1,8 +0,0 @@
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.SuperSpecialist = void 0;
-var SuperSpecialist_1 = require("./SuperSpecialist");
-Object.defineProperty(exports, "SuperSpecialist", { enumerable: true, get: function () { return __importDefault(SuperSpecialist_1).default; } });

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

@@ -1,26 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.superSpecialistStyle = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-const Typography_1 = require("../Typography");
-exports.superSpecialistStyle = (0, tailwind_variants_1.tv)({
-    slots: {
-        iconVariant: '',
-        titleVariant: '',
-        root: 'flex items-center',
-    },
-    variants: {
-        variant: {
-            default: {
-                root: 'gap-2',
-                iconVariant: Typography_1.TypographyVariantsEnum.Text14Semi,
-                titleVariant: Typography_1.TypographyVariantsEnum.Text14Regular,
-            },
-            full: {
-                root: 'gap-4 p-5 rounded-3xl bg-color-background-anti-flash-light',
-                iconVariant: Typography_1.TypographyVariantsEnum.Title24Semi,
-                titleVariant: Typography_1.TypographyVariantsEnum.Text15Semi,
-            },
-        },
-    },
-});

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

@@ -1,2 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });

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

@@ -1,53 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabItem = exports.Tab = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_stately_1 = require("react-stately");
-const react_1 = __importStar(require("react"));
-const react_aria_1 = require("react-aria");
-const Typography_1 = require("../Typography");
-const styles_1 = require("./styles");
-const hooks_1 = require("../../hooks");
-const { tab, tabText } = (0, styles_1.tabsStyles)();
-function Tab({ item, state, }) {
-    const { key, rendered, props } = item;
-    const ref = react_1.default.useRef(null);
-    const { tabProps, isSelected, isPressed } = (0, react_aria_1.useTab)({ key }, state, ref);
-    const { onClick, className, textTransform = 'capitalize' } = props;
-    const classNames = (0, react_1.useMemo)(() => tab({ isPressed, isSelected, className }), [isPressed, isSelected, className]);
-    const tabTextClassNames = (0, react_1.useMemo)(() => tabText({ textTransform }), [textTransform]);
-    const onHandleClick = (0, hooks_1.useEvent)((evt) => {
-        if (tabProps === null || tabProps === void 0 ? void 0 : tabProps.onClick) {
-            tabProps.onClick(evt);
-        }
-        if (onClick) {
-            onClick();
-        }
-    });
-    return ((0, jsx_runtime_1.jsx)("button", Object.assign({}, tabProps, { onClick: onHandleClick, ref: ref, className: classNames }, { children: (0, jsx_runtime_1.jsx)(Typography_1.Typography, Object.assign({ align: "center", variant: Typography_1.TypographyVariantsEnum.Text14Semi, opacity: isSelected ? 100 : 65, className: tabTextClassNames }, { children: rendered })) })));
-}
-exports.Tab = Tab;
-exports.TabItem = react_stately_1.Item;

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

@@ -1,29 +0,0 @@
-"use strict";
-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.TabPanel = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importDefault(require("react"));
-const react_aria_1 = require("react-aria");
-function TabPanel(_a) {
-    var _b;
-    var { state } = _a, props = __rest(_a, ["state"]);
-    const ref = react_1.default.useRef(null);
-    const { tabPanelProps } = (0, react_aria_1.useTabPanel)(props, state, ref);
-    return ((0, jsx_runtime_1.jsx)("div", Object.assign({}, tabPanelProps, { ref: ref }, { children: (_b = state.selectedItem) === null || _b === void 0 ? void 0 : _b.props.children })));
-}
-exports.TabPanel = TabPanel;
-TabPanel.displayName = 'Mindly.TabPanel';

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

@@ -1,62 +0,0 @@
-"use strict";
-var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
-    if (k2 === undefined) k2 = k;
-    var desc = Object.getOwnPropertyDescriptor(m, k);
-    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
-      desc = { enumerable: true, get: function() { return m[k]; } };
-    }
-    Object.defineProperty(o, k2, desc);
-}) : (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;
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Tabs = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = __importStar(require("react"));
-const react_aria_1 = require("react-aria");
-const react_stately_1 = require("react-stately");
-const TabPanel_1 = require("./TabPanel");
-const Tab_1 = require("./Tab");
-const styles_1 = require("./styles");
-const { tabList, tabs } = (0, styles_1.tabsStyles)();
-function Tabs(props) {
-    var _a;
-    const state = (0, react_stately_1.useTabListState)(props);
-    const ref = react_1.default.useRef(null);
-    const { tabListProps } = (0, react_aria_1.useTabList)(props, state, ref);
-    const [activeTabStyle, setActiveTabStyle] = (0, react_1.useState)(() => {
-        return {
-            width: 0,
-            transform: 'translateX(0)',
-        };
-    });
-    (0, react_1.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 } = (0, react_aria_1.useFocusRing)({
-        within: true,
-    });
-    return ((0, jsx_runtime_1.jsxs)("div", Object.assign({ className: tabs({ orientation: props.orientation }) }, { children: [(0, jsx_runtime_1.jsx)("div", Object.assign({ className: tabList() }, { children: (0, jsx_runtime_1.jsx)("div", Object.assign({}, (0, react_aria_1.mergeProps)(tabListProps, focusProps), { className: "flex", ref: ref }, { children: [...state.collection].map((item) => ((0, jsx_runtime_1.jsx)(Tab_1.Tab, { item: item, state: state }, item.key))) })) })), (0, jsx_runtime_1.jsx)(TabPanel_1.TabPanel, { state: state }, (_a = state.selectedItem) === null || _a === void 0 ? void 0 : _a.key)] })));
-}
-exports.Tabs = Tabs;
-Tabs.displayName = 'Mindly.Tabs';

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

@@ -1,7 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.TabItem = exports.Tabs = void 0;
-var Tabs_1 = require("./Tabs");
-Object.defineProperty(exports, "Tabs", { enumerable: true, get: function () { return Tabs_1.Tabs; } });
-var Tab_1 = require("./Tab");
-Object.defineProperty(exports, "TabItem", { enumerable: true, get: function () { return Tab_1.TabItem; } });

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

@@ -1,63 +0,0 @@
-"use strict";
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.tabsStyles = void 0;
-const tailwind_variants_1 = require("tailwind-variants");
-exports.tabsStyles = (0, tailwind_variants_1.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',
-        },
-    ],
-});