@juspay/blend-design-system 0.0.33 → 0.0.34-beta

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

@@ -113,4 +113,5 @@ export type SingleSelectProps = {
     minTriggerWidth?: number;
     allowCustomValue?: boolean;
     customValueLabel?: string;
+    singleSelectGroupPosition?: 'center' | 'left' | 'right';
 };

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

@@ -1,7 +1,5 @@
-/**
- * Utility functions for SingleSelect component accessibility
- * WCAG 4.1.2 (Name, Role, Value), 3.3.2 (Labels or Instructions), 4.1.3 (Status Messages)
- */
+import { SingleSelectTokensType } from './singleSelect.tokens';
+import { SelectMenuSize, SelectMenuVariant } from './types';
 export type AriaAttributes = {
     'aria-describedby'?: string;
     'aria-label'?: string;
@@ -15,6 +13,10 @@ export type ExtractedAriaProps = {
     'aria-labelledby'?: string;
     restProps: Record<string, unknown>;
 };
+export declare function getBorderRadius(size: SelectMenuSize, varient: SelectMenuVariant, singleSelectGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: SingleSelectTokensType): {
+    borderRadius: string;
+    borderRight?: string;
+};
 export type AccessibilitySetupOptions = {
     name?: string;
     generatedId: string;

package/dist/components/SingleSelectGroup/SingleSelectGroup.d.ts

@@ -0,0 +1,3 @@
+import { SingleSelectGroupProps } from './SingleSelectGroupProps.types';
+declare const SingleSelectGroup: import('react').ForwardRefExoticComponent<SingleSelectGroupProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SingleSelectGroup;

package/dist/components/SingleSelectGroup/SingleSelectGroupProps.types.d.ts

@@ -0,0 +1,7 @@
+import { ReactElement } from 'react';
+import { SingleSelectProps } from '../SingleSelect/types';
+export type SingleSelectGroupProps = {
+    stacked?: boolean;
+    gap?: string | number;
+    children: ReactElement<SingleSelectProps> | ReactElement<SingleSelectProps>[];
+};

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

@@ -0,0 +1,3 @@
+import { default as SingleSelectGroup } from './SingleSelectGroup';
+export { SingleSelectGroup };
+export type * from './SingleSelectGroupProps.types';

package/dist/components/SnackbarV2/SnackbarV2.d.ts

@@ -0,0 +1,6 @@
+import { default as React } from 'react';
+import { SnackbarV2ToastOptions, SnackbarV2ToastProps, SnackbarV2Props } from './snackbarV2.types';
+export declare const StyledToast: React.FC<SnackbarV2ToastProps>;
+export declare const addSnackbarV2: ({ header, description, variant, slot, onClose, actionButton, duration, position, width, maxWidth, minWidth, }: SnackbarV2ToastOptions) => string | number;
+declare const SnackbarV2: React.ForwardRefExoticComponent<SnackbarV2Props & React.RefAttributes<HTMLDivElement>>;
+export default SnackbarV2;

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

@@ -0,0 +1,4 @@
+export { default as SnackbarV2 } from './SnackbarV2';
+export { addSnackbarV2, StyledToast } from './SnackbarV2';
+export * from './snackbarV2.tokens';
+export * from './snackbarV2.types';

package/dist/components/SnackbarV2/snackbarV2.dark.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens';
+export declare const getSnackbarV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.light.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveSnackbarV2Tokens } from './snackbarV2.tokens';
+export declare const getSnackbarV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.tokens.d.ts

@@ -0,0 +1,73 @@
+import { CSSObject } from 'styled-components';
+import { SnackbarV2Variant } from './snackbarV2.types';
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { Theme } from '../../context/theme.enum';
+export declare enum SnackbarV2PaddingDirection {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
+export type SnackbarV2TokensType = {
+    width: CSSObject['width'];
+    maxWidth: CSSObject['maxWidth'];
+    minWidth: CSSObject['minWidth'];
+    backgroundColor: CSSObject['backgroundColor'];
+    borderRadius: CSSObject['borderRadius'];
+    padding: CSSObject['padding'];
+    boxShadow: CSSObject['boxShadow'];
+    gap: CSSObject['gap'];
+    slot: {
+        height: CSSObject['height'];
+        width: CSSObject['width'];
+        color: {
+            [key in SnackbarV2Variant]: CSSObject['color'];
+        };
+    };
+    mainContainer: {
+        gap: CSSObject['gap'];
+        content: {
+            gap: CSSObject['gap'];
+            textContainer: {
+                gap: CSSObject['gap'];
+                header: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+                description: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+            actionContainer: {
+                primaryAction: {
+                    color: {
+                        [key in SnackbarV2Variant]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+        };
+        closeButton: {
+            height: CSSObject['height'];
+            color: {
+                [key in SnackbarV2Variant]: CSSObject['color'];
+            };
+        };
+    };
+};
+export type ResponsiveSnackbarV2Tokens = {
+    [key in keyof BreakpointType]: SnackbarV2TokensType;
+};
+export declare const getSnackbarV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveSnackbarV2Tokens;

package/dist/components/SnackbarV2/snackbarV2.types.d.ts

@@ -0,0 +1,56 @@
+import { default as React, ReactElement } from 'react';
+import { CSSObject } from 'styled-components';
+export declare enum SnackbarV2Variant {
+    INFO = "info",
+    SUCCESS = "success",
+    WARNING = "warning",
+    ERROR = "error"
+}
+export declare enum SnackbarV2Position {
+    TOP_LEFT = "top-left",
+    TOP_RIGHT = "top-right",
+    BOTTOM_LEFT = "bottom-left",
+    BOTTOM_RIGHT = "bottom-right",
+    TOP_CENTER = "top-center",
+    BOTTOM_CENTER = "bottom-center"
+}
+export type SnackbarV2Action = {
+    label: string;
+    onClick: () => void;
+    autoDismiss?: boolean;
+};
+export type SnackbarV2Dimensions = {
+    width?: CSSObject['width'];
+    maxWidth?: CSSObject['maxWidth'];
+    minWidth?: CSSObject['minWidth'];
+};
+export type SnackbarV2ToastOptions = {
+    header: string;
+    description?: string;
+    variant?: SnackbarV2Variant;
+    slot?: ReactElement;
+    onClose?: () => void;
+    actionButton?: SnackbarV2Action;
+    duration?: number;
+    position?: SnackbarV2Position;
+    maxWidth?: string | number;
+    width?: string | number;
+    minWidth?: string | number;
+};
+export type SnackbarV2Props = {
+    position?: SnackbarV2Position;
+    dismissOnClickAway?: boolean;
+    maxWidth?: string | number;
+};
+export type SnackbarV2ToastProps = {
+    header: string;
+    description?: string;
+    variant: SnackbarV2Variant;
+    slot?: ReactElement;
+    onClose?: () => void;
+    actionButton?: SnackbarV2Action;
+    toastId?: string | number;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'slot' | 'className' | 'style'> & SnackbarV2Dimensions;
+export type SnackbarV2IconProps = {
+    variant: SnackbarV2Variant;
+};

package/dist/components/Switch/switch.token.d.ts

@@ -31,7 +31,6 @@ export type SwitchTokensType = {
             };
         };
         thumb: {
-            marginTop: CSSObject['marginTop'];
             backgroundColor: CSSObject['backgroundColor'];
             border: {
                 color: CSSObject['borderColor'];

package/dist/components/SwitchV2/SwitchV2.d.ts

@@ -0,0 +1,19 @@
+import { SwitchV2Size } from './switchV2.types';
+declare const SwitchV2: import('react').ForwardRefExoticComponent<{
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    required?: boolean;
+    error?: boolean;
+    label?: string;
+    subLabel?: string;
+    size?: SwitchV2Size;
+    slot?: {
+        slot: import('react').ReactElement;
+        maxHeight?: import('styled-components').CSSObject["maxHeight"];
+    };
+    maxLength?: {
+        label?: number;
+        subLabel?: number;
+    };
+} & Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "style" | "className" | "slot" | "onChange"> & import('react').RefAttributes<HTMLButtonElement>>;
+export default SwitchV2;

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

@@ -0,0 +1,3 @@
+export { default as SwitchV2 } from './SwitchV2';
+export * from './switchV2.types';
+export * from './switchV2.tokens';

package/dist/components/SwitchV2/switchV2.dark.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveSwitchV2Tokens } from './switchV2.tokens';
+export declare const getSwitchV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveSwitchV2Tokens;

package/dist/components/SwitchV2/switchV2.light.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveSwitchV2Tokens } from './switchV2.tokens';
+export declare const getSwitchV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveSwitchV2Tokens;

package/dist/components/SwitchV2/switchV2.tokens.d.ts

@@ -0,0 +1,76 @@
+import { Theme } from '../../context/theme.enum';
+import { CSSObject } from 'styled-components';
+import { SwitchV2Size, SwitchV2State, SwitchV2Variant } from './switchV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { FoundationTokenType } from '../../tokens/theme.token';
+export type SwitchV2TokensType = {
+    gap: CSSObject['gap'];
+    switch: {
+        height: {
+            [key in SwitchV2Size]: CSSObject['height'];
+        };
+        width: {
+            [key in SwitchV2Size]: CSSObject['width'];
+        };
+        backgroundColor: {
+            [key in SwitchV2Variant]: {
+                [key in SwitchV2State]: CSSObject['backgroundColor'];
+            };
+        };
+        thumb: {
+            backgroundColor: CSSObject['backgroundColor'];
+            border: CSSObject['border'];
+            width: {
+                [key in SwitchV2Size]: CSSObject['width'];
+            };
+            height: {
+                [key in SwitchV2Size]: CSSObject['height'];
+            };
+            outline: CSSObject['outline'];
+        };
+    };
+    content: {
+        gap: CSSObject['gap'];
+        label: {
+            gap: CSSObject['gap'];
+            color: {
+                [key in SwitchV2State]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in SwitchV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in SwitchV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in SwitchV2Size]: CSSObject['lineHeight'];
+            };
+            slot: {
+                maxHeight: {
+                    [key in SwitchV2Size]: CSSObject['maxHeight'];
+                };
+            };
+        };
+        subLabel: {
+            color: {
+                [key in SwitchV2State]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in SwitchV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in SwitchV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in SwitchV2Size]: CSSObject['lineHeight'];
+            };
+        };
+        required: {
+            color: CSSObject['color'];
+        };
+    };
+};
+export type ResponsiveSwitchV2Tokens = {
+    [key in keyof BreakpointType]: SwitchV2TokensType;
+};
+export declare const getSwitchV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveSwitchV2Tokens;

package/dist/components/SwitchV2/switchV2.types.d.ts

@@ -0,0 +1,53 @@
+import { ButtonHTMLAttributes, ReactElement } from 'react';
+import { SwitchV2TokensType } from './switchV2.tokens';
+import { CSSObject } from 'styled-components';
+export declare enum SwitchV2Size {
+    SM = "sm",
+    MD = "md"
+}
+export type SwitchV2State = 'default' | 'hover' | 'disabled' | 'error';
+export type SwitchV2Variant = 'checked' | 'unchecked';
+export type SwitchV2ButtonProps = {
+    id: string;
+    checked?: boolean;
+    disabled: boolean;
+    size: SwitchV2Size;
+    tokens: SwitchV2TokensType;
+    onToggle: () => void;
+    buttonProps?: Record<string, unknown>;
+    ref?: React.Ref<HTMLButtonElement>;
+};
+export type SwitchV2ContentProps = {
+    uniqueId: string;
+    disabled: boolean;
+    error: boolean;
+    required: boolean;
+    size: SwitchV2Size;
+    label?: string;
+    subLabel?: string;
+    slot?: {
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
+    };
+    tokens: SwitchV2TokensType;
+    labelMaxLength?: number;
+    subLabelMaxLength?: number;
+    subLabelId?: string;
+};
+export type SwitchV2Props = {
+    checked?: boolean;
+    onChange?: (checked: boolean) => void;
+    required?: boolean;
+    error?: boolean;
+    label?: string;
+    subLabel?: string;
+    size?: SwitchV2Size;
+    slot?: {
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
+    };
+    maxLength?: {
+        label?: number;
+        subLabel?: number;
+    };
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'slot' | 'onChange'>;

package/dist/components/TagV2/TagV2.d.ts

@@ -6,12 +6,12 @@ declare const TagV2: import('react').ForwardRefExoticComponent<{
     subType?: TagV2SubType;
     color?: TagV2Color;
     leftSlot?: {
-        slot: import('react').ReactNode;
-        maxHeight: import('styled-components').CSSObject["maxHeight"];
+        slot: import('react').ReactElement;
+        maxHeight?: import('styled-components').CSSObject["maxHeight"];
     };
     rightSlot?: {
-        slot: import('react').ReactNode;
-        maxHeight: import('styled-components').CSSObject["maxHeight"];
+        slot: import('react').ReactElement;
+        maxHeight?: import('styled-components').CSSObject["maxHeight"];
     };
     skeleton?: {
         showSkeleton?: boolean;

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

@@ -1,6 +1,12 @@
-import { ReactNode } from 'react';
+import { ReactElement } from 'react';
 import { SkeletonVariant } from '../Skeleton/skeleton.tokens';
 import { CSSObject } from 'styled-components';
+export declare enum TagV2PaddingDirection {
+    TOP = "top",
+    BOTTOM = "bottom",
+    LEFT = "left",
+    RIGHT = "right"
+}
 export declare enum TagV2Type {
     NO_FILL = "noFill",
     ATTENTIVE = "attentive",
@@ -31,12 +37,12 @@ export type TagV2Props = {
     subType?: TagV2SubType;
     color?: TagV2Color;
     leftSlot?: {
-        slot: ReactNode;
-        maxHeight: CSSObject['maxHeight'];
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
     };
     rightSlot?: {
-        slot: ReactNode;
-        maxHeight: CSSObject['maxHeight'];
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
     };
     skeleton?: {
         showSkeleton?: boolean;

package/dist/components/TagV2/tagV2.tokens.d.ts

@@ -1,9 +1,8 @@
 import { CSSObject } from 'styled-components';
-import { TagV2Color, TagV2Size, TagV2Type, TagV2SubType } from './TagV2.types';
+import { TagV2Color, TagV2Size, TagV2Type, TagV2SubType, TagV2PaddingDirection } from './TagV2.types';
 import { BreakpointType } from '../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../tokens/theme.token';
 import { Theme } from '../../context/theme.enum';
-import { PaddingDirection } from '../ButtonV2';
 export type TagV2TokensType = Readonly<{
     border: {
         [key in TagV2Type]: {
@@ -24,7 +23,7 @@ export type TagV2TokensType = Readonly<{
         [key in TagV2Size]: CSSObject['height'];
     };
     padding: {
-        [key in PaddingDirection]: {
+        [key in TagV2PaddingDirection]: {
             [key in TagV2Size]: CSSObject['padding'];
         };
     };

package/dist/components/Tags/tag.dark.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveTagTokens } from './tag.tokens';
+export declare const getTagDarkTokens: (foundationToken: FoundationTokenType) => ResponsiveTagTokens;

package/dist/components/Tags/tag.light.tokens.d.ts

@@ -0,0 +1,3 @@
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { ResponsiveTagTokens } from './tag.tokens';
+export declare const getTagLightTokens: (foundationToken: FoundationTokenType) => ResponsiveTagTokens;

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

@@ -72,16 +72,8 @@ export declare const getUploadStateDescription: (state: UploadState, multiple: b
     status: string;
 }[], userDescription?: string, fileName?: string) => string;
 export declare const getVisualUploadState: (disabled: boolean, isDragReject: boolean, isDragAccept: boolean, isDragActive: boolean, state: UploadState) => string;
-export declare const truncateFileList: (files: {
-    id: string;
-    file: File;
-    status: string;
-}[]) => {
-    displayFiles: {
-        id: string;
-        file: File;
-        status: string;
-    }[];
+export declare const truncateFileList: (files: UploadedFileWithStatus[]) => {
+    displayFiles: UploadedFileWithStatus[];
     truncatedCount: number;
 };
 export declare const createEnhancedValidator: (accept: string[], maxSize?: number, validator?: (file: File) => FileRejection["errors"][0] | null) => (file: File) => FileRejection["errors"];
@@ -112,3 +104,4 @@ export declare const createUploadManager: () => {
 export declare const createComplexDropHandler: (multiple: boolean, maxFiles: number | undefined, disabled: boolean, uploadingFiles: UploadFile[], uploadedFiles: UploadedFileWithStatus[], failedFiles: UploadedFileWithStatus[], setInternalState: (state: UploadState) => void, setInternalUploadingFiles: React.Dispatch<React.SetStateAction<UploadFile[]>>, setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, uploadManager: ReturnType<typeof createUploadManager>, progressSpeed?: number) => (acceptedFiles: File[], rejectedFiles: FileRejection[]) => void;
 export declare const createFileRemovalHandler: (setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalState: (state: UploadState) => void) => (fileId: string) => void;
 export declare const createFileReplacementHandler: (setInternalState: (state: UploadState) => void, setInternalUploadedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>, setInternalFailedFiles: React.Dispatch<React.SetStateAction<UploadedFileWithStatus[]>>) => () => void;
+export declare const getMbfromKb: (bytes: number) => number;

package/dist/components/common/Seperator.d.ts

@@ -0,0 +1,8 @@
+type SeperatorProps = {
+    orientation?: 'horizontal' | 'vertical';
+    height?: string;
+    width?: string;
+    color?: string;
+};
+declare const Seperator: ({ height, width, color, }: SeperatorProps) => import("react/jsx-runtime").JSX.Element;
+export default Seperator;

package/dist/context/ThemeContext.d.ts

@@ -1,3 +1,5 @@
+import { Theme } from './theme.enum';
+import { ThemeType } from '../tokens';
 import { ResponsiveSearchInputTokens } from '../components/Inputs/SearchInput/searchInput.tokens';
 import { ResponsiveTagTokens } from '../components/Tags/tag.tokens';
 import { ResponsiveTextAreaTokens } from '../components/Inputs/TextArea/textarea.token';
@@ -38,14 +40,15 @@ import { ResponsiveSidebarTokens } from '../components/Sidebar/sidebar.tokens';
 import { ResponsiveDirectoryTokens } from '../components/Directory/directory.tokens';
 import { ResponsiveUploadTokens } from '../components/Upload/upload.tokens';
 import { ResponsiveCodeBlockTokens } from '../components/CodeBlock/codeBlock.token';
-import { ThemeType } from '../tokens';
 import { ResponsiveSkeletonTokens } from '../components/Skeleton/skeleton.tokens';
 import { BREAKPOINTS } from '../breakpoints/breakPoints';
 import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarMobile/mobile.tokens';
 import { ResponsiveStepperTokens } from '../components/Stepper/stepper.tokens';
-import { Theme } from './theme.enum';
 import { ResponsiveChatInputTokensType } from '../components/ChatInput/chatInput.tokens';
 import { ResponsiveTagV2Tokens } from '../components/TagV2/tagV2.tokens';
+import { ResponsiveAlertV2Tokens } from '../components/AlertV2/alertV2.tokens';
+import { ResponsiveSnackbarV2Tokens } from '../components/SnackbarV2/snackbarV2.tokens';
+import { ResponsiveSwitchV2Tokens } from '../components/SwitchV2/switchV2.tokens';
 export type ComponentTokenType = {
     TAGS?: ResponsiveTagTokens;
     SEARCH_INPUT?: ResponsiveSearchInputTokens;
@@ -92,6 +95,9 @@ export type ComponentTokenType = {
     CHAT_INPUT?: ResponsiveChatInputTokensType;
     BUTTONV2?: ResponsiveButtonV2Tokens;
     TAGV2?: ResponsiveTagV2Tokens;
+    ALERTV2?: ResponsiveAlertV2Tokens;
+    SNACKBARV2?: ResponsiveSnackbarV2Tokens;
+    SWITCHV2?: ResponsiveSwitchV2Tokens;
 };
 type ThemeContextType = {
     foundationTokens: ThemeType;

package/dist/context/useComponentToken.d.ts

@@ -44,4 +44,7 @@ import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarM
 import { ResponsiveDirectoryTokens } from '../components/Directory/directory.tokens';
 import { ResponsiveChatInputTokensType } from '../components/ChatInput/chatInput.tokens';
 import { ResponsiveTagV2Tokens } from '../components/TagV2/tagV2.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;
+import { ResponsiveAlertV2Tokens } from '../components/AlertV2';
+import { ResponsiveSnackbarV2Tokens } from '../components/SnackbarV2';
+import { ResponsiveSwitchV2Tokens } from '../components/SwitchV2/switchV2.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 | ResponsiveSnackbarV2Tokens | ResponsiveSwitchV2Tokens;

package/dist/global-utils/GlobalUtils.d.ts

@@ -1,4 +1,4 @@
-import { ReactNode } from 'react';
+import { default as React, ReactNode } from 'react';
 export declare const toPixels: (value: string | number | undefined) => number;
 export declare const capitalizeFirstLetter: (string: string) => string;
 export declare const getTruncatedText: (text: string, limit?: number) => {
@@ -8,3 +8,4 @@ export declare const getTruncatedText: (text: string, limit?: number) => {
 };
 export declare const formatTextWithLineBreaks: (content: ReactNode | string) => ReactNode;
 export declare const addPxToValue: (value?: number | string) => string;
+export declare const flattenChildren: (children: React.ReactNode) => React.ReactElement<unknown>[];

package/dist/hooks/index.d.ts

@@ -1,2 +1,3 @@
 export { default as useClickOutside } from './useClickOutside';
 export { default as useScrollLock } from './useScrollLock';
+export { default as usePreventParentScroll } from './usePreventParentScroll';

package/dist/hooks/usePreventParentScroll.d.ts

@@ -0,0 +1,3 @@
+import { RefObject } from 'react';
+declare const usePreventParentScroll: (isOpen: boolean, contentRef?: RefObject<HTMLElement | null>, selectors?: string[]) => void;
+export default usePreventParentScroll;