@juspay/blend-design-system 0.0.35-beta.4 → 0.0.35

package/dist/components/AvatarV2/AvatarV2.d.ts

@@ -0,0 +1,18 @@
+import { default as React, ReactElement } from 'react';
+import { AvatarV2Size, AvatarV2Shape } from './avatarV2.types';
+declare const AvatarV2: React.ForwardRefExoticComponent<{
+    src?: string;
+    alt?: string;
+    fallbackText?: string;
+    size?: AvatarV2Size;
+    shape?: AvatarV2Shape;
+    status?: import('./avatarV2.types').AvatarV2StatusConfig;
+    leftSlot?: ReactElement;
+    rightSlot?: ReactElement;
+    skeleton?: import('./avatarV2.types').AvatarV2SkeletonConfig;
+    backgroundColor?: string;
+    disabled?: boolean;
+    onImageError?: (error: Error) => void;
+    onImageLoad?: () => void;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, "style" | "className" | "children"> & import('./avatarV2.types').AvatarV2Dimensions & React.RefAttributes<HTMLDivElement>>;
+export default AvatarV2;

package/dist/components/AvatarV2/avatarV2.dark.tokens.d.ts

@@ -0,0 +1,8 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { AvatarV2TokensType } from './avatarV2.tokens';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+type ResponsiveAvatarV2Tokens = {
+    [key in keyof BreakpointType]: AvatarV2TokensType;
+};
+export declare const getAvatarV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveAvatarV2Tokens;
+export {};

package/dist/components/AvatarV2/avatarV2.light.tokens.d.ts

@@ -0,0 +1,8 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { AvatarV2TokensType } from './avatarV2.tokens';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+type ResponsiveAvatarV2Tokens = {
+    [key in keyof BreakpointType]: AvatarV2TokensType;
+};
+export declare const getAvatarV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveAvatarV2Tokens;
+export {};

package/dist/components/AvatarV2/avatarV2.tokens.d.ts

@@ -0,0 +1,77 @@
+import { CSSObject } from 'styled-components';
+import { AvatarV2Size, AvatarV2Shape, AvatarV2Status } from './avatarV2.types';
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { Theme } from '../../context/theme.enum';
+export type AvatarV2TokensType = {
+    gap: CSSObject['gap'];
+    container: {
+        backgroundColor: CSSObject['backgroundColor'];
+        width: {
+            [key in AvatarV2Size]: CSSObject['width'];
+        };
+        height: {
+            [key in AvatarV2Size]: CSSObject['height'];
+        };
+        borderRadius: {
+            [key in AvatarV2Shape]: CSSObject['borderRadius'];
+        };
+        image: {
+            border: CSSObject['border'];
+        };
+        fallbackText: {
+            border: CSSObject['border'];
+            fontSize: {
+                [key in AvatarV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in AvatarV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in AvatarV2Size]: CSSObject['lineHeight'];
+            };
+            color: CSSObject['color'];
+        };
+        status: {
+            width: {
+                [key in AvatarV2Size]: CSSObject['width'];
+            };
+            height: {
+                [key in AvatarV2Size]: CSSObject['height'];
+            };
+            border: {
+                [key in AvatarV2Size]: CSSObject['border'];
+            };
+            borderRadius: CSSObject['borderRadius'];
+            backgroundColor: {
+                [key in AvatarV2Status]: CSSObject['backgroundColor'];
+            };
+            boxShadow: CSSObject['boxShadow'];
+            position: {
+                [key in AvatarV2Shape]: {
+                    [key in AvatarV2Size]: {
+                        top?: CSSObject['top'];
+                        right?: CSSObject['right'];
+                        bottom?: CSSObject['bottom'];
+                        left?: CSSObject['left'];
+                    };
+                };
+            };
+        };
+    };
+    slot: {
+        height: CSSObject['height'];
+        width: CSSObject['width'];
+    };
+};
+export type ResponsiveAvatarV2Tokens = {
+    [key in keyof BreakpointType]: AvatarV2TokensType;
+};
+/**
+ * Get AvatarV2 tokens based on theme
+ *
+ * @param foundationToken - The foundation theme tokens
+ * @param theme - The current theme (light or dark)
+ * @returns Responsive AvatarV2 tokens
+ */
+export declare const getAvatarV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveAvatarV2Tokens;

package/dist/components/AvatarV2/avatarV2.types.d.ts

@@ -0,0 +1,79 @@
+import { HTMLAttributes, ReactNode, ReactElement } from 'react';
+import { CSSObject } from 'styled-components';
+export declare enum AvatarV2Size {
+    SM = "sm",
+    REGULAR = "regular",
+    MD = "md",
+    LG = "lg",
+    XL = "xl"
+}
+export declare enum AvatarV2Shape {
+    CIRCULAR = "circular",
+    ROUNDED = "rounded"
+}
+export declare enum AvatarV2StatusPosition {
+    TOP_RIGHT = "topRight",
+    BOTTOM_RIGHT = "bottomRight",
+    TOP_LEFT = "topLeft",
+    BOTTOM_LEFT = "bottomLeft"
+}
+export declare enum AvatarV2Status {
+    NONE = "none",
+    ONLINE = "online",
+    OFFLINE = "offline",
+    AWAY = "away",
+    BUSY = "busy"
+}
+export declare enum AvatarV2Variant {
+    IMAGE = "image",
+    TEXT = "text",
+    ICON = "icon"
+}
+export type AvatarV2SkeletonConfig = {
+    show: boolean;
+    variant?: 'pulse' | 'wave';
+};
+export type AvatarV2StatusConfig = {
+    type: AvatarV2Status;
+    position?: AvatarV2StatusPosition;
+};
+export type AvatarV2Dimensions = {
+    width?: CSSObject['width'];
+    height?: CSSObject['height'];
+};
+export type AvatarV2Props = {
+    src?: string;
+    alt?: string;
+    fallbackText?: string;
+    size?: AvatarV2Size;
+    shape?: AvatarV2Shape;
+    status?: AvatarV2StatusConfig;
+    leftSlot?: ReactElement;
+    rightSlot?: ReactElement;
+    skeleton?: AvatarV2SkeletonConfig;
+    backgroundColor?: string;
+    disabled?: boolean;
+    onImageError?: (error: Error) => void;
+    onImageLoad?: () => void;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'children' | 'className' | 'style'> & AvatarV2Dimensions;
+export type AvatarV2ImageProps = {
+    src: string;
+    alt: string;
+    onError: () => void;
+    onLoad?: () => void;
+};
+export type AvatarV2FallbackProps = {
+    children: ReactNode;
+    backgroundColor?: string;
+};
+export type AvatarV2StatusIndicatorProps = {
+    status: AvatarV2Status;
+    position: AvatarV2StatusPosition;
+    size: AvatarV2Size;
+};
+export type AvatarV2GroupProps = {
+    avatars: Omit<AvatarV2Props, 'leadingSlot' | 'trailingSlot'>[];
+    max?: number;
+    size?: AvatarV2Size;
+    spacing?: 'tight' | 'normal' | 'loose';
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;

package/dist/components/AvatarV2/avatarV2.utils.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode } from 'react';
+import { AvatarV2StatusPosition, AvatarV2Shape, AvatarV2Size } from './avatarV2.types';
+import { AvatarV2TokensType } from './avatarV2.tokens';
+export declare const DEFAULT_AVATAR_ALT = "Avatar";
+export declare const DEFAULT_FALLBACK_COLOR = "#94A3B8";
+export declare const MAX_INITIALS_LENGTH = 2;
+export declare const DEFAULT_POSITION: {
+    readonly top: "0";
+    readonly right: "0";
+    readonly bottom: "0";
+};
+export declare function getInitialsFromText(text?: string): string;
+export declare function sanitizeTextForLabel(text: string): string;
+export declare function renderFallbackContent(fallbackText?: string, alt?: string): ReactNode;
+export declare function getColorFromText(text: string): string;
+export declare function getAccessibleLabel(alt: string, fallbackText: string | undefined, status: string): string;
+export declare function getAriaLiveValue(status: string): 'polite' | undefined;
+export declare function getStatusPositionStyles(position: AvatarV2StatusPosition, size: AvatarV2Size, shape: AvatarV2Shape, tokens: AvatarV2TokensType): {
+    top?: string;
+    right?: string;
+    bottom?: string;
+    left?: string;
+};
+export declare function createKeyboardHandler(onClick: ((event: React.MouseEvent<HTMLDivElement>) => void) | undefined): ((e: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
+export declare function isInteractive(onClick: ((event: React.MouseEvent<HTMLDivElement>) => void) | undefined): boolean;

package/dist/components/AvatarV2/index.d.ts

@@ -0,0 +1,5 @@
+export { default as AvatarV2 } from './AvatarV2';
+export type { AvatarV2Props, AvatarV2SkeletonConfig, AvatarV2StatusConfig, } from './avatarV2.types';
+export { AvatarV2Size, AvatarV2Shape, AvatarV2Status, AvatarV2StatusPosition, AvatarV2Variant, } from './avatarV2.types';
+export * from './avatarV2.tokens';
+export * from './avatarV2.utils';

package/dist/components/DateRangePicker/CalendarGrid.d.ts

@@ -1,6 +1,6 @@
 import { DateRange, CustomRangeConfig } from './types';
 type CalendarGridProps = {
-    selectedRange: DateRange;
+    selectedRange: DateRange | undefined;
     onDateSelect: (range: DateRange) => void;
     today: Date;
     allowSingleDateSelection?: boolean;
@@ -12,6 +12,8 @@ type CalendarGridProps = {
     customRangeConfig?: CustomRangeConfig;
     showDateTimePicker?: boolean;
     resetScrollPosition?: number;
+    timezone?: string;
+    isSingleDatePicker?: boolean;
 };
 declare const CalendarGrid: import('react').ForwardRefExoticComponent<CalendarGridProps & import('react').RefAttributes<HTMLDivElement>>;
 export default CalendarGrid;

package/dist/components/DateRangePicker/TimeSelector.d.ts

@@ -1,7 +1,14 @@
 import { default as React } from 'react';
+import { DateRange } from './types';
 type TimeSelectorProps = {
     value: string;
     onChange: (time: string) => void;
+    disablePastDates: boolean;
+    disableFutureDates: boolean;
+    today: Date;
+    isStart: boolean;
+    selectedRange?: DateRange;
+    timezone?: string;
     className?: string;
     autoFocus?: boolean;
     tabIndex?: number;

package/dist/components/DateRangePicker/constants.d.ts

@@ -15,7 +15,7 @@ export declare const DATE_RANGE_PICKER_CONSTANTS: {
         readonly IMPACT: readonly [15];
         readonly NOTIFICATION: readonly [25, 40, 25];
     };
-    readonly MIN_YEAR: 2012;
+    readonly MIN_YEAR: 1940;
     readonly MAX_YEAR_OFFSET: 10;
     readonly TIME_MINUTE_INCREMENT: 15;
     readonly SCROLL_DEBOUNCE_MS: 80;

package/dist/components/DateRangePicker/types.d.ts

@@ -68,7 +68,7 @@ export declare enum CalendarInteractionMode {
 }
 export type DateRange = {
     startDate: Date;
-    endDate: Date;
+    endDate?: Date;
     showTimePicker?: boolean;
 };
 /**
@@ -257,6 +257,7 @@ export type DateRangePickerProps = {
     maxDate?: Date;
     dateFormat?: string;
     allowSingleDateSelection?: boolean;
+    isSingleDatePicker?: boolean;
     disableFutureDates?: boolean;
     disablePastDates?: boolean;
     hideFutureDates?: boolean;
@@ -307,9 +308,9 @@ export type ScrollablePickerProps = {
     isDisabled?: boolean;
 };
 export type DatePickerComponentProps = {
-    selectedRange: DateRange;
-    startTime: string;
-    endTime: string;
+    selectedRange?: DateRange;
+    startTime?: string;
+    endTime?: string;
     dateFormat: string;
     handleStartTimeChange: (time: string) => void;
     handleEndTimeChange: (time: string) => void;
@@ -327,9 +328,9 @@ export type MobileDrawerPresetsProps = {
     showPresets: boolean;
     availablePresets: DateRangePreset[];
     activePreset: DateRangePreset;
-    selectedRange: DateRange;
-    startTime: string;
-    endTime: string;
+    selectedRange?: DateRange;
+    startTime?: string;
+    endTime?: string;
     dateFormat: string;
     handlePresetSelect: (preset: DateRangePreset) => void;
     handleStartTimeChange: (time: string) => void;

package/dist/components/DateRangePicker/utils.d.ts

@@ -55,7 +55,7 @@ export declare const formatDate: (date: Date, format: string, timezone?: string)
  * @param format The format string
  * @returns The parsed date or null if invalid
  */
-export declare const parseDate: (dateString: string, format: string) => Date | null;
+export declare const parseDate: (dateString: string, format: string, hour: number, minute: number) => Date | null;
 /**
  * Checks if a date is valid
  * @param date The date to check
@@ -115,6 +115,21 @@ export declare const dateToString: (date: Date, includeTime?: boolean, timeForma
  * @returns True if dates are the same day
  */
 export declare const isSameDay: (date1: Date, date2: Date) => boolean;
+/**
+ * Checks if two dates are the same day
+ * @param parts1 Contains year, month, day of first date
+ * @param parts2 Contains year, month, day of second date
+ * @returns True if dates are the same day
+ */
+export declare const isSameParts: (part1: {
+    year: number;
+    month: number;
+    day: number;
+}, part2: {
+    year: number;
+    month: number;
+    day: number;
+}) => boolean;
 /**
  * Checks if a date is within a range
  * @param date The date to check
@@ -148,23 +163,24 @@ export declare const generateCalendarGrid: (year: number, month: number) => (num
  * Checks if a date is the start date of a range
  * @param date The date to check
  * @param selectedRange The selected date range
+ * @param timezone The timezone for the date range
  * @returns True if the date is the start date
  */
-export declare const isStartDate: (date: Date, selectedRange: DateRange) => boolean;
+export declare const isStartDate: (date: Date, startDate: Date, timezone?: string) => boolean;
 /**
  * Checks if a date is the end date of a range (but not if it's the same as start date)
  * @param date The date to check
  * @param selectedRange The selected date range
  * @returns True if the date is the end date and different from start date
  */
-export declare const isEndDate: (date: Date, selectedRange: DateRange) => boolean;
+export declare const isEndDate: (date: Date, startDate: Date, endDate: Date, timezone?: string) => boolean;
 /**
  * Checks if a date is within a selected range (not including start/end)
  * @param date The date to check
  * @param selectedRange The selected date range
  * @returns True if the date is in the range
  */
-export declare const isInSelectedRange: (date: Date, selectedRange: DateRange) => boolean;
+export declare const isInSelectedRange: (date: Date, selectedRange: DateRange, timezone?: string) => boolean;
 /**
  * Checks if a date is today
  * @param date The date to check
@@ -177,7 +193,7 @@ export declare const isDateToday: (date: Date, today: Date) => boolean;
  * @param date The date to create a range for
  * @returns DateRange spanning the entire day (same date, different times)
  */
-export declare const createSingleDateRange: (date: Date, timezone?: string) => DateRange;
+export declare const createSingleDateRange: (date: Date, timezone?: string, disableFutureDates?: boolean, disablePastDates?: boolean, today?: Date) => DateRange;
 /**
  * Handles date click logic for calendar with clean first click = start, second click = end pattern
  * @param clickedDate The date that was clicked
@@ -189,7 +205,7 @@ export declare const createSingleDateRange: (date: Date, timezone?: string) => D
  * @param isDoubleClick Whether this is a double-click event
  * @returns New date range or null if click should be ignored
  */
-export declare const handleCalendarDateClick: (clickedDate: Date, selectedRange: DateRange, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, isDoubleClick?: boolean) => DateRange | null;
+export declare const handleCalendarDateClick: (clickedDate: Date, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, isDoubleClick?: boolean, timezone?: string, selectedRange?: DateRange, isSingleDatePicker?: boolean) => DateRange | null;
 /**
  * Generates calendar weeks for a specific month with consistent alignment
  * @param year The year
@@ -305,7 +321,7 @@ export declare const getMonthOffset: (index: number, monthHeight: number) => num
 export declare const findCurrentMonthIndex: (months: {
     month: number;
     year: number;
-}[], today: Date) => number;
+}[], targetMonth: number, targetYear: number) => number;
 /**
  * Scrolls to a specific month
  * @param monthIndex Index of the month to scroll to
@@ -323,7 +339,7 @@ export declare const getScrollToMonth: (monthIndex: number, monthHeight: number)
  * @param customDisableDates Custom function to disable specific dates
  * @returns Object with all date states
  */
-export declare const getDateCellStates: (date: Date, selectedRange: DateRange, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customDisableDates?: (date: Date) => boolean) => {
+export declare const getDateCellStates: (date: Date, selectedRange: DateRange | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customDisableDates?: (date: Date) => boolean, timezone?: string, isSingleDatePicker?: boolean) => {
     isStart: boolean;
     isEnd: boolean;
     isRangeDay: boolean;
@@ -380,7 +396,7 @@ export type DateRangePickerTokens = {
  * @param disablePastDates Whether past dates should be disabled
  * @returns Validation result with specific error type
  */
-export declare const validateDateInput: (value: string, format: string, disableFutureDates?: boolean, disablePastDates?: boolean) => DateValidationResult;
+export declare const validateDateInput: (value: string, format: string, disableFutureDates?: boolean, disablePastDates?: boolean, timezone?: string) => DateValidationResult;
 /**
  * Formats date input as user types, adding slashes automatically
  * @param value The input value to format
@@ -401,7 +417,7 @@ export declare const isDateInputComplete: (value: string, format: string) => boo
  * @param allowSingleDateSelection Whether single date selection is allowed
  * @returns Formatted display string
  */
-export declare const formatDateDisplay: (selectedRange: DateRange, allowSingleDateSelection?: boolean, timezone?: string) => string;
+export declare const formatDateDisplay: (selectedRange: DateRange | undefined, allowSingleDateSelection?: boolean, timezone?: string, isSingleDatePicker?: boolean) => string;
 /**
  * Handles date input change with formatting and validation
  * @param value Input value
@@ -413,7 +429,7 @@ export declare const formatDateDisplay: (selectedRange: DateRange, allowSingleDa
  * @param disablePastDates Whether past dates should be disabled
  * @returns Object with formatted value, validation result, and updated range
  */
-export declare const handleDateInputChange: (value: string, dateFormat: string, currentRange: DateRange, timeValue: string, isStartDate?: boolean, disableFutureDates?: boolean, disablePastDates?: boolean) => {
+export declare const handleDateInputChange: (value: string, dateFormat: string, currentRange: DateRange | undefined, timeValue?: string, isStartDate?: boolean, disableFutureDates?: boolean, disablePastDates?: boolean, timezone?: string) => {
     formattedValue: string;
     validation: DateValidationResult;
     updatedRange?: DateRange;
@@ -425,7 +441,7 @@ export declare const handleDateInputChange: (value: string, dateFormat: string,
  * @param isStartTime Whether this is start time or end time
  * @returns Updated date range
  */
-export declare const handleTimeChange: (time: string, currentRange: DateRange, isStartTime?: boolean) => DateRange;
+export declare const handleTimeChange: (time: string, currentRange: DateRange, timezone?: string, isStartTime?: boolean) => DateRange;
 /**
  * Handles date selection from calendar
  * @param range Selected date range from calendar
@@ -434,10 +450,10 @@ export declare const handleTimeChange: (time: string, currentRange: DateRange, i
  * @param dateFormat Date format string
  * @returns Object with updated range and formatted date strings
  */
-export declare const handleCalendarDateSelect: (range: DateRange, startTime: string, endTime: string, dateFormat: string, timezone?: string) => {
+export declare const handleCalendarDateSelect: (range: DateRange, startTime: string, dateFormat: string, timezone?: string, endTime?: string) => {
     updatedRange: DateRange;
     formattedStartDate: string;
-    formattedEndDate: string;
+    formattedEndDate?: string;
 };
 /**
  * Handles preset selection
@@ -451,19 +467,6 @@ export declare const handlePresetSelection: (preset: DateRangePreset, dateFormat
     formattedEndDate: string;
     formattedStartTime: string;
     formattedEndTime: string;
-};
-/**
- * Handles cancel action - resets to original values
- * @param originalValue Original date range value
- * @param dateFormat Date format string
- * @returns Object with reset values
- */
-export declare const handleCancelAction: (originalValue: DateRange | undefined, dateFormat: string) => {
-    resetRange: DateRange;
-    formattedStartDate: string;
-    formattedEndDate: string;
-    formattedStartTime: string;
-    formattedEndTime: string;
 } | null;
 /**
  * Handles loading more months in calendar
@@ -520,7 +523,7 @@ export declare const createCalendarMonthData: (year: number, month: number, mont
  * @param customDisableDates Custom function to disable specific dates
  * @returns Day cell props
  */
-export declare const calculateDayCellProps: (date: Date, selectedRange: DateRange, today: Date, disableFutureDates: boolean, disablePastDates: boolean, calendarToken: CalendarTokenType, customDisableDates?: (date: Date) => boolean) => {
+export declare const calculateDayCellProps: (date: Date, selectedRange: DateRange | undefined, today: Date, disableFutureDates: boolean, disablePastDates: boolean, calendarToken: CalendarTokenType, customDisableDates?: (date: Date) => boolean, timezone?: string, isSingleDatePicker?: boolean) => {
     dateStates: ReturnType<typeof getDateCellStates>;
     styles: Record<string, unknown>;
     textColor: string | unknown;
@@ -534,7 +537,7 @@ export declare const calculateDayCellProps: (date: Date, selectedRange: DateRang
  * @param endTime Current end time
  * @returns Object with picker data for all columns
  */
-export declare const generatePickerData: (tabType: "start" | "end", selectedRange: DateRange, startTime: string, endTime: string) => {
+export declare const generatePickerData: (tabType: "start" | "end", selectedRange?: DateRange, startTime?: string, endTime?: string) => {
     years: {
         items: number[];
         selectedIndex: number;
@@ -565,7 +568,7 @@ export declare const generatePickerData: (tabType: "start" | "end", selectedRang
  * @param setEndDate End date setter function
  * @returns Selection handler function
  */
-export declare const createSelectionHandler: (tabType: "start" | "end", type: "year" | "month" | "date" | "time", selectedRange: DateRange, dateFormat: string, handleStartTimeChange: (time: string) => void, handleEndTimeChange: (time: string) => void, setSelectedRange: (range: DateRange) => void, setStartDate: (date: string) => void, setEndDate: (date: string) => void) => (index: number) => void;
+export declare const createSelectionHandler: (tabType: "start" | "end", type: "year" | "month" | "date" | "time", dateFormat: string, handleStartTimeChange: (time: string) => void, handleEndTimeChange: (time: string) => void, setSelectedRange: (range: DateRange) => void, setStartDate: (date: string) => void, setEndDate: (date: string) => void, selectedRange?: DateRange) => (index: number) => void;
 /**
  * Gets preset display label with custom mappings
  * @param preset The preset to get label for
@@ -586,7 +589,7 @@ export declare const formatDateRangeWithConfig: (range: DateRange, config?: Date
  * @param placeholder Placeholder text when no range is selected
  * @returns Formatted display string for trigger
  */
-export declare const formatTriggerDisplay: (range: DateRange | undefined, config?: DateFormatConfig, placeholder?: string, timezone?: string) => string;
+export declare const formatTriggerDisplay: (range: DateRange | undefined, config?: DateFormatConfig, isSingleDatePicker?: boolean, placeholder?: string, timezone?: string) => string;
 /**
  * Predefined format configurations for common use cases
  */
@@ -717,7 +720,7 @@ export declare const formatTimeInput: (input: string) => string;
  * @param allowSingleDateSelection Whether single date selection is allowed
  * @returns Validation result with specific error information
  */
-export declare const validateDateTimeRange: (range: DateRange) => {
+export declare const validateDateTimeRange: (range: DateRange, isSingleDatePicker: boolean) => {
     isValid: boolean;
     error: "none" | "invalid-time-order" | "missing-dates" | "invalid-single-date";
     message?: string;
@@ -766,7 +769,7 @@ export declare const validateCustomRangeConfig: (config: CustomRangeConfig) => {
  * @param isDoubleClick Whether this is a double-click event
  * @returns New date range or null if click should be ignored
  */
-export declare const handleCustomRangeCalendarDateClick: (clickedDate: Date, selectedRange: DateRange, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customRangeConfig?: CustomRangeConfig, isDoubleClick?: boolean) => DateRange | null;
+export declare const handleCustomRangeCalendarDateClick: (clickedDate: Date, allowSingleDateSelection: boolean | undefined, today: Date, disableFutureDates?: boolean, disablePastDates?: boolean, customRangeConfig?: CustomRangeConfig, isDoubleClick?: boolean, timezone?: string, selectedRange?: DateRange, isSingleDatePicker?: boolean) => DateRange | null;
 /**
  * Checks if two dates represent the same calendar day (ignoring time and timezone)
  */
@@ -775,14 +778,15 @@ export declare const isSameCalendarDay: (date1: Date, date2: Date) => boolean;
  * Checks if a date range represents a full day in any timezone
  */
 export declare const isFullDayRange: (startDate: Date, endDate: Date) => boolean;
+export declare const convertLocalDateToTimezoneDate: (date: Date, timezone?: string) => Date;
 /**
  * Checks if a date range matches "Today" preset
  */
-export declare const matchesTodayPreset: (range: DateRange) => boolean;
+export declare const matchesTodayPreset: (range: DateRange, timezone?: string) => boolean;
 /**
  * Checks if a date range matches "Yesterday" preset
  */
-export declare const matchesYesterdayPreset: (range: DateRange) => boolean;
+export declare const matchesYesterdayPreset: (range: DateRange, timezone?: string) => boolean;
 /**
  * Checks if a date range matches "Tomorrow" preset
  */
@@ -798,7 +802,7 @@ export declare const matchesLastMonthPreset: (range: DateRange) => boolean;
 /**
  * Robust preset detection that works with both UTC and local timezone dates
  */
-export declare const detectPresetFromRange: (range: DateRange) => DateRangePreset;
+export declare const detectPresetFromRange: (range: DateRange, timezone?: string) => DateRangePreset;
 /**
  * Default preset configuration for the DateRangePicker
  */

package/dist/context/ThemeContext.d.ts

@@ -50,6 +50,7 @@ import { ResponsiveAlertV2Tokens } from '../components/AlertV2/alertV2.tokens';
 import { ResponsiveAccordionV2Tokens } from '../components/AccordionV2/accordionV2.tokens';
 import { ResponsiveSnackbarV2Tokens } from '../components/SnackbarV2/snackbarV2.tokens';
 import { ResponsiveSwitchV2Tokens } from '../components/SwitchV2/switchV2.tokens';
+import { ResponsiveAvatarV2Tokens } from '../components/AvatarV2/avatarV2.tokens';
 import { ResponsiveTextInputV2Tokens } from '../components/InputsV2/TextInputV2/TextInputV2.tokens';
 export type ComponentTokenType = {
     TAGS?: ResponsiveTagTokens;
@@ -101,6 +102,7 @@ export type ComponentTokenType = {
     ACCORDIONV2?: ResponsiveAccordionV2Tokens;
     SNACKBARV2?: ResponsiveSnackbarV2Tokens;
     SWITCHV2?: ResponsiveSwitchV2Tokens;
+    AVATARV2?: ResponsiveAvatarV2Tokens;
     TEXT_INPUTV2?: ResponsiveTextInputV2Tokens;
 };
 type ThemeContextType = {

package/dist/context/useComponentToken.d.ts

@@ -48,5 +48,6 @@ import { ResponsiveAlertV2Tokens } from '../components/AlertV2';
 import { ResponsiveAccordionV2Tokens } from '../components/AccordionV2';
 import { ResponsiveSnackbarV2Tokens } from '../components/SnackbarV2';
 import { ResponsiveSwitchV2Tokens } from '../components/SwitchV2/switchV2.tokens';
+import { ResponsiveAvatarV2Tokens } from '../components/AvatarV2/avatarV2.tokens';
 import { ResponsiveTextInputV2Tokens } from '../components/InputsV2/TextInputV2/TextInputV2.tokens';
-export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType | ResponsiveButtonTokens | ResponsiveButtonV2Tokens | ResponsiveChatInputTokensType | ResponsiveTagV2Tokens | ResponsiveAlertV2Tokens | ResponsiveAccordionV2Tokens | ResponsiveSnackbarV2Tokens | ResponsiveSwitchV2Tokens | ResponsiveTextInputV2Tokens;
+export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType | ResponsiveButtonTokens | ResponsiveButtonV2Tokens | ResponsiveChatInputTokensType | ResponsiveTagV2Tokens | ResponsiveAlertV2Tokens | ResponsiveAccordionV2Tokens | ResponsiveSnackbarV2Tokens | ResponsiveSwitchV2Tokens | ResponsiveAvatarV2Tokens | ResponsiveTextInputV2Tokens;

package/dist/hooks/useDropdownInteractionLock.d.ts

@@ -1,6 +1,7 @@
 type DropdownSelectors = {
     content?: string[];
     trigger?: string[];
+    disablePointerEvents?: string[];
 };
 export default function useDropdownInteractionLock(isOpen?: boolean, selectors?: DropdownSelectors): void;
 export {};