@mindly/ui-components 6.6.0 → 6.6.1-dev.1

package/dist/esm/lib2/features/PushNotificationsModal/PushNotificationsModal.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { PushNotificationsModalProps } from './types';
 export declare function PushNotificationsModal({ onApplyPermission, isOpen, title, description, image, applyPermissionText, ...props }: PushNotificationsModalProps): JSX.Element;

package/dist/esm/lib2/features/TariffFeature/styles.d.ts

@@ -6,9 +6,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -41,9 +38,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -70,9 +64,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -99,9 +90,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -134,9 +122,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -169,9 +154,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";
@@ -198,9 +180,6 @@ export declare const tariffFeatureStyle: import("tailwind-variants").TVReturnTyp
         blue: {
             checkbox: string;
         };
-        custom: {
-            checkbox: string;
-        };
     };
     isSelected: {
         true: "";

package/dist/esm/lib2/features/TariffFeature/types.d.ts

@@ -1,6 +1,5 @@
 import { WithTranslation } from 'react-i18next';
 import { VariantEnum } from '../../shared/types/variant';
-import { OnBoardingThemeV2Type } from '../../shared';
 export type TariffFeatureProps = {
     className?: string;
     t?: WithTranslation['t'];
@@ -12,7 +11,6 @@ export type TariffFeatureProps = {
     isSelected: boolean;
     badge?: string;
     variant: VariantEnum;
-    onboardingTheme?: OnBoardingThemeV2Type;
     description?: string;
     advantagesList?: {
         id: string;

package/dist/esm/lib2/shared/assets/icons/IconMinus.d.ts

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { IconProps } from '../../types';
 export declare function IconMinus({ color, size, ...other }: IconProps): JSX.Element;

package/dist/esm/lib2/shared/providers/AuthProvider/AuthProvider.d.ts

@@ -0,0 +1,12 @@
+import React, { FC } from 'react';
+import { User } from '@capacitor-firebase/authentication';
+import { AuthContextType } from './types';
+export declare const AuthContext: React.Context<AuthContextType | null>;
+type AuthProviderProps = {
+    /**
+     * REMOVE WHEN WE MOVE AUTH TO NATIVE CAPACITOR PLUGIN
+     */
+    webAuthListener?: (callback: (user: User | null) => void) => () => void;
+};
+export declare const AuthProvider: FC<AuthProviderProps>;
+export {};

package/dist/esm/lib2/shared/providers/AuthProvider/index.d.ts

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

package/dist/esm/lib2/shared/providers/AuthProvider/types.d.ts

@@ -0,0 +1,19 @@
+import { CreateUserWithEmailAndPasswordOptions, LinkWithEmailAndPasswordOptions, SendPasswordResetEmailOptions, SignInResult, SignInWithEmailAndPasswordOptions, User } from '@capacitor-firebase/authentication';
+export type AuthContextType = {
+    isAuthLoading: boolean;
+    isAuthReady: boolean;
+    authUser: User | null;
+    signInAnonymously: () => Promise<SignInResult>;
+    signInWithApple: () => Promise<SignInResult>;
+    signInWithGoogle: () => Promise<SignInResult>;
+    signInWithCustomToken: (token: string) => Promise<SignInResult>;
+    signInWithEmailAndPassword: (options: SignInWithEmailAndPasswordOptions) => Promise<SignInResult>;
+    linkWithApple: () => Promise<SignInResult>;
+    linkWithGoogle: () => Promise<SignInResult>;
+    linkWithEmailAndPassword: (options: LinkWithEmailAndPasswordOptions) => Promise<SignInResult>;
+    signOut: () => Promise<void>;
+    createUserWithEmailAndPassword: (options: CreateUserWithEmailAndPasswordOptions) => Promise<SignInResult>;
+    sendPasswordResetEmail: (options: SendPasswordResetEmailOptions) => Promise<void>;
+    changePassword: (newPassword: string) => Promise<void>;
+    sendEmailVerification: () => Promise<void>;
+};

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

@@ -3,3 +3,4 @@ export * from './ToastProvider';
 export * from './CircleRatingProvider';
 export * from './VideoProvider';
 export * from './SpecialistScheduleProvider';
+export * from './AuthProvider';

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { WithTranslation } from 'react-i18next';
 export type TranslationMock = {
     t: (v1: any, v2?: any) => string;
@@ -42,6 +41,3 @@ export declare enum ShortTranscriptionCurrencySignByLocale {
     'es' = "US"
 }
 export declare const StripeSupportedCurrency: SupportedCurrency[];
-export type CSSVarStyles = React.CSSProperties & {
-    [key: `--${string}`]: string | number;
-};

package/dist/esm/lib2/shared/types/onBoardingFlow.type.d.ts

@@ -66,11 +66,6 @@ export type OnBoardingScreenProgressType = {
     template?: OnboardingProgressTemplate;
     image?: ResponseFileType | null;
 };
-export type OnBoardingThemeV2Type = {
-    template: OnboardingVariant;
-    customColor?: string | null;
-    customTextColor?: string | null;
-};
 export type OnBoardingScreenSkipButtonType = {
     skipButtonText?: string | null;
     showSkipButton?: boolean;
@@ -267,13 +262,11 @@ export type OnBoardingFlowType = {
     duration_min?: number | null;
     isDefault?: boolean;
     theme?: OnboardingVariant;
-    theme_v2?: OnBoardingThemeV2Type;
     progress?: OnBoardingScreenProgressType;
 };
 export declare enum OnboardingVariant {
     default = "default",
-    blue = "blue",
-    custom = "custom"
+    blue = "blue"
 }
 export declare enum OnboardingProgressTemplate {
     default = "default",

package/dist/esm/lib2/shared/types/specialistTypes.d.ts

@@ -39,7 +39,6 @@ export type Specialist = {
     about?: string;
     areas_of_work: Array<string> | [];
     areas_of_work_by_client_problem: Array<string> | [];
-    localized_areas_of_work_by_client_problem: string[];
     therapy_description?: string;
     avatar_link?: string;
     time_zone: string;

package/dist/esm/lib2/shared/types/variant.d.ts

@@ -1,5 +1,4 @@
 export declare enum VariantEnum {
     default = "default",
-    blue = "blue",
-    custom = "custom"
+    blue = "blue"
 }

package/dist/esm/lib2/shared/ui/Button_v2/Button_v2.style.d.ts

@@ -17,7 +17,7 @@ export declare const ButtonStyled: import("styled-components").StyledComponent<i
     isLoading?: boolean | undefined;
     icon?: import("react").ReactNode;
     iconPosition?: "center" | "start" | undefined;
-    style?: import("../..").CSSVarStyles | undefined;
+    style?: import("react").CSSProperties | undefined;
     id?: string | undefined;
-    variant?: "default" | "blue" | "custom" | undefined;
+    variant?: "default" | "blue" | undefined;
 } & import("@ionic/core/dist/types/components").JSX.IonButton, never>;

package/dist/esm/lib2/shared/ui/Button_v2/types.d.ts

@@ -1,6 +1,5 @@
 /// <reference types="react" />
 import { JSX } from '@ionic/core/components';
-import { CSSVarStyles } from '../../types';
 export type ButtonProps = {
     fill?: 'outline' | 'clear';
     size?: 'default' | 'large' | 'small';
@@ -14,7 +13,7 @@ export type ButtonProps = {
     isLoading?: boolean;
     icon?: React.ReactNode;
     iconPosition?: 'start' | 'center';
-    style?: CSSVarStyles;
+    style?: React.CSSProperties;
     id?: string;
-    variant?: 'default' | 'blue' | 'custom';
+    variant?: 'default' | 'blue';
 } & JSX.IonButton;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { CalendarProps } from './types';
 export declare function Calendar({ maxValue, minValue, timeZone, locale, isShowWeekNames, isShowMonthNavigation, selectionMode, onSelectionChange, defaultSelectDates, onDatePress, renderCustomDateContent, fullWidth, ...props }: CalendarProps): JSX.Element;

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendar.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { CalendarProps } from './types';
 type VerticalCalendarProps = CalendarProps & {
     visibleDuration?: number;

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendarMonthSkeleton.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 type VerticalCalendarMonthSkeletonProps = {
     days: number;
 };

package/dist/esm/lib2/shared/ui/Calendar/VerticalCalendarSkeleton.d.ts

@@ -1,2 +1 @@
-/// <reference types="react" />
 export declare function VerticalCalendarSkeleton(): JSX.Element;

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

@@ -1,3 +1,2 @@
-/// <reference types="react" />
 import { ListBoxProps } from './types';
-export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, onboardingTheme, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;
+export default function ListBox<T extends Record<string, unknown>>({ selectedIconProps, type, selectionPosition, enableSelection, className, variant, isOnboardingPreview, isTransparent, isRoundCorners, maxSelectionCount, initialVisibleCount, t, ...props }: ListBoxProps<T>): JSX.Element;

package/dist/esm/lib2/shared/ui/ListBox/types.d.ts

@@ -1,5 +1,5 @@
 import { AriaListBoxProps } from 'react-aria';
-import { IconProps, OnBoardingThemeV2Type, ResponseFileType } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 import { WithTranslation } from 'react-i18next';
 export declare enum ListBoxSelectionType {
     Checkbox = "checkbox",
@@ -9,7 +9,7 @@ export declare enum ListBoxSelectionType {
     Emoji = "emoji",
     Icon = "icon"
 }
-export type VariantType = 'default' | 'blue' | 'custom';
+export type VariantType = 'default' | 'blue';
 export type ListBoxProps<T> = AriaListBoxProps<T> & {
     type?: `${ListBoxSelectionType}`;
     enableSelection?: boolean;
@@ -17,7 +17,6 @@ export type ListBoxProps<T> = AriaListBoxProps<T> & {
     selectionPosition?: 'start' | 'end';
     className?: string;
     variant?: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type;
     image?: ResponseFileType;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxDefaultItem.d.ts

@@ -1,19 +1,18 @@
 import React from 'react';
 import { Node } from 'react-stately';
 import { VariantType } from '../ListBox/types';
-import { IconProps, OnBoardingThemeV2Type } from '../../types';
-declare const _default: React.MemoExoticComponent<({ item, isSelected, selectionPosition, enableSelection, selectedIconProps, selectionIconClassName, variant, onboardingTheme, labelProps, customContent, className, type, }: {
+import { IconProps } from '../../types';
+declare const _default: React.MemoExoticComponent<({ item, isSelected, selectionPosition, enableSelection, selectedIconProps, selectionIconClassName, variant, labelProps, customContent, className, type, }: {
     isSelected: boolean;
     selectionIconClassName: string;
     labelProps: React.DOMAttributes<HTMLDivElement>;
     customContent: boolean;
     className: string;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type | undefined;
     item: Node<unknown>;
     selectionPosition: "end" | "start";
     enableSelection: boolean;
     selectedIconProps: IconProps;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
+    type: "image" | "checkbox" | "radio" | "icon" | "emoji" | "roundImage";
 }) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxEmojiItem.d.ts

@@ -1,14 +1,12 @@
 import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
 import { VariantType } from '../ListBox/types';
-import { OnBoardingThemeV2Type } from '../../types';
 type ListBoxImageItemProps = {
     isSelected: boolean;
     item: Node<unknown>;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type;
     labelProps: DOMAttributes<HTMLDivElement>;
     isOnboardingPreview?: boolean;
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, variant, onboardingTheme, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, variant, labelProps, isOnboardingPreview, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxIconItem.d.ts

@@ -1,15 +1,14 @@
 import React from 'react';
 import { Node } from 'react-stately';
 import { VariantType } from '../ListBox/types';
-import { IconProps, OnBoardingThemeV2Type, ResponseFileType } from '../../types';
-declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, onboardingTheme, labelProps, type, isOnboardingPreview, image, selectionMode, selectedIconProps, selectionIconClassName, }: {
+import { IconProps, ResponseFileType } from '../../types';
+declare const _default: React.MemoExoticComponent<({ item, isSelected, enableSelection, variant, labelProps, type, isOnboardingPreview, image, selectionMode, selectedIconProps, selectionIconClassName, }: {
     isSelected: boolean;
     labelProps: React.DOMAttributes<HTMLDivElement>;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type | undefined;
     item: Node<unknown>;
     enableSelection: boolean;
-    type: "image" | "icon" | "checkbox" | "radio" | "emoji" | "roundImage";
+    type: "image" | "checkbox" | "radio" | "icon" | "emoji" | "roundImage";
     isOnboardingPreview?: boolean | undefined;
     image?: ResponseFileType | null | undefined;
     selectionMode?: "none" | "multiple" | "single" | undefined;

package/dist/esm/lib2/shared/ui/ListBoxItem/ListBoxImageItem.d.ts

@@ -1,17 +1,16 @@
 import React, { DOMAttributes } from 'react';
 import { Node } from 'react-stately';
-import { OnBoardingThemeV2Type, ResponseFileType } from '../../types';
+import { ResponseFileType } from '../../types';
 import { ListBoxSelectionType, VariantType } from '../ListBox/types';
 type ListBoxImageItemProps = {
     isSelected: boolean;
     item: Node<unknown>;
     image?: ResponseFileType | null;
     variant: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type;
     labelProps: DOMAttributes<HTMLDivElement>;
     isOnboardingPreview?: boolean;
     isRoundCorners?: boolean;
     type: ListBoxSelectionType.Image | ListBoxSelectionType.RoundImage | 'image' | 'roundImage';
 };
-declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, onboardingTheme, labelProps, isOnboardingPreview, isRoundCorners, type, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
+declare const _default: React.MemoExoticComponent<({ isSelected, item, image, variant, labelProps, isOnboardingPreview, isRoundCorners, type, }: ListBoxImageItemProps) => import("react/jsx-runtime").JSX.Element>;
 export default _default;

package/dist/esm/lib2/shared/ui/ListBoxItem/constants.d.ts

@@ -1,2 +1,2 @@
 import { VariantType } from '../ListBox/types';
-export declare const VARIANT_COLOR_MAP: Partial<Record<VariantType, string>>;
+export declare const VARIANT_COLOR_MAP: Record<VariantType, string>;

package/dist/esm/lib2/shared/ui/ListBoxItem/types.d.ts

@@ -1,7 +1,7 @@
 import { ListState, Node } from 'react-stately';
 import * as React from 'react';
 import { ListBoxSelectionType, VariantType } from '../ListBox';
-import { IconProps, OnBoardingThemeV2Type, ResponseFileType } from '../../types';
+import { IconProps, ResponseFileType } from '../../types';
 export type ListOptionsProps = {
     item: Node<unknown>;
     state: ListState<unknown>;
@@ -13,7 +13,6 @@ export type ListOptionsProps = {
     selectionPosition?: 'start' | 'end';
     enableSelection?: boolean;
     variant?: VariantType;
-    onboardingTheme?: OnBoardingThemeV2Type;
     image?: ResponseFileType | null;
     isOnboardingPreview?: boolean;
     selectionMode?: 'single' | 'multiple' | 'none';
@@ -30,6 +29,7 @@ export type ListBoxItemProps = {
     className?: string;
     customContent?: boolean;
     onClick?: HTMLIonItemElement['onclick'];
+    variant?: VariantType;
     image?: ResponseFileType | null;
     maxSelectionCount?: number;
 };

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

@@ -1,13 +1,11 @@
 import React from 'react';
-import { CSSVarStyles } from '../../types';
 type ProgressBar_v2Props = {
-    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light' | 'blue' | 'custom';
+    variant?: 'default' | 'danger' | 'success' | 'dark' | 'light' | 'blue';
     progress: number;
     className?: string;
     reversed?: boolean;
     animationDuration?: number;
     onProgressEnd?: () => void;
-    style?: CSSVarStyles;
 };
 declare const _default: React.NamedExoticComponent<ProgressBar_v2Props>;
 export default _default;

package/dist/esm/lib2/shared/ui/RatingCircle/RatingCircleIcons.d.ts

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 export declare function CircleRatingIcon({ index, className, }: {
     index: number;
     className: string;

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { ItemProps, Node, TabListState } from 'react-stately';
 type TabProps<T> = {
     item: Node<T> & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AriaTabPanelProps } from 'react-aria';
 import type { TabListState } from 'react-stately';
 type TabPanelProps<T> = AriaTabPanelProps & {

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

@@ -1,4 +1,3 @@
-/// <reference types="react" />
 import { AriaTabListProps } from 'react-aria';
 type TabsProps<T> = AriaTabListProps<T> & {
     className?: string;

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

@@ -39,10 +39,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }, {
     playButton: string;
@@ -89,10 +85,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }, {
     buttonSize: {
@@ -135,10 +127,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }>, {
     buttonSize: {
@@ -181,10 +169,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }, {
     playButton: string;
@@ -231,10 +215,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }, {
     playButton: string;
@@ -281,10 +261,6 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }, {
     buttonSize: {
@@ -327,9 +303,5 @@ export declare const videoStyle: import("tailwind-variants").TVReturnType<{
             playButton: string;
             loadingIcon: string;
         };
-        custom: {
-            playButton: string;
-            loadingIcon: string;
-        };
     };
 }>, unknown, unknown, undefined>>;

package/dist/esm/lib2/shared/utils/globalAuthState.d.ts

@@ -0,0 +1,131 @@
+/**
+ * Global Authentication State Manager
+ *
+ * This utility class manages the authentication readiness state across the entire application.
+ * It ensures that HTTP requests and other auth-dependent operations wait for authentication
+ * initialization to complete before proceeding.
+ *
+ * ## Usage Pattern:
+ *
+ * 1. **UI Library Internal**: The UI library calls `setReady()` when authentication initialization
+ *    is complete (e.g., after token validation, user session restoration, etc.)
+ *
+ * 2. **External Consumers**: Global states, HTTP interceptors, and other parts of the application
+ *    use `waitForReady()` or `getIsReady()` to ensure auth is initialized before making requests
+ *
+ * ## Example:
+ * // In UI library (AuthProvider):
+ * globalAuthState.setReady(); // Called after auth initialization
+ *
+ * // In global states or HTTP clients:
+ * await globalAuthState.waitForReady(); // Wait before making authenticated requests
+ *
+ * // In synchronous contexts:
+ * if (globalAuthState.getIsReady()) {
+ *   // Proceed with auth-dependent operations
+ * }
+ *
+ * ## Thread Safety:
+ * This class is designed to be safe for concurrent access. Multiple consumers can wait
+ * for readiness simultaneously, and all will be notified when auth becomes ready.
+ */
+declare class GlobalAuthState {
+    /** Internal flag tracking whether authentication is ready */
+    private isReady;
+    /** Promise that resolves when authentication becomes ready */
+    private readyPromise;
+    /** Function to resolve the readiness promise */
+    private resolveReady;
+    constructor();
+    /**
+     * Mark authentication as ready and notify all waiting consumers
+     *
+     * **INTERNAL USE ONLY**: This method should only be called by the UI library's
+     * authentication provider when auth initialization is complete.
+     *
+     * This method is idempotent - calling it multiple times has no additional effect.
+     *
+     * @example
+     * // In AuthProvider after successful initialization
+     * globalAuthState.setReady();
+     */
+    setReady(): void;
+    /**
+     * Wait for authentication to be ready before proceeding
+     *
+     * **PUBLIC API**: This method is intended for use by global states, HTTP interceptors,
+     * and other parts of the application that need to ensure auth is ready before proceeding.
+     *
+     * If auth is already ready, this method returns immediately. Otherwise, it waits
+     * until `setReady()` is called.
+     *
+     * @returns Promise that resolves when authentication is ready
+     *
+     * @example
+     * // In HTTP interceptor
+     * async function makeAuthenticatedRequest(url: string) {
+     *   await globalAuthState.waitForReady();
+     *   return fetch(url, { headers: { Authorization: getToken() } });
+     * }
+     *
+     * // In global state
+     * async function initializeUserData() {
+     *   await globalAuthState.waitForReady();
+     *   // Now safe to make authenticated API calls
+     * }
+     */
+    waitForReady(): Promise<void>;
+    /**
+     * Check if authentication is ready synchronously
+     *
+     * **PUBLIC API**: This method is intended for use in synchronous contexts where
+     * you need to check auth readiness without waiting.
+     *
+     * @returns `true` if authentication is ready, `false` otherwise
+     *
+     * @example
+     * // In a synchronous context
+     * function canMakeAuthRequest(): boolean {
+     *   return globalAuthState.getIsReady();
+     * }
+     *
+     * // In conditional logic
+     * if (globalAuthState.getIsReady()) {
+     *   // Safe to access auth-dependent features
+     *   showUserDashboard();
+     * } else {
+     *   // Show loading state
+     *   showAuthLoadingSpinner();
+     * }
+     */
+    getIsReady(): boolean;
+    /**
+     * Reset the authentication ready state
+     *
+     * **PRIVATE METHOD**: This method is for internal use only (testing, re-initialization).
+     * It should not be called by external consumers as it can cause race conditions
+     * and unexpected behavior in production.
+     *
+     * Resets the state to unready and creates a new promise that consumers will wait on.
+     */
+    private reset;
+}
+/**
+ * Global singleton instance of the authentication state manager
+ *
+ * This is the main interface for interacting with authentication readiness state.
+ * Import and use this instance throughout your application to coordinate auth-dependent operations.
+ *
+ * @example
+ * import { globalAuthState } from './globalAuthState';
+ *
+ * // Wait for auth in async contexts
+ * await globalAuthState.waitForReady();
+ *
+ * // Check auth state synchronously
+ * if (globalAuthState.getIsReady()) {
+ *   // Proceed with authenticated operations
+ * }
+ */
+export declare const globalAuthState: GlobalAuthState;
+export {};

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

@@ -10,3 +10,4 @@ export * from './filter';
 export * from './session';
 export * from './mock';
 export { ONBOARDING_THEME_DEFAULT_COLORS } from './onboarding';
+export * from './globalAuthState';

package/dist/esm/lib2/shared/utils/onboarding.d.ts

@@ -1,4 +1,4 @@
 import { OnboardingVariant } from '../types';
-export declare const ONBOARDING_THEME_DEFAULT_COLORS: Partial<Record<OnboardingVariant, {
+export declare const ONBOARDING_THEME_DEFAULT_COLORS: Record<OnboardingVariant, {
     defaultThemeColor: string;
-}>>;
+}>;