@juspay/blend-design-system 0.0.37-beta.3 → 0.0.37-beta.5

package/dist/components/Directory/Directory.d.ts

@@ -1,6 +1,6 @@
 import { DirectoryProps } from './types';
 declare const Directory: {
-    ({ directoryData, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
+    ({ directoryData: directoryDataProp, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Directory;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export type DirectoryProps = {
-    directoryData: DirectoryData[];
+    directoryData: DirectoryData[] | null;
     idPrefix?: string;
     activeItem?: string | null;
     onActiveItemChange?: (item: string | null) => void;

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

@@ -1,3 +1,5 @@
+import { DirectoryData } from './types';
+export declare const normalizeDirectoryData: (directoryData: DirectoryData[] | null) => DirectoryData[];
 export declare const handleSectionNavigation: (direction: "up" | "down", currentIndex: number, totalItems: number, selector?: string, childSelector?: string) => number;
 export declare const handleKeyDown: (e: React.KeyboardEvent, options: {
     hasChildren?: boolean;

package/dist/components/InputsV2/ChatInputV2/AttachmentDropdown.d.ts

@@ -1,11 +1,11 @@
 import { ChatInputV2TokensType } from './ChatInputV2.tokens';
-import { AttachedFile } from './ChatInputV2.types';
+import { ChatInputV2AttachedFile } from './ChatInputV2.types';
 type AttachmentDropdownV2Props = {
     id?: string;
-    files: AttachedFile[];
+    files: ChatInputV2AttachedFile[];
     onFileRemove: (fileId: string) => void;
     tokens: ChatInputV2TokensType;
-    onFileClick: (file: AttachedFile) => void;
+    onFileClick: (file: ChatInputV2AttachedFile) => void;
 };
 declare const AttachmentDropdownV2: ({ id, files, onFileRemove, onFileClick, tokens, }: AttachmentDropdownV2Props) => import("react/jsx-runtime").JSX.Element;
 export default AttachmentDropdownV2;

package/dist/components/InputsV2/ChatInputV2/ChatInputTagV2.d.ts

@@ -1,5 +1,5 @@
 import { ChatInputV2TokensType } from './ChatInputV2.tokens';
-import { AttachedFile } from './ChatInputV2.types';
+import { ChatInputV2AttachedFile } from './ChatInputV2.types';
 type ChatInputTagV2Props = {
     text: string;
     tokens: ChatInputV2TokensType['container']['tagContainer'];
@@ -7,7 +7,7 @@ type ChatInputTagV2Props = {
     onRemove: () => void;
     /** Fired after the file-name control handles `preventDefault` / `stopPropagation` (button). */
     onFileClick: () => void;
-    file: AttachedFile;
+    file: ChatInputV2AttachedFile;
 };
 declare const ChatInputTagV2: ({ file, text, tokens, onRemove, onFileClick, }: ChatInputTagV2Props) => import("react/jsx-runtime").JSX.Element;
 export default ChatInputTagV2;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.d.ts

@@ -1,7 +1,7 @@
 declare const ChatInputV2: import('react').ForwardRefExoticComponent<{
     value?: string;
-    topQueries?: import('./ChatInputV2.types').TopQuery[];
-    onTopQuerySelect?: (query: import('./ChatInputV2.types').TopQuery) => void;
+    topQueries?: import('./ChatInputV2.types').ChatInputV2TopQuery[];
+    onTopQuerySelect?: (query: import('./ChatInputV2.types').ChatInputV2TopQuery) => void;
     placeholder?: string;
     onChange: (value: string) => void;
     topContent?: import('react').ReactNode;
@@ -10,10 +10,10 @@ declare const ChatInputV2: import('react').ForwardRefExoticComponent<{
     topQueriesMaxHeight?: number;
     textareaMaxHeight?: number;
     disabled?: boolean;
-    attachedFiles?: import('./ChatInputV2.types').AttachedFile[];
+    attachedFiles?: import('./ChatInputV2.types').ChatInputV2AttachedFile[];
     onAttachFiles?: (files: File[]) => void;
     onFileRemove?: (fileId: string) => void;
-    onFileClick?: (file: import('./ChatInputV2.types').AttachedFile) => void;
+    onFileClick?: (file: import('./ChatInputV2.types').ChatInputV2AttachedFile) => void;
     onEnter?: () => void;
 } & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "style" | "className" | "onFocus" | "onBlur" | "onChange" | "cols"> & import('react').RefAttributes<HTMLDivElement>>;
 export default ChatInputV2;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.types.d.ts

@@ -1,6 +1,6 @@
 import { ReactNode, TextareaHTMLAttributes } from 'react';
 import { ChatInputV2TokensType } from './ChatInputV2.tokens';
-export type AttachedFile = {
+export type ChatInputV2AttachedFile = {
     id: string;
     name: string;
     type: 'image' | 'pdf' | 'csv' | 'text' | 'other';
@@ -8,14 +8,14 @@ export type AttachedFile = {
     url?: string;
     preview?: string;
 };
-export type TopQuery = {
+export type ChatInputV2TopQuery = {
     id: string;
     text: string;
 };
 export type ChatInputV2Props = {
     value?: string;
-    topQueries?: TopQuery[];
-    onTopQuerySelect?: (query: TopQuery) => void;
+    topQueries?: ChatInputV2TopQuery[];
+    onTopQuerySelect?: (query: ChatInputV2TopQuery) => void;
     placeholder?: string;
     onChange: (value: string) => void;
     /** Renders full-width above the field row (e.g. context, filters, banners). */
@@ -27,12 +27,12 @@ export type ChatInputV2Props = {
     /** Max textarea height in px (ChatGPT-style auto-grow). Defaults to token `input.maxHeight`. */
     textareaMaxHeight?: number;
     disabled?: boolean;
-    attachedFiles?: AttachedFile[];
+    attachedFiles?: ChatInputV2AttachedFile[];
     /** New files from the hidden file input (append in parent state). */
     onAttachFiles?: (files: File[]) => void;
     /** Remove by id — use this for chip dismiss; do not use `onAttachFiles` to “replace” the list. */
     onFileRemove?: (fileId: string) => void;
-    onFileClick?: (file: AttachedFile) => void;
+    onFileClick?: (file: ChatInputV2AttachedFile) => void;
     onEnter?: () => void;
 } & Omit<TextareaHTMLAttributes<HTMLTextAreaElement>, 'size' | 'style' | 'className' | 'onFocus' | 'onBlur' | 'cols' | 'onChange'>;
 export type MobileChatInputV2Props = {
@@ -42,11 +42,11 @@ export type MobileChatInputV2Props = {
     topContent?: ReactNode;
     secondaryAction?: ReactNode;
     placeholder?: string;
-    attachedFiles?: AttachedFile[];
+    attachedFiles?: ChatInputV2AttachedFile[];
     handleAttachClick?: () => void;
     onFileRemove?: (fileId: string) => void;
     /** Invoked when a chip label is activated (inline or overflow); forwarded to `ChatInputV2AttachmentRow`. */
-    onFileClick?: (file: AttachedFile) => void;
+    onFileClick?: (file: ChatInputV2AttachedFile) => void;
     onSecondaryActionClick?: () => void;
     id?: string;
     webTokens: ChatInputV2TokensType;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2AttachmentRow.d.ts

@@ -1,11 +1,11 @@
 import { RefObject } from 'react';
-import { AttachedFile } from './ChatInputV2.types';
+import { ChatInputV2AttachedFile } from './ChatInputV2.types';
 import { CSSObject } from 'styled-components';
 import { ChatInputV2TokensType } from './ChatInputV2.tokens';
 export type ChatInputV2AttachmentRowProps = {
-    attachedFiles: AttachedFile[];
+    attachedFiles: ChatInputV2AttachedFile[];
     onFileRemove: (fileId: string) => void;
-    onFileClick: (file: AttachedFile) => void;
+    onFileClick: (file: ChatInputV2AttachedFile) => void;
     outerContainerRef: RefObject<HTMLElement | null>;
     gap: NonNullable<CSSObject['gap']>;
     tokens: ChatInputV2TokensType;

package/dist/components/InputsV2/ChatInputV2/MobileChatInputV2.d.ts

@@ -5,10 +5,10 @@ declare const MobileChatInputV2: import('react').ForwardRefExoticComponent<{
     topContent?: import('react').ReactNode;
     secondaryAction?: import('react').ReactNode;
     placeholder?: string;
-    attachedFiles?: import('./ChatInputV2.types').AttachedFile[];
+    attachedFiles?: import('./ChatInputV2.types').ChatInputV2AttachedFile[];
     handleAttachClick?: () => void;
     onFileRemove?: (fileId: string) => void;
-    onFileClick?: (file: import('./ChatInputV2.types').AttachedFile) => void;
+    onFileClick?: (file: import('./ChatInputV2.types').ChatInputV2AttachedFile) => void;
     onSecondaryActionClick?: () => void;
     id?: string;
     webTokens: import('./ChatInputV2.tokens').ChatInputV2TokensType;

package/dist/components/InputsV2/ChatInputV2/utils.d.ts

@@ -1,5 +1,5 @@
 import { ChangeEvent, Ref } from 'react';
-import { AttachedFile } from './ChatInputV2.types';
+import { ChatInputV2AttachedFile } from './ChatInputV2.types';
 export declare const FILE_NAME_TAG_MAX_LEN = 8;
 export declare const truncateFileNameForTag: (name: string) => string;
 /** Layout buffer and “+ N more” reserve — mirrors `AttachmentFile` in ChatInput. */
@@ -28,15 +28,15 @@ type ComputeCutoffArgs = {
  * Walk visible chip DOM nodes and compute how many files can stay inline before “+ N more”.
  */
 export declare function computeAttachmentRowCutoff({ filesContainer, attachedFileCount, rowGapPx, }: ComputeCutoffArgs): number;
-export declare function sliceVisibleAttachedFiles(attachedFiles: AttachedFile[], cutOffIndex: number): AttachedFile[];
-export declare function sliceOverflowAttachedFiles(attachedFiles: AttachedFile[], cutOffIndex: number): AttachedFile[];
+export declare function sliceVisibleChatInputV2AttachedFiles(attachedFiles: ChatInputV2AttachedFile[], cutOffIndex: number): ChatInputV2AttachedFile[];
+export declare function sliceOverflowChatInputV2AttachedFiles(attachedFiles: ChatInputV2AttachedFile[], cutOffIndex: number): ChatInputV2AttachedFile[];
 /** Max height in px: explicit prop wins; otherwise parse token `maxHeight` (defaults to 200). */
 export declare function resolveChatInputV2TextareaMaxHeightPx(textareaMaxHeightProp: number | undefined, tokenMaxHeight: unknown): number;
 /** ChatGPT-style auto-grow: clamp scroll height to `maxHeightPx`. */
 export declare function applyChatInputV2TextareaAutoHeight(el: HTMLTextAreaElement | null, maxHeightPx: number): void;
 export declare function notifyChatInputV2DuplicateFiles(duplicateFileNames: string[]): void;
 /** Hidden file input: filters duplicates vs `attachedFiles`, shows SnackbarV2, forwards new files. Resets input value. */
-export declare function handleChatInputV2FileInputChange(e: ChangeEvent<HTMLInputElement>, attachedFiles: AttachedFile[], onAttachFiles: (files: File[]) => void): void;
+export declare function handleChatInputV2FileInputChange(e: ChangeEvent<HTMLInputElement>, attachedFiles: ChatInputV2AttachedFile[], onAttachFiles: (files: File[]) => void): void;
 export declare function assignForwardedRef<T>(node: T | null, ref: Ref<T | null> | null | undefined): void;
 export declare const truncatePlaceholder: (textarea: HTMLTextAreaElement | null, placeholder: string | undefined) => string | undefined;
 export declare const removePxFromValue: (value: number | string) => number;

package/dist/components/InputsV2/SearchInputV2/utils.d.ts

@@ -0,0 +1,39 @@
+import { ChangeEvent, CSSProperties } from 'react';
+import { SearchInputV2TokensType } from './SearchInputV2.tokens';
+import { getInteractionState } from '../utils/utils';
+export type SearchInputV2InteractionStateKey = ReturnType<typeof getInteractionState>;
+export declare const getSearchInputV2InputStateKey: (error: boolean, isFocused: boolean, disabled: boolean) => SearchInputV2InteractionStateKey;
+export declare const shouldShowSearchInputV2Clear: (allowClear: boolean, value: string | undefined, disabled: boolean) => boolean;
+export declare const createSearchInputV2ClearHandler: (options: {
+    disabled: boolean;
+    onClear?: () => void;
+    onChange?: (e: ChangeEvent<HTMLInputElement>) => void;
+}) => (() => void);
+export declare const getSearchInputV2PaddingInline: (args: {
+    paddingX: number;
+    gap: number;
+    hasLeftSlot: boolean;
+    leftSlotWidth: number;
+    hasRightSlot: boolean;
+    rightSlotWidth: number;
+}) => {
+    paddingInlineStart: number;
+    paddingInlineEnd: number;
+};
+export declare const getSearchInputV2SlotWrapperStyle: (slot: SearchInputV2TokensType["inputContainer"]["slot"], inputStateKey: SearchInputV2InteractionStateKey) => CSSProperties;
+type SearchInputV2PrimitiveInputChrome = {
+    borderBottom: CSSProperties['borderBottom'];
+    color: CSSProperties['color'];
+    hover: {
+        borderBottom: CSSProperties['borderBottom'];
+        color: CSSProperties['color'];
+    };
+    focus: {
+        borderBottom: CSSProperties['borderBottom'];
+        color: CSSProperties['color'];
+    };
+};
+export declare const getSearchInputV2PrimitiveInputChrome: (ic: SearchInputV2TokensType["inputContainer"], disabled: boolean, error: boolean) => SearchInputV2PrimitiveInputChrome;
+export declare const applyIconStyles: (icon: React.ReactNode, tokens: SearchInputV2TokensType, inputState: SearchInputV2InteractionStateKey) => React.ReactNode;
+export declare const toPixels: (value: string | number | undefined) => number;
+export {};

package/dist/components/InputsV2/TextInputV2/TextInputV2.types.d.ts

@@ -3,7 +3,7 @@ import { CSSObject } from 'styled-components';
 import { InputSizeV2 } from '../inputV2.types';
 import { SingleSelectV2Props, SingleSelectV2Size } from '../../SingleSelectV2/singleSelectV2.types';
 import { SelectV2Alignment } from '../../SelectV2/selectV2.shared.types';
-export declare enum DropdownPosition {
+export declare enum TextInputV2DropdownPosition {
     LEFT = "left",
     RIGHT = "right"
 }
@@ -12,7 +12,7 @@ export declare enum DropdownPosition {
  * All `SingleSelectV2` props are forwarded; the host applies embed defaults (e.g. `NO_CONTAINER`, `inline`, input-linked `size`/`disabled`, merged `menuPosition`).
  */
 export type TextInputV2Dropdown = SingleSelectV2Props & {
-    position: DropdownPosition;
+    position: TextInputV2DropdownPosition;
 };
 export type TextInputV2Props = {
     value: string;

package/dist/components/InputsV2/TextInputV2/index.d.ts

@@ -1,3 +1,5 @@
 export { default as TextInputV2 } from './TextInputV2';
 export * from './TextInputV2.types';
 export * from './TextInputV2.tokens';
+export * from './utils';
+export { InputSizeV2 } from '../inputV2.types';

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

@@ -7,4 +7,4 @@ export declare const generateAccessibilityIds: (baseId: string) => {
     groupId: string;
     firstInputId: string;
 };
-export declare const getInteractionState: (state: InputStateV2) => "default" | "hover" | "disabled" | "focus" | "error";
+export declare const getInteractionState: (state: InputStateV2) => "default" | "hover" | "focus" | "error" | "disabled";

package/dist/components/KeyValuePairV2/KeyValuePairV2.d.ts

@@ -16,7 +16,7 @@ declare const KeyValuePairV2: import('react').ForwardRefExoticComponent<{
     };
     keyValuePairState?: KeyValuePairV2StateType;
     maxWidth?: string;
-    textOverflow?: import('./keyValuePairV2.types').TextOverflowMode;
+    textOverflow?: import('./keyValuePairV2.types').KeyValuePairV2TextOverflowMode;
     maxLines?: number;
     showTooltipOnTruncate?: boolean;
 } & Omit<import('react').HTMLAttributes<HTMLDivElement>, "style" | "className" | "slot" | "onChange"> & import('react').RefAttributes<HTMLDivElement>>;

package/dist/components/KeyValuePairV2/ResponsiveText.d.ts

@@ -1,13 +1,13 @@
 import { default as React } from 'react';
 import { CSSObject } from 'styled-components';
-import { TextOverflowMode } from './responsiveTextStyles';
+import { KeyValuePairV2TextOverflowMode } from './responsiveTextStyles';
 export type ResponsiveTextProps = {
     children: string;
     fontSize: CSSObject['fontSize'];
     color: CSSObject['color'];
     className?: string;
     fontWeight?: CSSObject['fontWeight'];
-    textOverflow?: TextOverflowMode;
+    textOverflow?: KeyValuePairV2TextOverflowMode;
     maxLines?: number;
     showTooltipOnTruncate?: boolean;
     as?: React.ElementType;

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

@@ -1,3 +1,6 @@
 export { default as KeyValuePairV2 } from './KeyValuePairV2';
+export { KeyValuePairLayout } from './KeyValuePairLayout';
+export { ResponsiveText } from './ResponsiveText';
 export * from './keyValuePairV2.types';
 export * from './keyValuePairV2.tokens';
+export * from './utils';

package/dist/components/KeyValuePairV2/keyValuePairV2.types.d.ts

@@ -8,7 +8,7 @@ export declare enum KeyValuePairV2Size {
     MD = "md",
     LG = "lg"
 }
-export type TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
+export type KeyValuePairV2TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
 export type KeyValuePairV2PropTypes = {
     keyString: string;
     size?: KeyValuePairV2Size;
@@ -22,7 +22,7 @@ export type KeyValuePairV2PropTypes = {
     };
     keyValuePairState?: KeyValuePairV2StateType;
     maxWidth?: string;
-    textOverflow?: TextOverflowMode;
+    textOverflow?: KeyValuePairV2TextOverflowMode;
     maxLines?: number;
     showTooltipOnTruncate?: boolean;
 } & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'slot' | 'onChange'>;

package/dist/components/KeyValuePairV2/responsiveTextStyles.d.ts

@@ -1,4 +1,4 @@
 import { CSSObject } from 'styled-components';
-export type TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
-export declare const getTextStyles: (textOverflow: TextOverflowMode, maxLines: number, slotPresent: boolean) => CSSObject;
-export declare const getPrimitiveTextStyles: (textOverflow: TextOverflowMode) => CSSObject;
+export type KeyValuePairV2TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
+export declare const getTextStyles: (textOverflow: KeyValuePairV2TextOverflowMode, maxLines: number, slotPresent: boolean) => CSSObject;
+export declare const getPrimitiveTextStyles: (textOverflow: KeyValuePairV2TextOverflowMode) => CSSObject;

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

@@ -1,10 +1,10 @@
 import { CSSObject } from 'styled-components';
-import { TextOverflowMode, KeyValuePairV2StateType } from './keyValuePairV2.types';
+import { KeyValuePairV2TextOverflowMode, KeyValuePairV2StateType } from './keyValuePairV2.types';
 import { KeyValuePairV2TokensType } from './keyValuePairV2.tokens';
 /**
  * Get container styles based on text overflow mode and max width
  */
-export declare const getContainerStyles: (textOverflow: TextOverflowMode, maxWidth: string) => CSSObject;
+export declare const getKeyValuePairV2ContainerStyles: (textOverflow: KeyValuePairV2TextOverflowMode, maxWidth: string) => CSSObject;
 /**
  * Get flex direction and gap based on layout state
  */

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

@@ -1,5 +1,6 @@
 export { default as MenuV2 } from './MenuV2';
 export { default as MenuV2Content } from './MenuV2Content';
+export type { MenuV2ContentProps } from './MenuV2Content';
 export { default as MenuV2Item } from './MenuV2Item';
 export { default as MenuV2SubMenu } from './MenuV2SubMenu';
 export * from './menuV2.types';

package/dist/components/MenuV2/menuV2.utils.d.ts

@@ -3,7 +3,7 @@ import { MenuV2GroupType, MenuV2ItemType } from './menuV2.types';
 import { MenuV2TokensType, MenuV2ItemStates } from './menuV2.tokens';
 type MenuV2ItemTokens = MenuV2TokensType['group']['item'];
 export declare const getItemSlots: (item: MenuV2ItemType) => [ReactNode?];
-export declare const filterMenuItem: (item: MenuV2ItemType, lower: string) => MenuV2ItemType | null;
+export declare const filterMenuV2Item: (item: MenuV2ItemType, lower: string) => MenuV2ItemType | null;
 export declare const getMenuItemBackgroundColor: (state: MenuV2ItemStates, itemTokens: MenuV2ItemTokens, item: MenuV2ItemType) => string | undefined;
 export declare const getMenuItemOptionColor: (state: MenuV2ItemStates, itemTokens: MenuV2ItemTokens, item: MenuV2ItemType) => string | undefined;
 export declare const getMenuItemDescriptionColor: (state: MenuV2ItemStates, itemTokens: MenuV2ItemTokens, item: MenuV2ItemType) => string | undefined;
@@ -22,5 +22,5 @@ export type MenuV2FlatRow = {
     itemIndex: number;
 };
 export declare const flattenMenuV2Groups: (groups: MenuV2GroupType[]) => MenuV2FlatRow[];
-export declare const filterMenuGroups: (groups: MenuV2GroupType[], searchText: string) => MenuV2GroupType[];
+export declare const filterMenuV2Groups: (groups: MenuV2GroupType[], searchText: string) => MenuV2GroupType[];
 export {};

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

@@ -8,6 +8,9 @@ export { default as MultiSelectV2MenuItems } from './MultiSelectV2MenuItems';
 export { default as MultiSelectV2MenuActions } from './MultiSelectV2MenuActions';
 export { default as MultiSelectV2Trigger } from './MultiSelectV2Trigger';
 export { default as MobileMultiSelectV2 } from './MobileMultiSelectV2';
+export { default as MultiSelectV2MenuItem } from './MultiSelectV2MenuItem';
+export { default as MultiSelectV2SubMenu } from './MultiSelectV2SubMenu';
+export { default as MultiSelectV2SelectAllItem } from './MultiSelectV2SelectAllItem';
 export type { MultiSelectV2Props } from './multiSelectV2.types';
 export * from './multiSelectV2.types';
 export * from './multiSelectV2.tokens';

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

@@ -62,7 +62,7 @@ export type MultiSelectV2MenuProps = {
     customValueLabel?: string;
     menuId?: string;
 };
-export type MenuRootProps = SelectV2MenuRootPropsBase & {
+export type MultiSelectV2MenuRootProps = SelectV2MenuRootPropsBase & {
     onInteractOutside?: (e: Event) => void;
     onPointerDownOutside?: (e: Event) => void;
 };

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

@@ -4,14 +4,14 @@ export declare const getSelectAllState: (selected: string[], availableValues: st
     allSelected: boolean;
     someSelected: boolean;
 };
-export declare const getValueLabelMap: (groups: MultiSelectV2GroupType[]) => Record<string, string>;
+export declare const getMultiSelectV2ValueLabelMap: (groups: MultiSelectV2GroupType[]) => Record<string, string>;
 export declare function getMultiSelectBorderRadius(size: MultiSelectV2Size, variant: MultiSelectV2Variant, multiSelectGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: MultiSelectV2TokensType, shouldShowClearButton: boolean): string;
 export declare function getMultiSelectCrossBorderRadius(size: MultiSelectV2Size, variant: MultiSelectV2Variant, multiSelectGroupPosition: 'center' | 'left' | 'right' | undefined, tokens: MultiSelectV2TokensType): {
     borderRadius: string;
     borderRight?: string;
 };
 export declare const getFilteredMenuItem: (item: MultiSelectV2ItemType, queryLower: string) => MultiSelectV2ItemType | null;
-export declare const filterMenuGroups: (groups: MultiSelectV2GroupType[], searchText: string) => MultiSelectV2GroupType[];
+export declare const filterMultiSelectV2MenuGroups: (groups: MultiSelectV2GroupType[], searchText: string) => MultiSelectV2GroupType[];
 export declare const getAllAvailableValues: (groups: MultiSelectV2GroupType[]) => string[];
 export declare const handleSelectAll: (selectAll: boolean, items: MultiSelectV2GroupType[], selectedValues: string[], onChange: (value: string) => void) => void;
 export declare const flattenMenuGroups: (groups: MultiSelectV2GroupType[]) => FlattenedMultiSelectV2Item[];

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

@@ -1,3 +1,6 @@
 export { default as ProgressBarV2 } from './ProgressBarV2';
+export { CircularProgressBarV2 } from './CircularProgressBarV2';
+export { LinearProgressBarV2 } from './LinearProgressBarV2';
 export * from './progressBarV2.tokens';
 export * from './progressBarV2.types';
+export * from './utils';

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

@@ -18,7 +18,7 @@ export declare const getProgressBarValueState: (value: number, min: number, max:
 };
 export declare const calculatePercentage: (value: number, min: number, max: number) => number;
 export declare const parseTokenValue: (tokenValue: string | number | undefined, fallback: number) => number;
-export declare const extractAriaProps: (rest: Record<string, unknown> | undefined) => {
+export declare const extractProgressBarV2AriaProps: (rest: Record<string, unknown> | undefined) => {
     "aria-label"?: string;
     "aria-labelledby"?: string;
     restProps: Record<string, unknown>;

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

@@ -3,7 +3,6 @@ import { RadioTokensType } from './radio.token';
 export declare const StyledRadioInput: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
     size: RadioSize;
     $isDisabled: boolean;
-    $isChecked: boolean;
     $error?: boolean;
     $tokens: RadioTokensType;
 }>> & string;

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

@@ -2,3 +2,4 @@ export { default as SelectItemV2 } from './SelectItemV2';
 export type { SelectItemV2Props, SingleSelectItemV2Props, MultiSelectItemV2Props, SelectV2ItemType, SelectV2MenuItemTokensBase, } from './types';
 export { SELECT_V2_MENU_Z_INDEX } from './selectV2.constants';
 export * from './selectV2.shared.types';
+export * from './useSelectV2MenuBehavior';

package/dist/components/SelectorV2/CheckboxV2/index.d.ts

@@ -1,3 +1,7 @@
 export { default as CheckboxV2 } from './CheckboxV2';
+export { StyledCheckboxRoot, StyledCheckboxIndicator } from './StyledCheckboxV2';
+export * from './checkboxV2.animations';
 export * from './checkboxV2.types';
 export * from './checkboxV2.tokens';
+export * from './utils';
+export { SelectorV2Size } from '../selectorV2.types';

package/dist/components/SelectorV2/CheckboxV2/utils.d.ts

@@ -58,7 +58,7 @@ export declare const getSubtextId: (uniqueId: string, hasSubtext: boolean) => st
  * Merges custom aria-describedby with subtext ID
  * WCAG 4.1.2: Supports multiple IDs space-separated
  */
-export declare const mergeAriaDescribedBy: (subtextId: string | undefined, customAriaDescribedBy?: string) => string | undefined;
+export declare const mergeCheckboxV2AriaDescribedBy: (subtextId: string | undefined, customAriaDescribedBy?: string) => string | undefined;
 /**
  * Handles keyboard interaction for checkbox root.
  * - On Enter: toggles checked state (indeterminate -> true, otherwise toggles boolean)

package/dist/components/SelectorV2/RadioV2/index.d.ts

@@ -1,3 +1,6 @@
 export { default as RadioV2 } from './RadioV2';
+export { RadioV2Content } from './RadioV2';
+export { StyledRadioV2Root } from './StyledRadioV2';
 export * from './radioV2.types';
 export * from './radioV2.tokens';
+export { SelectorV2Size } from '../selectorV2.types';

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

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

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

@@ -11,7 +11,7 @@ export type SidebarContentProps = {
     sidebarNavId?: string;
     showTopBlur: boolean;
     showBottomBlur: boolean;
-    data: DirectoryData[];
+    data: DirectoryData[] | null;
     idPrefix: string;
     activeItem?: string | null;
     onActiveItemChange?: (item: string | null) => void;

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

@@ -1,11 +1,19 @@
 import { ReactNode } from 'react';
+import { BadgeColor, BadgePosition, BadgeSize } from '../Badge/Badge.types';
 import { DirectoryData, NavbarItem } from '../Directory/types';
 import { MerchantInfo } from '../Topbar/types';
+export type TenantBadge = {
+    text: string;
+    size?: BadgeSize;
+    color?: BadgeColor;
+    position?: BadgePosition;
+};
 export type LeftPanelItem = {
     label: string;
     icon: ReactNode;
     value?: string;
     showInPanel?: boolean;
+    badge?: TenantBadge;
 };
 export type LeftPanelInfo = {
     items: LeftPanelItem[];
@@ -20,6 +28,7 @@ export type TenantItem = {
     value?: string;
     icon: ReactNode;
     showInPanel?: boolean;
+    badge?: TenantBadge;
 };
 export type SidebarMerchantInfo = {
     items: Array<{
@@ -34,7 +43,7 @@ export type SidebarStateChangeType = 'collapsed' | 'expanded' | 'intermediate';
 export type SidebarProps = {
     showLeftPanel?: boolean;
     children: ReactNode;
-    data: DirectoryData[];
+    data: DirectoryData[] | null;
     leftPanel?: LeftPanelInfo;
     topbar: ReactNode;
     footer?: ReactNode;

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

@@ -20,7 +20,7 @@ export declare const getDefaultMerchantInfo: () => {
 };
 export declare const useTopbarAutoHide: (enableTopbarAutoHide: boolean) => boolean;
 export declare const isControlledSidebar: (isExpanded: boolean | undefined) => boolean;
-export declare const getMobileNavigationItems: (directory: DirectoryData[]) => MobileNavigationItem[];
+export declare const getMobileNavigationItems: (directory?: DirectoryData[] | null) => MobileNavigationItem[];
 /**
  * Parse CSS unit values to numbers (e.g., "16px" -> 16)
  * Returns 0 for invalid values

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

@@ -18,7 +18,7 @@ export type SidebarV2PanelProps = {
     sidebarCollapseKey: string;
     onToggle: () => void;
     sidebarNavId?: string;
-    data: DirectoryData[];
+    data: DirectoryData[] | null;
     idPrefix: string;
     activeItem?: string | null;
     onActiveItemChange?: (item: string | null) => void;

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

@@ -1,5 +1,10 @@
 export { default as SidebarV2 } from './SidebarV2';
 export { default as SidebarV2Panel } from './SidebarV2Panel';
-export type { SecondarySidebarInfo, SecondarySidebarItem, SidebarV2Props, SidebarV2StateChangeType, } from './types';
+export { default as SidebarV2Header } from './SidebarV2Header';
+export { default as SidebarV2Footer } from './SidebarV2Footer';
+export { SecondarySidebar } from './SecondarySidebar';
+export type { SecondarySidebarInfo, SecondarySidebarItem, SidebarV2Props, SidebarV2StateChangeType, TenantBadge, } from './types';
 export { SidebarV2StateChange } from './types';
 export type { SidebarV2PanelProps } from './SidebarV2Panel';
+export * from './sidebarV2.tokens';
+export * from './utils';

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

@@ -1,6 +1,8 @@
 import { ButtonHTMLAttributes, ReactNode } from 'react';
 import { DirectoryData } from '../Directory/types';
 import { MerchantInfo } from '../Topbar/types';
+import { TenantBadge } from '../Sidebar/types';
+export type { TenantBadge } from '../Sidebar/types';
 export declare enum SidebarV2StateChange {
     COLLAPSED = "collapsed",
     EXPANDED = "expanded",
@@ -11,6 +13,7 @@ export type SecondarySidebarItem = {
     label: string;
     value: string;
     icon: ReactNode;
+    badge?: TenantBadge;
 };
 export type SecondarySidebarInfo = {
     items: SecondarySidebarItem[];

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

@@ -1,3 +1,3 @@
-import { VirtualListProps } from './singleSelectV2.types';
-declare const SingleSelectV2VirtualList: ({ flattenedItems, selected, onSelect, singleSelectTokens, size, variant, virtualViewportHeight, virtualItems, totalSize, measureElement, loadingComponent, hasMore, virtualScrollRef, }: VirtualListProps) => import("react/jsx-runtime").JSX.Element;
+import { SingleSelectV2VirtualListProps } from './singleSelectV2.types';
+declare const SingleSelectV2VirtualList: ({ flattenedItems, selected, onSelect, singleSelectTokens, size, variant, virtualViewportHeight, virtualItems, totalSize, measureElement, loadingComponent, hasMore, virtualScrollRef, }: SingleSelectV2VirtualListProps) => import("react/jsx-runtime").JSX.Element;
 export default SingleSelectV2VirtualList;

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

@@ -6,6 +6,9 @@ export { default as SingleSelectV2List } from './SingleSelectV2List';
 export { default as SingleSelectV2VirtualList } from './SingleSelectV2VirtualList';
 export { default as SingleSelectV2Search } from './SingleSelectV2Search';
 export { default as SingleSelectV2Skeleton } from './SingleSelectV2Skeleton';
+export { SubMenu, MenuItem } from './SingleSelectV2MenuItems';
+export type { SubMenuProps, MenuItemProps } from './SingleSelectV2MenuItems';
+export { menuContentAnimations, submenuContentAnimations, hoverTransition, } from './singleSelectV2.animations';
 export * from './singleSelectV2.types';
 export * from './singleSelectV2.tokens';
 export * from './utils';

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

@@ -57,7 +57,7 @@ export type VirtualItemShape = {
     index: number;
     start: number;
 };
-export type VirtualListProps = MenuListSharedProps & {
+export type SingleSelectV2VirtualListProps = MenuListSharedProps & {
     flattenedItems: FlattenedItem[];
     virtualViewportHeight: number;
     virtualItems: VirtualItemShape[];
@@ -77,7 +77,7 @@ export type MenuSearchProps = {
     searchInputRef: RefObject<HTMLInputElement | null>;
     containerRef?: RefObject<HTMLDivElement | null>;
 };
-export type MenuRootProps = SelectV2MenuRootPropsBase;
+export type SingleSelectV2MenuRootProps = SelectV2MenuRootPropsBase;
 export type SingleSelectV2MenuProps = {
     items: SingleSelectV2GroupType[];
     selected: string;