@mindly/ui-components 8.4.7 → 8.5.0

package/dist/cjs/lib2/features/CardModal/CardModal.d.ts

@@ -17,6 +17,8 @@ export type CardModalProps = {
     }) => React.ReactNode;
     mode?: HTMLIonModalElement['mode'];
     onDidPresent?: () => void;
+    onWillPresent?: () => void;
+    onWillDismiss?: () => void;
 };
 declare const CardModal: React.ForwardRefExoticComponent<CardModalProps & {
     children?: React.ReactNode | undefined;

package/dist/cjs/lib2/features/ConfirmWithCommentFeature/ConfirmWithCommentFeature.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+import { AvatarProps } from '../../shared/ui/Avatar_v2/Avatar_v2';
+type ConfirmWithCommentFeatureProps = {
+    currentComment?: string;
+    avatarProps?: AvatarProps;
+    title: React.ReactNode;
+    description?: string;
+    onSubmit: (data: {
+        comment: string;
+    }) => Promise<void>;
+    onModalAppeared?: () => void;
+    placeholder?: string;
+    buttonText?: string;
+    isOpen?: boolean;
+    maxLength?: number;
+    minLength?: number;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+};
+export type ConfirmWithCommentFeatureRef = {
+    openModal: () => void;
+    closeModal: () => void;
+};
+export declare const ConfirmWithCommentFeature: React.FC<ConfirmWithCommentFeatureProps>;
+export {};

package/dist/cjs/lib2/features/ConfirmWithCommentFeature/index.d.ts

@@ -0,0 +1 @@
+export * from './ConfirmWithCommentFeature';

package/dist/cjs/lib2/features/GoogleCalendarModalFeature/GoogleCalendarModalFeature.d.ts

@@ -1,6 +1,6 @@
 import * as React from 'react';
 import { WithTranslation } from 'react-i18next';
-type GoogleCalendarModalFeatureProps = {
+export type GoogleCalendarModalFeatureProps = {
     isOpen: boolean;
     status: 'active' | 'inactive' | 'access_denied';
     presentingElement?: HTMLElement | undefined;
@@ -12,4 +12,3 @@ type GoogleCalendarModalFeatureProps = {
     isShowHandle?: boolean;
 };
 export declare function GoogleCalendarModalFeature({ status, isOpen, onSync, isLoading, onDidDismiss, imageUrl, t, presentingElement, }: GoogleCalendarModalFeatureProps): React.ReactElement;
-export {};

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/RecurringSessionPreviewFeature.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { RecurringSessionPreviewFeatureProps } from './types';
+declare const RecurringSessionPreviewFeature: React.FC<RecurringSessionPreviewFeatureProps>;
+export default RecurringSessionPreviewFeature;

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/RecurringSessionPreviewFeature.stories.d.ts

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react';
+import RecurringSessionPreviewFeature from './RecurringSessionPreviewFeature';
+declare const meta: Meta<typeof RecurringSessionPreviewFeature>;
+export default meta;
+type Story = StoryObj<typeof RecurringSessionPreviewFeature>;
+export declare const Default: Story;
+export declare const IsLoading: Story;

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/RecurringSessionPreviewFeatureSkeleton.d.ts

@@ -0,0 +1,3 @@
+import React from 'react';
+declare const SessionPreviewFeatureSkeleton: React.FC;
+export default SessionPreviewFeatureSkeleton;

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/index.d.ts

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

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/styles.d.ts

@@ -0,0 +1,109 @@
+export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVReturnType<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, {
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, import("tailwind-variants").TVReturnType<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
+    variant: {
+        default: {
+            root: string;
+            label: string;
+        };
+        current: {
+            root: string;
+            label: string;
+        };
+        soon: {
+            root: string;
+            label: string;
+        };
+        near: {
+            root: string;
+            label: string;
+        };
+        past: {
+            root: string;
+        };
+    };
+}, {
+    root: string;
+    label: string;
+}, undefined, unknown, unknown, undefined>>;

package/dist/cjs/lib2/features/RecurringSessionPreviewFeature/types.d.ts

@@ -0,0 +1,10 @@
+import { RecurringSession } from '../../shared';
+import { WithTranslation } from 'react-i18next';
+export type RecurringSessionPreviewFeatureProps = {
+    recurringSession?: RecurringSession;
+    avatarLink?: string;
+    name?: string;
+    t?: WithTranslation['t'];
+    isLoading?: boolean;
+    onClick?(session: RecurringSession): void;
+};

package/dist/cjs/lib2/features/ReservedSessionManageModalFeature/ReservedSessionManageModalFeature.d.ts

@@ -0,0 +1,16 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { SessionQueue, RecurringSession } from '../../shared';
+import { ModalSheetProps } from '../../shared/ui/ModalSheet/types';
+type ReservedSessionManageModalFeatureProps = {
+    session?: SessionQueue | RecurringSession;
+    userName?: string;
+    userAvatar?: string;
+    isOpen?: boolean;
+    locale?: string;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+    t?: WithTranslation['t'];
+    onSelectAction?: (action: 'reschedule' | 'cancel') => void;
+} & ModalSheetProps;
+declare const ReservedSessionManageModalFeature: FC<ReservedSessionManageModalFeatureProps>;
+export default ReservedSessionManageModalFeature;

package/dist/cjs/lib2/features/ReservedSessionManageModalFeature/index.d.ts

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

package/dist/cjs/lib2/features/SessionManageModalFeature/SessionManageModalFeature.d.ts

@@ -0,0 +1,21 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { RecurringSchedule } from '../../shared';
+import { ModalSheetProps } from '../../shared/ui/ModalSheet/types';
+export declare enum SessionManageTypeEnum {
+    ONLY_THIS_SESSION = "only_this_session",
+    THIS_AND_FUTURE_SESSIONS = "this_and_future_sessions",
+    ALL_SESSIONS = "all_sessions"
+}
+type SessionManageModalFeatureProps = {
+    action: 'reschedule' | 'cancel';
+    sessionStartDate: string;
+    sessionRecurringSchedule?: RecurringSchedule;
+    isOpen?: boolean;
+    locale?: string;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+    t?: WithTranslation['t'];
+    onSelectSessionManageType?: (sessionManageType: SessionManageTypeEnum) => void;
+} & ModalSheetProps;
+declare const SessionManageModalFeature: FC<SessionManageModalFeatureProps>;
+export default SessionManageModalFeature;

package/dist/cjs/lib2/features/SessionManageModalFeature/index.d.ts

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

package/dist/cjs/lib2/features/SessionPreviewFeature/SessionPreviewFeature.stories.d.ts

@@ -12,3 +12,6 @@ export declare const Future: Story;
 export declare const PastRated: Story;
 export declare const PastNotRated: Story;
 export declare const Loading: Story;
+export declare const Conflicted: Story;
+export declare const Scheduled: Story;
+export declare const WillBeCancelled: Story;

package/dist/cjs/lib2/features/SessionPreviewFeature/styles.d.ts

@@ -1,4 +1,15 @@
 export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVReturnType<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;
@@ -24,6 +35,17 @@ export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVR
     root: string;
     label: string;
 }, undefined, {
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;
@@ -49,6 +71,17 @@ export declare const sessionPreviewFeatureStyle: import("tailwind-variants").TVR
     root: string;
     label: string;
 }, import("tailwind-variants").TVReturnType<{
+    queueType: {
+        conflicted: {
+            root: string;
+        };
+        scheduled: {
+            root: string;
+        };
+        undefined: {
+            root: string;
+        };
+    };
     variant: {
         default: {
             root: string;

package/dist/cjs/lib2/features/SessionPreviewFeature/types.d.ts

@@ -1,13 +1,15 @@
-import { Session, SupportedLocales } from '../../shared';
+import { Session, SessionQueue, SupportedLocales } from '../../shared';
 import { WithTranslation } from 'react-i18next';
 export type SessionPreviewFeatureProps = {
-    session?: Session;
+    session?: Session | SessionQueue;
     viewPerson?: 'client' | 'specialist';
     t?: WithTranslation['t'];
     isLoading?: boolean;
     locale: SupportedLocales;
     maxPeriodToReviewPastSessionInHours?: number;
-    onSessionClick?(session: Session): void;
-    onSessionStart?(session: Session): void;
-    rateSessionCallback?: (session: Session) => void;
+    daysBeforeCancelationQueueSession?: number;
+    onSessionClick?(session: Session | SessionQueue): void;
+    onSessionStart?(session: Session | SessionQueue): void;
+    rateSessionCallback?: (session: Session | SessionQueue) => void;
+    onUpdateSubscription?: (session: Session | SessionQueue) => void;
 };

package/dist/cjs/lib2/features/SessionTypeSelectorModalFeature/SessionTypeSelectorModalFeature.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { SessionTypeEnum } from '../../shared';
+import { ModalSheetProps } from '../../shared/ui/ModalSheet/types';
+type SessionTypeSelectorModalFeatureProps = {
+    isOpen?: boolean;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+    t?: WithTranslation['t'];
+    onSelectSessionType?: (sessionType: SessionTypeEnum) => void;
+} & ModalSheetProps;
+declare const SessionManageModalFeature: FC<SessionTypeSelectorModalFeatureProps>;
+export default SessionManageModalFeature;

package/dist/cjs/lib2/features/SessionTypeSelectorModalFeature/index.d.ts

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

package/dist/cjs/lib2/features/SpecialistRescheduleFeature/types.d.ts

@@ -2,7 +2,8 @@ import { WithTranslation } from 'react-i18next';
 import { ScheduleSlot, SupportedLocales, TypographyVariantsEnum } from '../../shared';
 import { ScheduleDate } from '../../shared';
 export type SpecialistRescheduleFeatureProps = {
-    loadingSlot?: string;
+    loadingSlots?: string[];
+    slots?: string[];
     className?: string;
     t?: WithTranslation['t'];
     locale?: SupportedLocales;
@@ -20,4 +21,7 @@ export type SpecialistRescheduleFeatureProps = {
     onShowAll?: () => void;
     onCloseClick?: () => void;
     onClose?: () => void;
+    onWillPresent?: () => void;
+    onWillDismiss?: () => void;
+    onBookClick(): void;
 };

package/dist/cjs/lib2/features/SpecialistScheduleFeature/types.d.ts

@@ -1,7 +1,9 @@
 import { WithTranslation } from 'react-i18next';
-import { ScheduleSlot, SupportedLocales, TypographyVariantsEnum } from '../../shared';
+import { AppViewType, ScheduleSlot, SessionTypeEnum, SupportedLocales, TypographyVariantsEnum } from '../../shared';
 import { ScheduleDate } from '../../shared';
+type SelectionMode = 'single' | 'multiple';
 export type ScheduleFeatureProps = {
+    appViewType?: AppViewType;
     className?: string;
     t?: WithTranslation['t'];
     locale?: SupportedLocales;
@@ -13,8 +15,20 @@ export type ScheduleFeatureProps = {
     slotVariant?: TypographyVariantsEnum;
     isBookingLoading?: boolean;
     isTimeSeparated?: boolean;
-    loadingSlot?: string;
+    loadingSlots?: string[];
+    showMonthSelector?: boolean;
+    selectionMode?: SelectionMode;
+    maxSelectedSlots?: number;
+    preSelectedSlots?: ScheduleSlot[];
+    currentSlot?: ScheduleSlot;
+    isBookButtonDisabled?: boolean;
+    isBookButtonLoading?: boolean;
+    bookButtonText?: string;
+    footerContent?: React.ReactNode;
+    sessionType?: SessionTypeEnum;
     onDateChange?: (date: ScheduleDate, slots: ScheduleSlot[]) => void;
     onSlotChange?: (slot: ScheduleSlot | null) => void;
     onShowAll?: () => void;
+    onBookClick?: () => void;
 };
+export {};

package/dist/cjs/lib2/features/SuccessModalFeature/SuccessModalFeature.d.ts

@@ -0,0 +1,20 @@
+import React, { FC } from 'react';
+import { WithTranslation } from 'react-i18next';
+import { SupportedLocales } from '../../shared';
+export type SuccessModalFeatureAction = 'book_session' | 'trial_session' | 'reschedule_session' | 'cancel_session' | 'recurring_session' | 'recurring_session_cancel' | 'recurring_session_reschedule';
+type SuccessModalFeatureProps = {
+    isOpen?: boolean;
+    ref?: React.RefObject<HTMLIonModalElement | null>;
+    t?: WithTranslation['t'];
+    slots?: string[];
+    locale?: string | SupportedLocales;
+    title?: string;
+    subtitle?: string;
+    action?: SuccessModalFeatureAction;
+    iconHref?: string;
+    onSyncClick?: () => void;
+    onContinueClick?: () => void;
+    showGoogleCalendar?: boolean;
+};
+declare const SuccessModalFeature: FC<SuccessModalFeatureProps>;
+export default SuccessModalFeature;

package/dist/cjs/lib2/features/SuccessModalFeature/index.d.ts

@@ -0,0 +1,2 @@
+export { default as SuccessModalFeature } from './SuccessModalFeature';
+export type { SuccessModalFeatureAction } from './SuccessModalFeature';

package/dist/cjs/lib2/features/TabsFeature/types.d.ts

@@ -1,10 +1,16 @@
+import { TypographyVariantsEnum } from '../../shared';
 export type TabsFeatureProps = {
     tabs: {
         title: string;
         content?: React.ReactNode;
         anchor?: string;
+        searchParam?: string;
     }[];
     className?: string;
+    tabClassName?: string;
+    innerClassName?: string;
     isLoading?: boolean;
+    activeSearchParam?: string;
+    tabVariant?: TypographyVariantsEnum;
     onTabClick?(tab: string): void;
 };

package/dist/cjs/lib2/features/index.d.ts

@@ -57,3 +57,9 @@ export * from './PromptCardsFeature';
 export * from './ExploreCardSwiperFeature';
 export * from './Charts';
 export * from './AdvisorAssistFeature';
+export * from './ConfirmWithCommentFeature';
+export * from './SuccessModalFeature';
+export * from './SessionTypeSelectorModalFeature';
+export * from './SessionManageModalFeature';
+export * from './RecurringSessionPreviewFeature';
+export * from './ReservedSessionManageModalFeature';

package/dist/cjs/lib2/shared/assets/icons/IconAccountBalance.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../../types/iconProps';
+export declare const IconAccountBalance: React.FC<IconProps>;

package/dist/cjs/lib2/shared/assets/icons/IconRecurring.d.ts

@@ -0,0 +1,3 @@
+import * as React from 'react';
+import { IconProps } from '../../types/iconProps';
+export declare const IconRecurring: React.FC<IconProps>;

package/dist/cjs/lib2/shared/assets/icons/index.d.ts

@@ -155,6 +155,8 @@ export * from './IconAddCalendar';
 export * from './IconBlock';
 export * from './IconGoogleCalendar';
 export * from './IconAdvisorAssistance';
+export * from './IconRecurring';
 export * from './IconPhotoCamera';
+export * from './IconAccountBalance';
 export * from './IconVoiceMode';
 export * from './IconKeyboard';

package/dist/cjs/lib2/shared/hooks/useSwipe.d.ts

@@ -0,0 +1,16 @@
+import { DependencyList } from 'react';
+type UseSwipeOptions = {
+    onSwipeLeft?: () => void;
+    onSwipeRight?: () => void;
+    onSwipeUp?: () => void;
+    onSwipeDown?: () => void;
+    minDistance?: number;
+    maxOffAxis?: number;
+    maxDuration?: number;
+    enabled?: boolean;
+    direction?: 'horizontal' | 'vertical';
+};
+export declare const useSwipe: (options?: UseSwipeOptions, deps?: DependencyList) => {
+    ref: import("react").RefObject<HTMLDivElement | null>;
+};
+export {};

package/dist/cjs/lib2/shared/providers/SpecialistScheduleProvider/SpecialistScheduleProvider.d.ts

@@ -2,9 +2,9 @@ import React from 'react';
 import { Schedule, ScheduleDate, ScheduleSlot } from '../../types';
 type SpecialistScheduleContextValue = {
     selectedDate: ScheduleDate | undefined;
-    selectedSlot: ScheduleSlot | undefined;
+    selectedSlots: ScheduleSlot[];
     setSelectedDate: (date: ScheduleDate | undefined) => void;
-    setSelectedSlot: (slot: ScheduleSlot | undefined) => void;
+    setSelectedSlots: (slots: ScheduleSlot[]) => void;
     resetSelectedScheduleData: () => void;
     schedule: Schedule | undefined;
     isLoading: boolean;

package/dist/cjs/lib2/shared/types/common.d.ts

@@ -68,3 +68,7 @@ export declare const StripeSupportedCurrency: SupportedCurrency[];
 export type CSSVarStyles = React.CSSProperties & {
     [key: `--${string}`]: string | number;
 };
+export declare enum AppViewType {
+    CLIENT = "client",
+    SPECIALIST = "specialist"
+}

package/dist/cjs/lib2/shared/types/session.d.ts

@@ -20,6 +20,14 @@ export type SessionReview = {
     client_avatar: string;
     created_at: number;
 };
+export declare enum ConsultationQueueTypeEnum {
+    SCHEDULED = "scheduled",
+    CONFLICTED = "conflicted"
+}
+export type RecurringSchedule = {
+    day: number;
+    time: string;
+};
 export type Session = {
     id: string;
     consultation_time: SessionTime;
@@ -58,6 +66,28 @@ export type Session = {
     payment_intent_id?: string;
     subscription?: Subscription;
     session_review?: SessionReview;
+    recurring_session_id?: string | null;
+};
+export type SessionQueue = Session & {
+    queue_type: ConsultationQueueTypeEnum;
+    reason?: 'slot_booked' | 'slot_vacation';
 };
 export type SessionVariant = 'default' | 'current' | 'soon' | 'near' | 'past';
 export type Consultation = Session;
+export declare enum SessionTypeEnum {
+    RECURRING = "recurring",
+    ONE_TIME = "one_time"
+}
+export type RecurringSession = {
+    id: string;
+    specialistId: string;
+    clientId: string;
+    userTimezone: string;
+    name?: string;
+    avatarLink?: string;
+    recurring: {
+        interval: 'weekly';
+        day: number;
+        time: string;
+    };
+};

package/dist/cjs/lib2/shared/ui/Calendar/Calendar.d.ts

@@ -1,3 +1,3 @@
 import React from 'react';
 import { CalendarProps } from './types';
-export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): React.ReactElement;
+export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, titleVariant, gridClassName, headerClassName, isDropdown, useSwipeMonthNavigation, selectedValue, className, ...props }: CalendarProps): React.ReactElement;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarCell.d.ts

@@ -5,6 +5,7 @@ export declare const CalendarCell: React.ForwardRefExoticComponent<{
     locale: import("../..").SupportedLocales;
     timeZone?: string;
     selectionMode?: import("react-stately").SelectionMode;
+    className?: string;
     renderCustomDateContent?: (date: string, formattedDate: string, isSelected: boolean, isToday: boolean) => React.ReactNode;
 } & {
     state: import("react-stately").CalendarState;

package/dist/cjs/lib2/shared/ui/Calendar/CalendarGrid.d.ts

@@ -1,5 +1,5 @@
 import * as React from 'react';
 import { CalendarGridProps } from './types';
-export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, ...props }: CalendarGridProps): React.ReactElement;
+export declare function CalendarGrid({ state, selectionState, locale, isShowWeekNames, weekdayStyle, handleSelectionDateChange, selectionMode, onDatePress, offset, renderCustomDateContent, timeZone, className, ref, ...props }: CalendarGridProps): React.ReactElement;
 declare const _default: React.NamedExoticComponent<CalendarGridProps>;
 export default _default;

package/dist/cjs/lib2/shared/ui/Calendar/styles.d.ts

@@ -14,6 +14,13 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     fullWidth: {
         true: {};
     };
+    isDropdown: {
+        true: {
+            header: string;
+            grid: string;
+            base: string;
+        };
+    };
 }, {
     header: string;
     title: string;
@@ -23,6 +30,7 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     day: string;
     navigation: string;
     navigationButton: string;
+    grid: string;
 }, "flex-1 max-w-xs", {
     isDisabled: {
         true: {};
@@ -39,6 +47,13 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     fullWidth: {
         true: {};
     };
+    isDropdown: {
+        true: {
+            header: string;
+            grid: string;
+            base: string;
+        };
+    };
 }, {
     header: string;
     title: string;
@@ -48,6 +63,7 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     day: string;
     navigation: string;
     navigationButton: string;
+    grid: string;
 }, import("tailwind-variants").TVReturnType<{
     isDisabled: {
         true: {};
@@ -64,6 +80,13 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     fullWidth: {
         true: {};
     };
+    isDropdown: {
+        true: {
+            header: string;
+            grid: string;
+            base: string;
+        };
+    };
 }, {
     header: string;
     title: string;
@@ -73,4 +96,5 @@ export declare const calendarStyles: import("tailwind-variants").TVReturnType<{
     day: string;
     navigation: string;
     navigationButton: string;
+    grid: string;
 }, "flex-1 max-w-xs", unknown, unknown, undefined>>;