@juspay/blend-design-system 0.0.37-beta.7 → 0.0.37

package/dist/components/MultiSelectV2/MultiSelectV2.d.ts

@@ -1,6 +1,6 @@
 import { MultiSelectV2Props } from './multiSelectV2.types';
 declare const MultiSelectV2: {
-    ({ selectedValues, onChange, items, label, subLabel, helpIconText, required, variant, selectionTagType, slot, hintText, placeholder, size, search, enableSelectAll, selectAllText, maxSelections, customTrigger, usePanelOnMobile, triggerDimensions, menuDimensions, menuPosition, inline, error, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, ...rest }: MultiSelectV2Props): import("react/jsx-runtime").JSX.Element;
+    ({ selectedValues, onChange, items, label, subLabel, helpIconText, required, variant, selectionTagType, slot, hintText, placeholder, size, search, enableSelectAll, selectAllText, maxSelections, customTrigger, usePanelOnMobile, triggerDimensions, menuDimensions, menuPosition, inline, error, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, menuFooter, ...rest }: MultiSelectV2Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MultiSelectV2;

package/dist/components/MultiSelectV2/MultiSelectV2Menu.d.ts

@@ -1,6 +1,6 @@
 import { MultiSelectV2MenuProps } from './multiSelectV2.types';
 declare const MultiSelectV2Menu: {
-    ({ items, selected, onSelect, trigger, menuDimensions, disabled, search, enableSelectAll, selectAllText, maxSelections, onSelectAll, menuPosition, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, }: MultiSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, selected, onSelect, trigger, menuDimensions, disabled, search, enableSelectAll, selectAllText, maxSelections, onSelectAll, menuPosition, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, menuFooter, }: MultiSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default MultiSelectV2Menu;

package/dist/components/MultiSelectV2/multiSelectV2.types.d.ts

@@ -61,6 +61,7 @@ export type MultiSelectV2MenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: ReactNode;
 };
 export type MultiSelectV2MenuRootProps = SelectV2MenuRootPropsBase & {
     onInteractOutside?: (e: Event) => void;
@@ -121,4 +122,5 @@ export type MultiSelectV2Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, '
     showClearButton?: boolean;
     onClearAllClick?: () => void;
     multiSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: ReactNode;
 };

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use PopoverV2 instead. */
 export { default as Popover } from './Popover';
 export * from './popover.tokens';
 export * from './types';

package/dist/components/Primitives/Block/Block.d.ts

@@ -1,7 +1,7 @@
 import { default as React, JSX } from 'react';
 import { CSSObject } from 'styled-components';
 type SpacingValue = string | number;
-type StateStyles = {
+export type StateStyles = {
     _hover?: StyledBlockProps;
     _focus?: StyledBlockProps;
     _active?: StyledBlockProps;

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use ProgressBarV2 instead. */
 export { default as ProgressBar } from './ProgressBar';
 export * from './progressbar.tokens';
 export * from './types';

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

@@ -1,4 +1,6 @@
+/** @deprecated Will be deprecated soon. Use RadioV2 instead. */
 export { default as Radio } from './Radio';
+/** @deprecated Will be deprecated soon. Use RadioV2 instead. */
 export { default as RadioGroup } from './RadioGroup';
 export { RadioSize } from './types';
 export type { RadioProps, RadioGroupProps } from './types';

package/dist/components/Sidebar/SidebarContent.d.ts

@@ -1,5 +1,5 @@
 import { default as React } from 'react';
-import { DirectoryData } from '../Directory/types';
+import { DirectoryData, DirectoryProps } from '../Directory/types';
 import { SidebarMerchantInfo, SidebarStateChangeType } from './types';
 export type SidebarContentProps = {
     sidebarTopSlot?: React.ReactNode;
@@ -20,6 +20,14 @@ export type SidebarContentProps = {
     footer?: React.ReactNode;
     setIsHovering?: (isHovering: boolean) => void;
     sidebarState?: SidebarStateChangeType;
+    showHierarchyLines?: DirectoryProps['showHierarchyLines'];
+    hierarchyLineBorderRadius?: DirectoryProps['hierarchyLineBorderRadius'];
+    expandedItems?: DirectoryProps['expandedItems'];
+    defaultExpandedItems?: DirectoryProps['defaultExpandedItems'];
+    onExpandedItemsChange?: DirectoryProps['onExpandedItemsChange'];
+    onItemExpand?: DirectoryProps['onItemExpand'];
+    enableVirtualization?: DirectoryProps['enableVirtualization'];
+    virtualization?: DirectoryProps['virtualization'];
 };
 declare const SidebarContent: React.FC<SidebarContentProps>;
 export default SidebarContent;

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use SidebarV2 instead. */
 export { default as Sidebar } from './Sidebar';
 export * from './sidebar.tokens';
 export * from './types';

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

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DirectoryData, NavbarItem } from '../Directory/types';
+import { DirectoryData, DirectoryProps, NavbarItem } from '../Directory/types';
 import { MerchantInfo, LeftPanelInfo, TenantBadge } from '../shared/layoutTypes';
 export type { LeftPanelInfo, LeftPanelItem, TenantBadge, } from '../shared/layoutTypes';
 export type TenantItem = {
@@ -48,6 +48,14 @@ export type SidebarProps = {
     onActiveItemChange?: (item: string | null) => void;
     defaultActiveItem?: string | null;
     onHoveringChange?: (isHovering: boolean) => void;
+    showHierarchyLines?: DirectoryProps['showHierarchyLines'];
+    hierarchyLineBorderRadius?: DirectoryProps['hierarchyLineBorderRadius'];
+    expandedItems?: DirectoryProps['expandedItems'];
+    defaultExpandedItems?: DirectoryProps['defaultExpandedItems'];
+    onExpandedItemsChange?: DirectoryProps['onExpandedItemsChange'];
+    onItemExpand?: DirectoryProps['onItemExpand'];
+    enableVirtualization?: DirectoryProps['enableVirtualization'];
+    virtualization?: DirectoryProps['virtualization'];
 };
 export type MobileNavigationItem = NavbarItem & {
     sectionLabel?: string;

package/dist/components/SidebarV2/SidebarV2Panel.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode } from 'react';
-import { DirectoryData } from '../Directory/types';
+import { DirectoryData, DirectoryProps } from '../Directory/types';
 import { SidebarV2StateChangeType } from './types';
 import { SidebarV2TokensType } from './sidebarV2.tokens';
 export type SidebarV2PanelProps = {
@@ -29,6 +29,14 @@ export type SidebarV2PanelProps = {
     setIsHovering?: (isHovering: boolean) => void;
     sidebarState?: SidebarV2StateChangeType;
     tokens: SidebarV2TokensType;
+    showHierarchyLines?: DirectoryProps['showHierarchyLines'];
+    hierarchyLineBorderRadius?: DirectoryProps['hierarchyLineBorderRadius'];
+    expandedItems?: DirectoryProps['expandedItems'];
+    defaultExpandedItems?: DirectoryProps['defaultExpandedItems'];
+    onExpandedItemsChange?: DirectoryProps['onExpandedItemsChange'];
+    onItemExpand?: DirectoryProps['onItemExpand'];
+    enableVirtualization?: DirectoryProps['enableVirtualization'];
+    virtualization?: DirectoryProps['virtualization'];
 };
-declare const SidebarV2Panel: ({ sidebarTopSlot, merchantInfo, isExpanded, isScrolled, sidebarCollapseKey, onToggle, sidebarNavId, data, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, hideToggleButton, footer, setIsHovering, sidebarState, tokens, }: SidebarV2PanelProps) => import("react/jsx-runtime").JSX.Element;
+declare const SidebarV2Panel: ({ sidebarTopSlot, merchantInfo, isExpanded, isScrolled, sidebarCollapseKey, onToggle, sidebarNavId, data, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, hideToggleButton, footer, setIsHovering, sidebarState, tokens, showHierarchyLines, hierarchyLineBorderRadius, expandedItems, defaultExpandedItems, onExpandedItemsChange, onItemExpand, enableVirtualization, virtualization, }: SidebarV2PanelProps) => import("react/jsx-runtime").JSX.Element;
 export default SidebarV2Panel;

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

@@ -1,5 +1,5 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
-import { DirectoryData } from '../Directory/types';
+import { DirectoryData, DirectoryProps } from '../Directory/types';
 import { MerchantInfo } from '../Topbar/types';
 import { TenantBadge } from '../Sidebar/types';
 export type { TenantBadge } from '../Sidebar/types';
@@ -50,5 +50,13 @@ export type SidebarV2Props = {
     activeItem?: string | null;
     onActiveItemChange?: (item: string | null) => void;
     defaultActiveItem?: string | null;
+    showHierarchyLines?: DirectoryProps['showHierarchyLines'];
+    hierarchyLineBorderRadius?: DirectoryProps['hierarchyLineBorderRadius'];
+    expandedItems?: DirectoryProps['expandedItems'];
+    defaultExpandedItems?: DirectoryProps['defaultExpandedItems'];
+    onExpandedItemsChange?: DirectoryProps['onExpandedItemsChange'];
+    onItemExpand?: DirectoryProps['onItemExpand'];
+    enableVirtualization?: DirectoryProps['enableVirtualization'];
+    virtualization?: DirectoryProps['virtualization'];
 };
 export type { SidebarV2MobileNavigationItem, SidebarV2MobileNavigationProps, } from './SidebarV2MobileNavigation/types';

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

@@ -1,3 +1,3 @@
 import { SingleSelectProps } from './types';
-declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minMenuWidth, maxMenuWidth, maxMenuHeight, inline, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, singleSelectGroupPosition, allowDeselect, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelect: ({ label, subLabel, hintText, required, helpIconText, placeholder, error, errorMessage, size, items, name, variant, disabled, selected, onSelect, enableSearch, searchPlaceholder, slot, customTrigger, useDrawerOnMobile, alignment, side, sideOffset, alignOffset, minMenuWidth, maxMenuWidth, maxMenuHeight, inline, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, singleSelectGroupPosition, allowDeselect, menuFooter, ...rest }: SingleSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelect;

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

@@ -32,6 +32,7 @@ type SingleSelectMenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: React.ReactNode;
 };
-declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, allowCustomValue, customValueLabel, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const SingleSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, enableSearch, searchPlaceholder, disabled, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, allowCustomValue, customValueLabel, menuFooter, }: SingleSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectMenu;

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use SingleSelectV2 instead. */
 export { default as SingleSelect } from './SingleSelect';
 export * from './singleSelect.tokens';
 export * from './types';

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

@@ -114,4 +114,5 @@ export type SingleSelectProps = {
     customValueLabel?: string;
     singleSelectGroupPosition?: 'center' | 'left' | 'right';
     allowDeselect?: boolean;
+    menuFooter?: React.ReactNode;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onSelect'>;

package/dist/components/SingleSelectV2/SingleSelectV2.d.ts

@@ -1,6 +1,6 @@
 import { SingleSelectV2Props } from './singleSelectV2.types';
 declare const SingleSelectV2: {
-    ({ label, subLabel, hintText, required, helpIconText, placeholder, error, size, items, variant, open: controlledOpen, onOpenChange: onControlledOpenChange, selected, onSelect, search, slot, customTrigger, usePanelOnMobile, menuPosition, menuDimensions, triggerDimensions, inline, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, singleSelectGroupPosition, ...rest }: SingleSelectV2Props): import("react/jsx-runtime").JSX.Element;
+    ({ label, subLabel, hintText, required, helpIconText, placeholder, error, size, items, variant, open: controlledOpen, onOpenChange: onControlledOpenChange, selected, onSelect, search, slot, customTrigger, usePanelOnMobile, menuPosition, menuDimensions, triggerDimensions, inline, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, singleSelectGroupPosition, menuFooter, ...rest }: SingleSelectV2Props): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SingleSelectV2;

package/dist/components/SingleSelectV2/SingleSelectV2Menu.d.ts

@@ -1,6 +1,6 @@
 import { SingleSelectV2MenuProps } from './singleSelectV2.types';
 declare const SingleSelectV2Menu: {
-    ({ items, selected, onSelect, trigger, menuDimensions, search, disabled, menuPosition, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, menuId, }: SingleSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
+    ({ items, selected, onSelect, trigger, menuDimensions, search, disabled, menuPosition, collisionBoundary, open, onOpenChange, size, variant, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, allowCustomValue, customValueLabel, menuId, menuFooter, }: SingleSelectV2MenuProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SingleSelectV2Menu;

package/dist/components/SingleSelectV2/singleSelectV2.tokens.types.d.ts

@@ -141,6 +141,14 @@ export type SingleSelectV2TokensType = {
             };
             iconColor: CSSObject['color'];
         };
+        footer: {
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            backgroundColor: CSSObject['backgroundColor'];
+            borderTop: CSSObject['borderTop'];
+        };
     };
     mobilePanel: {
         header: {

package/dist/components/SingleSelectV2/singleSelectV2.types.d.ts

@@ -103,6 +103,7 @@ export type SingleSelectV2MenuProps = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     menuId?: string;
+    menuFooter?: ReactNode;
 };
 export type SingleSelectV2PropsBase = {
     label?: string;
@@ -138,5 +139,6 @@ export type SingleSelectV2PropsBase = {
     allowCustomValue?: boolean;
     customValueLabel?: string;
     singleSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: ReactNode;
 };
 export type SingleSelectV2Props = Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'style' | 'className' | 'onSelect' | 'slot'> & SingleSelectV2PropsBase;

package/dist/components/Skeleton/SkeletonCompound.d.ts

@@ -1,4 +1,21 @@
+import { default as Skeleton } from './Skeleton';
+import { default as SkeletonAvatar } from './SkeletonAvatar';
+import { default as SkeletonCard } from './SkeletonCard';
 import { SkeletonProps } from './types';
+declare const SkeletonRoot: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
+    children?: import('react').ReactNode;
+    animate?: boolean;
+    width?: string | number;
+    height?: string | number;
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
+    shape?: import('./skeleton.tokens').SkeletonShape;
+} & import('react').RefAttributes<HTMLDivElement>>;
+declare const SkeletonCircle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const SkeletonRectangle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const SkeletonRounded: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
 /**
  * Enhanced Skeleton with compound component pattern
  *
@@ -11,47 +28,21 @@ import { SkeletonProps } from './types';
  * Or traditional:
  * <Skeleton.Text loading={isLoading} lines={3} />
  */
-declare const SkeletonCompound: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
-    children?: import('react').ReactNode;
-    animate?: boolean;
-    width?: string | number;
-    height?: string | number;
-    maxHeight?: string | number;
-    minHeight?: string | number;
-    maxWidth?: string | number;
-    minWidth?: string | number;
-    shape?: import('./skeleton.tokens').SkeletonShape;
-} & import('react').RefAttributes<HTMLDivElement>> & {
+declare const SkeletonCompound: typeof SkeletonRoot & {
     /**
      * Avatar skeleton with circular or square shapes and multiple sizes
      */
-    Avatar: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
-        size?: import('./types').SkeletonSize;
-        shape?: "circle" | "square";
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Avatar: typeof SkeletonAvatar;
     /**
      * Card skeleton with default layout or custom children
      */
-    Card: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
-        children?: import('react').ReactNode;
-        padding?: string | number;
-    } & import('react').RefAttributes<HTMLDivElement>>;
+    Card: typeof SkeletonCard;
     /**
      * Base skeleton component for custom shapes and layouts
      */
-    Base: import('react').ForwardRefExoticComponent<import('./types').BaseSkeletonProps & Omit<import('../Primitives/Block/Block').BlockProps, "children"> & {
-        children?: import('react').ReactNode;
-        animate?: boolean;
-        width?: string | number;
-        height?: string | number;
-        maxHeight?: string | number;
-        minHeight?: string | number;
-        maxWidth?: string | number;
-        minWidth?: string | number;
-        shape?: import('./skeleton.tokens').SkeletonShape;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Circle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
-    Rectangle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
-    Rounded: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;
+    Base: typeof Skeleton;
+    Circle: typeof SkeletonCircle;
+    Rectangle: typeof SkeletonRectangle;
+    Rounded: typeof SkeletonRounded;
 };
 export default SkeletonCompound;

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,6 +1,6 @@
 import { default as React } from 'react';
 import { AddToastOptions, CustomToastProps, SnackbarProps } from './types';
 export declare const StyledToast: React.FC<CustomToastProps>;
-export declare const addSnackbar: ({ header, description, variant, onClose, actionButton, duration, position, }: AddToastOptions) => string | number;
+export declare const addSnackbar: ({ header, description, variant, onClose, actionButton, duration, position, wrap, }: AddToastOptions) => string | number;
 declare const Snackbar: React.FC<SnackbarProps>;
 export default Snackbar;

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

@@ -1,4 +1,6 @@
+/** @deprecated Will be deprecated soon. Use SnackbarV2 instead. */
 export { default as Snackbar } from './Snackbar';
+/** @deprecated Will be deprecated soon. Use SnackbarV2 instead. */
 export { addSnackbar } from './Snackbar';
 export * from './snackbar.tokens';
 export * from './types';

package/dist/components/Snackbar/snackbar.tokens.d.ts

@@ -45,6 +45,7 @@ export type SnackbarTokens = Readonly<{
                 };
                 fontSize: CSSObject['fontSize'];
                 fontWeight: CSSObject['fontWeight'];
+                lineHeight: CSSObject['lineHeight'];
             };
             description: {
                 color: {

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

@@ -24,6 +24,7 @@ export type AddToastOptions = {
     };
     duration?: number;
     position?: SnackbarPosition;
+    wrap?: boolean;
 };
 export type CustomToastProps = {
     header: string;
@@ -36,6 +37,7 @@ export type CustomToastProps = {
         autoDismiss?: boolean;
     };
     toastId?: string | number;
+    wrap?: boolean;
 };
 export type SnackbarProps = {
     position?: SnackbarPosition;

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use StatCardV2 instead. */
 export { default as StatCard } from './StatCard';
 export * from './statcard.tokens';
 export * from './types';

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use StepperV2 instead. */
 export { default as Stepper } from './Stepper';
 export * from './stepper.tokens';
 export * from './types';

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

@@ -1,4 +1,6 @@
+/** @deprecated Will be deprecated soon. Use SwitchV2 instead. */
 export { Switch } from './Switch';
+/** @deprecated Will be deprecated soon. Use SwitchV2 instead. */
 export { default as SwitchGroup } from './SwitchGroup';
 export { SwitchSize } from './types';
 export type { SwitchProps, SwitchGroupProps } from './types';

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

@@ -2,6 +2,7 @@ import { default as Tabs } from './Tabs';
 import { default as TabsList } from './TabsList';
 import { default as TabsTrigger } from './TabsTrigger';
 import { default as TabsContent } from './TabsContent';
+/** @deprecated Will be deprecated soon. Use TabsV2 instead. */
 export { Tabs, TabsList, TabsTrigger, TabsContent };
 export * from './types';
 export * from './tabs.token';

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use TagV2 instead. */
 export { default as Tag } from './Tag';
 export * from './tag.tokens';
 export * from './types';

package/dist/components/Timeline/Timeline.d.ts

@@ -1,41 +1,17 @@
-declare const Timeline: import('react').ForwardRefExoticComponent<{
+import { default as TimelineLabel } from './TimelineLabel';
+import { default as TimelineHeader } from './TimelineHeader';
+import { default as TimelineSubstep } from './TimelineSubstep';
+import { default as TimelineNode } from './TimelineNode';
+import { default as TimelineShowMore } from './TimelineShowMore';
+declare const TimelineRoot: import('react').ForwardRefExoticComponent<{
     children: import('react').ReactNode;
     className?: string;
-} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "style" | "className" | "children"> & import('react').RefAttributes<HTMLDivElement>> & {
-    Label: import('react').ForwardRefExoticComponent<import('./types').TimelineLabelProps & import('react').RefAttributes<HTMLDivElement>>;
-    Header: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-        title: string;
-        status?: import('./types').TimelineNodeStatus;
-        timestamp?: string;
-        children?: import('react').ReactNode;
-        leftSlot?: import('react').ReactNode;
-        rightSlot?: import('react').ReactNode;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Substep: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-        title: string;
-        isNestedUnderHeader?: boolean;
-        showIndicator?: boolean;
-        description?: string;
-        timestamp?: string;
-        rightSlot?: import('react').ReactNode;
-        datetimeLeftSlot?: import('react').ReactNode;
-        datetimeRightSlot?: import('react').ReactNode;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    Node: import('react').ForwardRefExoticComponent<import('react').HTMLAttributes<HTMLDivElement> & {
-        title?: string;
-        leftSlot?: import('react').ReactNode;
-        headerRightSlot?: import('react').ReactNode;
-        datetime?: string;
-        datetimeLeftSlot?: import('react').ReactNode;
-        datetimeRightSlot?: import('react').ReactNode;
-        text?: string;
-        maxLines?: number;
-        user?: import('./types').TimelineUser;
-        avatarProps?: Partial<Omit<import('../AvatarV2').AvatarV2Props, "src" | "fallbackText">>;
-        time?: string;
-        status?: import('./types').TimelineNodeStatus;
-        children?: import('react').ReactNode;
-    } & import('react').RefAttributes<HTMLDivElement>>;
-    ShowMore: import('react').ForwardRefExoticComponent<import('./types').TimelineShowMoreProps & import('react').RefAttributes<HTMLDivElement>>;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "style" | "className" | "children"> & import('react').RefAttributes<HTMLDivElement>>;
+declare const Timeline: typeof TimelineRoot & {
+    Label: typeof TimelineLabel;
+    Header: typeof TimelineHeader;
+    Substep: typeof TimelineSubstep;
+    Node: typeof TimelineNode;
+    ShowMore: typeof TimelineShowMore;
 };
 export default Timeline;

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use TooltipV2 instead. */
 export { default as Tooltip } from './Tooltip';
 export * from './tooltip.tokens';
 export * from './types';

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use TopbarV2 instead. */
 export { default as Topbar } from './Topbar';
 export * from './topbar.tokens';
 export type { TopbarProps, MerchantInfo } from './types';

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

@@ -1,3 +1,4 @@
+/** @deprecated Will be deprecated soon. Use UploadV2 instead. */
 export { default as Upload } from './Upload';
 export type { UploadTokenType, ResponsiveUploadTokens } from './upload.tokens';
 export { getUploadTokens } from './upload.tokens';

package/dist/context/ThemeContext.d.ts

@@ -34,6 +34,7 @@ import { ResponsiveChartTokens } from '../components/Charts/chart.tokens';
 import { ResponsiveSnackbarTokens } from '../components/Snackbar/snackbar.tokens';
 import { ResponsiveKeyValuePairTokens } from '../components/KeyValuePair/KeyValuePair.tokens';
 import { ResponsiveCardTokens } from '../components/Card/card.tokens';
+import { ResponsiveCardV2Tokens } from '../components/CardV2/cardV2.tokens';
 import { ResponsiveTopbarTokens } from '../components/Topbar/topbar.tokens';
 import { ResponsiveTopbarV2Tokens } from '../components/TopbarV2/topbarV2.tokens';
 import { ResponsiveAvatarTokens } from '../components/Avatar/avatar.tokens';
@@ -79,6 +80,8 @@ import { ResponsiveBadgeTokens } from '../components/Badge/badge.tokens';
 import { ResponsiveSearchInputV2Tokens } from '../components/InputsV2/SearchInputV2/SearchInputV2.tokens';
 import { ResponsiveChatInputV2TokensType } from '../components/InputsV2/ChatInputV2/ChatInputV2.tokens';
 import { ChatInputV2MobileTokensType } from '../components/InputsV2/ChatInputV2/ChatInputV2Mobile.tokens';
+import { ResponsiveUploadV2Tokens } from '../components/InputsV2/UploadV2/UploadV2.tokens';
+import { ResponsiveModalV2Tokens } from '../components/ModalV2/modalV2.tokens.types';
 export type ComponentTokenType = {
     TAGS?: ResponsiveTagTokens;
     SEARCH_INPUT?: ResponsiveSearchInputTokens;
@@ -115,6 +118,7 @@ export type ComponentTokenType = {
     STEPPER?: ResponsiveStepperTokens;
     KEYVALUEPAIR?: ResponsiveKeyValuePairTokens;
     CARD?: ResponsiveCardTokens;
+    CARDV2?: ResponsiveCardV2Tokens;
     SKELETON?: ResponsiveSkeletonTokens;
     TOPBAR?: ResponsiveTopbarTokens;
     TOPBARV2?: ResponsiveTopbarV2Tokens;
@@ -158,6 +162,8 @@ export type ComponentTokenType = {
     SEARCH_INPUT_V2?: ResponsiveSearchInputV2Tokens;
     CHAT_INPUTV2_MOBILE?: ChatInputV2MobileTokensType;
     STEPPERV2?: ResponsiveStepperV2Tokens;
+    UPLOADV2?: ResponsiveUploadV2Tokens;
+    MODALV2?: ResponsiveModalV2Tokens;
 };
 type ThemeContextType = {
     foundationTokens: ThemeType;

package/dist/context/useComponentToken.d.ts

@@ -33,6 +33,7 @@ import { ResponsiveSnackbarTokens } from '../components/Snackbar/snackbar.tokens
 import { ResponsiveStepperTokens } from '../components/Stepper/stepper.tokens';
 import { ResponsiveKeyValuePairTokens } from '../components/KeyValuePair/KeyValuePair.tokens';
 import { ResponsiveCardTokens } from '../components/Card/card.tokens';
+import { ResponsiveCardV2Tokens } from '../components/CardV2/cardV2.tokens';
 import { ResponsiveSkeletonTokens } from '../components/Skeleton/skeleton.tokens';
 import { ResponsiveTopbarTokens } from '../components/Topbar/topbar.tokens';
 import { ResponsiveAvatarTokens } from '../components/Avatar/avatar.tokens';
@@ -76,4 +77,6 @@ import { ResponsiveSearchInputV2Tokens } from '../components/InputsV2/SearchInpu
 import { ResponsiveChatInputV2TokensType } from '../components/InputsV2/ChatInputV2/ChatInputV2.tokens';
 import { ChatInputV2MobileTokensType } from '../components/InputsV2/ChatInputV2/ChatInputV2Mobile.tokens';
 import { ResponsiveStepperV2Tokens } from '../components/StepperV2/stepperV2.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 | ResponsiveMenuV2TokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveMobileNavigationV2Tokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType | ResponsiveButtonTokens | ResponsiveButtonV2Tokens | ResponsiveChatInputTokensType | ResponsiveTagV2Tokens | ResponsiveAlertV2Tokens | ResponsiveAccordionV2Tokens | ResponsiveSnackbarV2Tokens | ResponsiveSwitchV2Tokens | ResponsiveSingleSelectV2Tokens | ResponsiveMultiSelectV2Tokens | ResponsiveChartV2Tokens | ResponsiveAvatarV2Tokens | ResponsiveTextInputV2Tokens | ResponsiveTimelineTokens | ResponsiveCheckboxV2Tokens | ResponsiveKeyValuePairV2Tokens | ResponsiveStatCardV2Tokens | ResponsiveRadioV2Tokens | ResponsivePopoverV2Tokens | ResponsiveTabsV2Tokens | ResponsiveSidebarV2Tokens | ResponsiveBreadcrumbV2Tokens | ResponsiveTopbarV2Tokens | ResponsiveProgressBarV2Tokens | ResponsiveMultiValueInputV2Tokens | ResponsiveNumberInputV2Tokens | ResponsiveOTPInputV2Tokens | ResponsiveTextAreaV2Tokens | ResponsiveSearchInputV2Tokens | ResponsiveCodeEditorV2Tokens | ResponsiveBadgeTokens | ResponsiveChatInputV2TokensType | ChatInputV2MobileTokensType | ResponsiveStepperV2Tokens;
+import { ResponsiveUploadV2Tokens } from '../components/InputsV2/UploadV2/UploadV2.tokens';
+import { ResponsiveModalV2Tokens } from '../components/ModalV2/modalV2.tokens.types';
+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 | ResponsiveMenuV2TokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveCardV2Tokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveMobileNavigationV2Tokens | ResponsiveDirectoryTokens | ResponsiveChatInputTokensType | ResponsiveButtonTokens | ResponsiveButtonV2Tokens | ResponsiveChatInputTokensType | ResponsiveTagV2Tokens | ResponsiveAlertV2Tokens | ResponsiveAccordionV2Tokens | ResponsiveSnackbarV2Tokens | ResponsiveSwitchV2Tokens | ResponsiveSingleSelectV2Tokens | ResponsiveMultiSelectV2Tokens | ResponsiveChartV2Tokens | ResponsiveAvatarV2Tokens | ResponsiveTextInputV2Tokens | ResponsiveTimelineTokens | ResponsiveCheckboxV2Tokens | ResponsiveKeyValuePairV2Tokens | ResponsiveStatCardV2Tokens | ResponsiveRadioV2Tokens | ResponsivePopoverV2Tokens | ResponsiveTabsV2Tokens | ResponsiveSidebarV2Tokens | ResponsiveBreadcrumbV2Tokens | ResponsiveTopbarV2Tokens | ResponsiveProgressBarV2Tokens | ResponsiveMultiValueInputV2Tokens | ResponsiveNumberInputV2Tokens | ResponsiveOTPInputV2Tokens | ResponsiveTextAreaV2Tokens | ResponsiveSearchInputV2Tokens | ResponsiveCodeEditorV2Tokens | ResponsiveBadgeTokens | ResponsiveChatInputV2TokensType | ChatInputV2MobileTokensType | ResponsiveStepperV2Tokens | ResponsiveStepperV2Tokens | ResponsiveModalV2Tokens | ResponsiveUploadV2Tokens | ChatInputV2MobileTokensType;

package/dist/main.d.ts

@@ -41,6 +41,7 @@ export * from './components/Switch';
 export * from './components/Tabs';
 export * from './components/Tags';
 export * from './components/Tooltip';
+export * from './components/Topbar';
 export * from './components/Upload';
 export * from './components/VirtualList';
 export * from './components/ButtonV2';
@@ -54,6 +55,7 @@ export * from './components/AvatarV2';
 export * from './components/TooltipV2';
 export * from './components/ProgressBarV2';
 export * from './components/StatCardV2';
+export * from './components/CardV2';
 export * from './components/AccordionV2';
 export * from './components/InputsV2/TextInputV2';
 export * from './components/InputsV2/TextAreaV2';
@@ -63,6 +65,7 @@ export * from './components/ChartsV2';
 export * from './components/ButtonV2/ButtonGroupV2';
 export * from './components/common/TruncatedTextWithTooltipV2';
 export * from './components/PopoverV2';
+export * from './components/ModalV2';
 export * from './components/SidebarV2';
 export * from './components/StepperV2';
 export * from './components/TagGroupV2';
@@ -73,6 +76,9 @@ export * from './components/InputsV2/MultiValueInputV2';
 export * from './components/InputsV2/NumberInputV2';
 export * from './components/InputsV2/OTPInputV2';
 export * from './components/InputsV2/SearchInputV2';
+export { UploadV2 } from './components/InputsV2/UploadV2';
+export { UploadState as UploadV2State, UploadDragState as UploadV2DragState, UploadErrorReason, } from './components/InputsV2/UploadV2';
+export type { UploadV2Props, UploadFileV2, UploadErrorReasonValue, UploadV2TokensType, ResponsiveUploadV2Tokens, } from './components/InputsV2/UploadV2';
 export * from './components/SnackbarV2';
 export * from './components/CodeEditorV2';
 export * from './components/KeyValuePairV2';