@mindly/ui-components 5.54.0 → 5.54.2

package/dist/esm/lib2/shared/ui/Tabs/Tab.d.ts

@@ -4,5 +4,8 @@ type TabProps<T> = {
     state: TabListState<T>;
 };
 export declare function Tab<T extends Record<string, unknown>>({ item, state, }: TabProps<T>): JSX.Element;
-export declare const TabItem: (props: ItemProps<unknown>) => JSX.Element;
+export declare const TabItem: (props: ItemProps<unknown> & {
+    onClick?: () => void;
+    className?: string;
+}) => JSX.Element;
 export {};

package/dist/esm/lib2/shared/ui/Tabs/styles.d.ts

@@ -5,6 +5,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -25,6 +28,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -40,6 +46,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -55,6 +64,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -75,6 +87,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -95,6 +110,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;
@@ -110,6 +128,9 @@ export declare const tabsStyles: import("tailwind-variants").TVReturnType<{
     isFocusVisible: {
         true: {};
     };
+    isSelected: {
+        true: {};
+    };
     orientation: {
         vertical: {
             tabs: string;

package/dist/esm/lib2/shared/ui/index.d.ts

@@ -32,3 +32,4 @@ export * from './HeaderWithRedirect';
 export * from './ProgressBarDashed';
 export * from './DrumListPicker';
 export * from './CollapsableText';
+export * from './Tabs';

package/dist/index.d.ts

@@ -9,7 +9,7 @@ import * as _ionic_core_dist_types_components from '@ionic/core/dist/types/compo
 import { IonContentCustomEvent, IonSearchbarCustomEvent as IonSearchbarCustomEvent$1 } from '@ionic/core/dist/types/components';
 import { Node, ListState, ItemProps as ItemProps$1, SelectionBehavior, SelectionMode } from 'react-stately';
 export { Selection } from 'react-stately';
-import { AriaListBoxProps, AriaCalendarProps, DateValue } from 'react-aria';
+import { AriaListBoxProps, AriaCalendarProps, DateValue, AriaTabListProps } from 'react-aria';
 import { ToastStateProps, ToastState } from '@react-stately/toast';
 import { AriaToastRegionProps } from '@react-aria/toast';
 import { IonSearchbarCustomEvent, SearchbarChangeEventDetail } from '@ionic/core';
@@ -1981,6 +1981,17 @@ type CollapsableTextProps = {
 };
 declare function CollapsableText({ t, text, size, fontWeight, }: CollapsableTextProps & TranslationType): JSX.Element;
 
+type TabsProps<T> = AriaTabListProps<T>;
+declare function Tabs<T extends Record<string, unknown>>(props: TabsProps<T>): JSX.Element;
+declare namespace Tabs {
+    var displayName: string;
+}
+
+declare const TabItem: (props: ItemProps$1<unknown> & {
+    onClick?: () => void;
+    className?: string;
+}) => JSX.Element;
+
 declare enum appThemes {
     client = "client",
     specialist = "specialist"
@@ -2638,4 +2649,4 @@ declare const _default$1: React__default.NamedExoticComponent<SpecialistPaymentC
 
 declare const _default: React__default.NamedExoticComponent<SpecialistPaymentCardProps & SpecialistPaymentConsultationsProps & TranslationType>;
 
-export { AppFooter, _default$q as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$p as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$l as Badge, _default$E as BookingScheduleTime, _default$D as BookingSpecialistInfo, Button, Button_v2, Calendar, _default$5 as CalendarPickerFeature, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$Z as ChatListItem, _default$X as ChatListSkeleton, _default$Y as ChatMessage, ChatMessageSkeleton, CheckBoxItem, CheckBoxListFeature, CheckBoxSectionListFeature, _default$y as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingContext, CircleRatingProvider, CollapsableText, _default$Q as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$N as ConsultationModal, _default$9 as ConsultationPricingFeature, _default$L as ConsultationSpecialistCard, ConsultationsListSkeleton, Container, Container_v2, ContentCard, CountdownTimerFeature, CountryOfOriginModal, CustomButton, _default$z as CustomCheckbox, CustomRadioButton, _default$A as CustomSelect, _default$B as CustomTextarea, DatePicker, _default$J as DaySlider, DayToRender, DrumListPicker, _default$F as EducationCard, _default$W as EmptyChatList, EmptyChatMessages, _default$O as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$v as Flag, FlagTypes, _default$n as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, GoogleCalendarModalFeature, HeaderWithRedirect, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconAddModerator, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowTopRight, IconAttachMoney, IconBeachAccess, IconBookmark, IconBookmarkOutlined, _default$h as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckCircle, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCopy, IconCreditCard, IconDelete, IconEcgHeart, IconEdit, IconEditCalendar, IconEventBusy, IconEye, IconEyeOff, IconGallery, IconGift, IconGoogle, IconHome, IconInvisible, IconLanguage, IconLeftArrow, IconLetter, IconLink, IconLogout, IconManageAccounts, IconMoreVertical, IconMute, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPlus, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconPromocode, IconQueryStats, IconQuestion, IconRadioButtonChecked, IconResume, IconSchema, IconSearch, IconSend, IconSettings, IconShare, IconSpinner, IconStar, IconStarFilled, IconSuccess, IconText, IconTime, IconTimeAdd, IconUnmute, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, InputSearch, _default$d as Item, _default$k as ItemCard, LabelArrowRedirect, LanguagesList, _default$11 as LetterAvatar, _default$w as LineFileInput, ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, ListBoxSelectionType, ListButton, ListItemType, _default$e as ListItems, ListOption, ListOptionsProps, ListSelect, ListSelectProps, ListSimple, _default$f as Loading, LouseConnect, _default$_ as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$4 as PaymentCalendarFeature, _default$6 as PaymentSessionsList, _default$10 as PersonDateTimeCard, _default$m as Picture, _default$u as ProfileInformation, _default$H as ProfileView, _default$x as ProgressBar, ProgressBarDashed, _default$g as ProgressBar_v2, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$i as Rating, RatingCircleWrapper, _default$K as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, _default$3 as ReviewCardFeature, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, SIZES, ScreenInput, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$$ as SelectImpressionEmoji, SelectItemType, ShareModalFeature, _default$P as SignUpSessionButton, _default$M as SignUpSessionModal, Skeleton, _default$o as Skeleton_v2, _default$b as SlotsGrid, _default$a as SlotsGridItem, _default$G as SpecialistAbout, SpecialistCard$1 as SpecialistCard, SpecialistCardListWidget, _default$2 as SpecialistCardWidget, _default$U as SpecialistEducationCard, SpecialistInfoColumnFeature as SpecialistInfoColumn, SpecialistLangs, _default$t as SpecialistMatch, _default$8 as SpecialistPaymentCommonCardFeature, SpecialistPaymentCommonCardSkeleton, _default$7 as SpecialistPaymentConsultationsFeature, _default as SpecialistPaymentResumeWidget, _default$1 as SpecialistPaymentWidget, _default$T as SpecialistProfileViewCard, SpecialistShortInfoItemFeature as SpecialistShortInfoItem, _default$s as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, Tag, _default$C as TextInput, _default$V as Textarea, _default$j as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, _default$r as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$c as Video, _default$R as VideoCallInfo, _default$S as VideoPlayer, _default$I as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getProgressForBreakPoint, mergeRefs, newShade, priceNormalize, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleContentValue, useRatingCircleLegend, useRatingContext, useToastContext };
+export { AppFooter, _default$q as AppFooter_v2, AppHeader, AppHeader_v2, ArchivedConsultationCard, Avatar, AvatarProps$1 as AvatarProps, _default$p as Avatar_v2, BREAKPOINT_ICON_SIZE, _default$l as Badge, _default$E as BookingScheduleTime, _default$D as BookingSpecialistInfo, Button, Button_v2, Calendar, _default$5 as CalendarPickerFeature, CancelSession, CardModal, ChangeLangModal, ChangeLanguageModal, _default$Z as ChatListItem, _default$X as ChatListSkeleton, _default$Y as ChatMessage, ChatMessageSkeleton, CheckBoxItem, CheckBoxListFeature, CheckBoxSectionListFeature, _default$y as CheckboxList, CheckboxListCategory, CheckboxListItem, CheckboxTypes, ChevronHeader, CircleRatingContext, CircleRatingProvider, CollapsableText, _default$Q as ConsultationCard, ConsultationCardProps, ConsultationCardType, _default$N as ConsultationModal, _default$9 as ConsultationPricingFeature, _default$L as ConsultationSpecialistCard, ConsultationsListSkeleton, Container, Container_v2, ContentCard, CountdownTimerFeature, CountryOfOriginModal, CustomButton, _default$z as CustomCheckbox, CustomRadioButton, _default$A as CustomSelect, _default$B as CustomTextarea, DatePicker, _default$J as DaySlider, DayToRender, DrumListPicker, _default$F as EducationCard, _default$W as EmptyChatList, EmptyChatMessages, _default$O as EmptyConsultations, EntryNotFound, EntryNotFoundProps, _default$v as Flag, FlagTypes, _default$n as Flag_v2, FloatingButton, FooterForBooking, FrequentlyAskedQuestions, GoogleCalendarModalFeature, HeaderWithRedirect, HorizontalCalendar, HorizontalCalendarProps, ISpecialistReview, IconAddModerator, IconApple, IconArrowDown, IconArrowLeft, IconArrowRight, IconArrowTopRight, IconAttachMoney, IconBeachAccess, IconBookmark, IconBookmarkOutlined, _default$h as IconButton, IconCalendar, IconCalendarFilled, IconCalendarMonth, IconCancel, IconCancelRounded, IconCapFilled, IconChat3d, IconChatFilled, IconChatOutline, IconCheck, IconCheckCircle, IconCheckSmall, IconCheckboxChecked, IconCheckboxUnchecked, IconClient, IconClientFilled, IconClose, IconCopy, IconCreditCard, IconDelete, IconEcgHeart, IconEdit, IconEditCalendar, IconEventBusy, IconEye, IconEyeOff, IconGallery, IconGift, IconGoogle, IconHome, IconInvisible, IconLanguage, IconLeftArrow, IconLetter, IconLink, IconLogout, IconManageAccounts, IconMoreVertical, IconMute, IconNotificationMuted, IconPaid, IconPaper, IconPause, IconPlus, IconProfileChecked, IconProfileCircle, IconProfileSetting, IconProfileUnderReview, IconPromocode, IconQueryStats, IconQuestion, IconRadioButtonChecked, IconResume, IconSchema, IconSearch, IconSend, IconSettings, IconShare, IconSpinner, IconStar, IconStarFilled, IconSuccess, IconText, IconTime, IconTimeAdd, IconUnmute, IconUserNotFound, IconVerifiedUser, IconVisible, IconWarning, ImageInput, ImageWithFallback, ImpressionEmojiEnum, Input, InputSearch, _default$d as Item, _default$k as ItemCard, LabelArrowRedirect, LanguagesList, _default$11 as LetterAvatar, _default$w as LineFileInput, ListBox, ListBoxItem, ListBoxItemProps, ListBoxProps, ListBoxSelectionType, ListButton, ListItemType, _default$e as ListItems, ListOption, ListOptionsProps, ListSelect, ListSelectProps, ListSimple, _default$f as Loading, LouseConnect, _default$_ as MediaPlayer, Modal, ModalCalendar, ModalSheet, NavigationBar, NoInternetConnection, NotSupportModal, NotesCardText, NotesEditor, PasswordInput, _default$4 as PaymentCalendarFeature, _default$6 as PaymentSessionsList, _default$10 as PersonDateTimeCard, _default$m as Picture, _default$u as ProfileInformation, _default$H as ProfileView, _default$x as ProgressBar, ProgressBarDashed, _default$g as ProgressBar_v2, PushNotificationsIsDisabledBanner, PushNotificationsModal, Range, _default$i as Rating, RatingCircleWrapper, _default$K as ReSchedule, ReScheduleSuccess, Refresher, ReviewCard, _default$3 as ReviewCardFeature, ReviewStatistics, ReviewSwiperSection, RoundButton, RowItemType, RowSelect, RowSelectProps, SIZES, ScreenInput, ScrollTabs, SectionHeading, Segment, SegmentColor, SegmentType, _default$$ as SelectImpressionEmoji, SelectItemType, ShareModalFeature, _default$P as SignUpSessionButton, _default$M as SignUpSessionModal, Skeleton, _default$o as Skeleton_v2, _default$b as SlotsGrid, _default$a as SlotsGridItem, _default$G as SpecialistAbout, SpecialistCard$1 as SpecialistCard, SpecialistCardListWidget, _default$2 as SpecialistCardWidget, _default$U as SpecialistEducationCard, SpecialistInfoColumnFeature as SpecialistInfoColumn, SpecialistLangs, _default$t as SpecialistMatch, _default$8 as SpecialistPaymentCommonCardFeature, SpecialistPaymentCommonCardSkeleton, _default$7 as SpecialistPaymentConsultationsFeature, _default as SpecialistPaymentResumeWidget, _default$1 as SpecialistPaymentWidget, _default$T as SpecialistProfileViewCard, SpecialistShortInfoItemFeature as SpecialistShortInfoItem, _default$s as SpecialistStatistic, SpecialistStatisticsCard, SpecialistWorkDirections, Spinner, Spinner_v2, StarRating, StatisticsScroll, StatusTag, SuccessScreen, SwitchDeviceCard, TabBar, TabItem, Tabs, Tag, _default$C as TextInput, _default$V as Textarea, _default$j as Textarea_v2, ThemeProvider, ThemeProviderProps, TherapistCard, TherapistInformationComponent, Toast, ToastButton, ToastContext, ToastProps, ToastProvider, ToastRegion, Toggle, TooltipComponent, _default$r as Typography, TypographyVariantsEnum, UpdatesCard, UserInfoModal, UsersPsychologistScrollList, VerticalCalendar, VerticalCalendarMonthSkeleton, VerticalCalendarSkeleton, _default$c as Video, _default$R as VideoCallInfo, _default$S as VideoPlayer, _default$I as WorkDirections, YourLocalTimeBlock, appThemes, decOfNum, getProgressForBreakPoint, mergeRefs, newShade, priceNormalize, toast, useAutoFocus, useBreakPointsPosition, useCircleRatingRenderData, useDomRef, useEvent, useRangeIndex, useRatingCircleBreakPoints, useRatingCircleContentValue, useRatingCircleLegend, useRatingContext, useToastContext };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@mindly/ui-components",
-  "version": "5.54.0",
+  "version": "5.54.2",
   "private": false,
   "scripts": {
     "clean": "rimraf dist",

package/src/configs/tailwind/colors.ts

@@ -1,5 +1,6 @@
 export default {
   color: {
+    transparent: 'rgba(0, 0, 0, 0)',
     background: {
       white: 'rgba(var(--color-background-white) / <alpha-value>)',
       anti: {