@juspay/blend-design-system 0.0.36-beta.1 → 0.0.36

package/dist/components/ChartsV2/chartV2.types.d.ts

@@ -1,4 +1,4 @@
-import { RefObject, ReactNode } from 'react';
+import { RefObject, ReactNode, HTMLAttributes } from 'react';
 import { HighchartsReactProps, HighchartsReactRefObject } from 'highcharts-react-official';
 import { default as Highcharts } from 'highcharts';
 import { ButtonProps } from '../Button';
@@ -41,23 +41,21 @@ export type ChartV2Axis = Highcharts.Axis;
 export type ChartV2Series = Highcharts.Series;
 export type ChartV2SeriesZonesOptionsObject = Highcharts.SeriesZonesOptionsObject;
 export type ChartV2ReactRefObject = HighchartsReactRefObject;
-export interface ChartV2ContainerProps {
+export type ChartV2ContainerProps = {
     children: ReactNode;
-}
-export interface ChartV2HeaderProps {
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'style' | 'className'>;
+export type ChartV2HeaderProps = {
     children: ReactNode;
-}
+} & Omit<HTMLAttributes<HTMLDivElement>, 'children' | 'style' | 'className'>;
 export type ChartV2LegendItem = Highcharts.Series | Highcharts.Point;
-export interface ChartV2CustomLegendItem {
+export type ChartV2CustomLegendItem = {
     key: string;
     name: string;
     color?: string;
     value?: string | number;
-}
-export interface ChartV2LegendProps {
-    /** Single chart ref (use when legend controls one chart). */
+};
+export type ChartV2LegendProps = {
     chartRef?: RefObject<ChartV2ReactRefObject | null>;
-    /** Multiple chart refs (use for shared legend; visibility and hover sync across all). */
     chartRefs?: ReadonlyArray<RefObject<ChartV2ReactRefObject | null>>;
     customLegendItems?: ChartV2CustomLegendItem[];
     renderItem?: (params: {
@@ -69,4 +67,4 @@ export interface ChartV2LegendProps {
         onClick: () => void;
     }) => ReactNode;
     layout?: 'horizontal' | 'vertical';
-}
+} & Omit<HTMLAttributes<HTMLDivElement>, 'style' | 'className'>;

package/dist/components/DataTable/dataTable.tokens.d.ts

@@ -88,6 +88,17 @@ type HeaderType = {
         columnManagerIcon: {
             width: CSSObject['width'];
             height: CSSObject['height'];
+            color: CSSObject['color'];
+        };
+        columnManagerTrigger?: {
+            backgroundColor: CSSObject['backgroundColor'];
+            opacity: CSSObject['disabledOpacity'];
+            focusVisible: {
+                outline: CSSObject['outline'];
+                outlineOffset: CSSObject['outlineOffset'];
+                borderRadius: CSSObject['borderRadius'];
+                boxShadow: CSSObject['boxShadow'];
+            };
         };
     };
 };

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

@@ -336,6 +336,7 @@ export type DataTableProps<T extends Record<string, unknown>> = {
     isRowExpandable?: (row: T, index: number) => boolean;
     onRowExpansionChange?: (rowId: unknown, isExpanded: boolean, rowData: T) => void;
     enableRowSelection?: boolean;
+    showBulkActionBar?: boolean;
     onRowSelectionChange?: (selectedRowIds: string[], isSelected: boolean, rowId: string, rowData: T) => void;
     bulkActions?: BulkActionsConfig;
     rowActions?: RowActionsConfig<T>;

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

@@ -0,0 +1,24 @@
+import { default as React } from 'react';
+export type KeyValuePairLayoutProps = {
+    containerStyle: React.CSSProperties;
+    keyContainerStyle: React.CSSProperties;
+    valueContainerStyle: React.CSSProperties;
+    keySlotStyle: React.CSSProperties;
+    keyContent: React.ReactNode;
+    valueContent: React.ReactNode;
+    keySlot?: React.ReactNode;
+    valueLeftSlot?: React.ReactNode;
+    valueRightSlot?: React.ReactNode;
+    dataKeyValuePair?: string;
+    ariaLabel?: string;
+    keyDataElement?: string;
+    keyDataId?: string;
+    valueDataElement?: string;
+    valueDataId?: string;
+};
+/**
+ * Layout-only presentational component for KeyValuePair.
+ * Renders the structure: container > key block (content + slot) | value block (left slot + content + right slot).
+ * No tokens or business logic; receives pre-computed styles and content.
+ */
+export declare const KeyValuePairLayout: React.ForwardRefExoticComponent<KeyValuePairLayoutProps & React.RefAttributes<HTMLDivElement>>;

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

@@ -0,0 +1,23 @@
+import { KeyValuePairV2Size, KeyValuePairV2StateType } from './keyValuePairV2.types';
+/**
+ * Orchestrator: composes tokens, layout, and ResponsiveText.
+ * Computes styles and delegates structure to KeyValuePairLayout.
+ */
+declare const KeyValuePairV2: import('react').ForwardRefExoticComponent<{
+    keyString: string;
+    size?: KeyValuePairV2Size;
+    value?: string;
+    slots?: {
+        key?: React.ReactNode;
+        value?: {
+            left?: React.ReactNode;
+            right?: React.ReactNode;
+        };
+    };
+    keyValuePairState?: KeyValuePairV2StateType;
+    maxWidth?: string;
+    textOverflow?: import('./keyValuePairV2.types').TextOverflowMode;
+    maxLines?: number;
+    showTooltipOnTruncate?: boolean;
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "style" | "className" | "slot" | "onChange"> & import('react').RefAttributes<HTMLDivElement>>;
+export default KeyValuePairV2;

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

@@ -0,0 +1,20 @@
+import { default as React } from 'react';
+import { CSSObject } from 'styled-components';
+import { TextOverflowMode } from './responsiveTextStyles';
+export type ResponsiveTextProps = {
+    children: string;
+    fontSize: CSSObject['fontSize'];
+    color: CSSObject['color'];
+    className?: string;
+    fontWeight?: CSSObject['fontWeight'];
+    textOverflow?: TextOverflowMode;
+    maxLines?: number;
+    showTooltipOnTruncate?: boolean;
+    as?: React.ElementType;
+    id?: string;
+    role?: string;
+    slotPresent: boolean;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+};
+export declare const ResponsiveText: ({ children, fontSize, color, className, fontWeight, textOverflow, maxLines, showTooltipOnTruncate, as: Component, id, role, slotPresent, "aria-label": ariaLabel, "aria-labelledby": ariaLabelledBy, }: ResponsiveTextProps) => import("react/jsx-runtime").JSX.Element;

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

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

package/dist/components/KeyValuePairV2/keyValuePairV2.dark.tokens.d.ts

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

package/dist/components/KeyValuePairV2/keyValuePairV2.light.tokens.d.ts

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

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

@@ -0,0 +1,28 @@
+import { CSSObject } from 'styled-components';
+import { KeyValuePairV2Size } from './keyValuePairV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+import { FoundationTokenType } from '../../tokens/theme.token';
+import { Theme } from '../../context/theme.enum';
+export type KeyValuePairV2TokensType = {
+    gap: {
+        [key in 'vertical' | 'horizontal']: CSSObject['gap'];
+    };
+    key: {
+        color: CSSObject['color'];
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        gap: CSSObject['gap'];
+    };
+    value: {
+        color: CSSObject['color'];
+        fontSize: {
+            [key in KeyValuePairV2Size]: CSSObject['fontSize'];
+        };
+        fontWeight: CSSObject['fontWeight'];
+        gap: CSSObject['gap'];
+    };
+};
+export type ResponsiveKeyValuePairV2Tokens = {
+    [key in keyof BreakpointType]: KeyValuePairV2TokensType;
+};
+export declare const getKeyValuePairV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveKeyValuePairV2Tokens;

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

@@ -0,0 +1,28 @@
+import { HTMLAttributes } from 'react';
+export declare enum KeyValuePairV2StateType {
+    vertical = 0,
+    horizontal = 1
+}
+export declare enum KeyValuePairV2Size {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export type TextOverflowMode = 'truncate' | 'wrap' | 'wrap-clamp';
+export type KeyValuePairV2PropTypes = {
+    keyString: string;
+    size?: KeyValuePairV2Size;
+    value?: string;
+    slots?: {
+        key?: React.ReactNode;
+        value?: {
+            left?: React.ReactNode;
+            right?: React.ReactNode;
+        };
+    };
+    keyValuePairState?: KeyValuePairV2StateType;
+    maxWidth?: string;
+    textOverflow?: TextOverflowMode;
+    maxLines?: number;
+    showTooltipOnTruncate?: boolean;
+} & Omit<HTMLAttributes<HTMLDivElement>, 'className' | 'style' | 'slot' | 'onChange'>;

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

@@ -0,0 +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;

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

@@ -0,0 +1,15 @@
+import { CSSObject } from 'styled-components';
+import { TextOverflowMode, 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;
+/**
+ * Get flex direction and gap based on layout state
+ */
+export declare const getLayoutStyles: (keyValuePairState: KeyValuePairV2StateType, keyValuePairTokens: KeyValuePairV2TokensType) => CSSObject;
+/**
+ * Get slot container styles
+ */
+export declare const getSlotStyles: (keyValuePairTokens: KeyValuePairV2TokensType) => CSSObject;

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

@@ -0,0 +1 @@
+export { default } from './mobile/MobileMultiSelectV2';

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

@@ -0,0 +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;
+    displayName: string;
+};
+export default MultiSelectV2;

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

@@ -0,0 +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;
+    displayName: string;
+};
+export default MultiSelectV2Menu;

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

@@ -0,0 +1,23 @@
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+export type MultiSelectV2MenuActionsProps = {
+    tokens: MultiSelectV2TokensType;
+    primaryAction?: {
+        text: string;
+        onClick: (selectedValues: string[]) => void;
+        disabled?: boolean;
+        loading?: boolean;
+    };
+    secondaryAction?: {
+        text: string;
+        onClick: () => void;
+        disabled?: boolean;
+        loading?: boolean;
+    };
+    selected: string[];
+    onClose: () => void;
+};
+declare const MultiSelectV2MenuActions: {
+    ({ tokens, primaryAction, secondaryAction, selected, onClose, }: MultiSelectV2MenuActionsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2MenuActions;

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

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+import { MultiSelectV2GroupType } from './multiSelectV2.types';
+export type MultiSelectV2MenuHeaderProps = {
+    tokens: MultiSelectV2TokensType;
+    showSearch: boolean;
+    itemsCount: number;
+    searchValue: string;
+    searchPlaceholder?: string;
+    searchInputRef: React.RefObject<HTMLInputElement | null>;
+    onSearchChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    onSearchArrowKeyToFirst: () => void;
+    showSelectAll: boolean;
+    selected: string[];
+    availableValues: string[];
+    filteredItems: MultiSelectV2GroupType[];
+    onSelectAll?: (selectAll: boolean, filteredItems: MultiSelectV2GroupType[]) => void;
+    selectAllText?: string;
+    disabled?: boolean;
+};
+declare const MultiSelectV2MenuHeader: {
+    ({ tokens, showSearch, itemsCount, searchValue, searchPlaceholder, searchInputRef, onSearchChange, onSearchArrowKeyToFirst, showSelectAll, selected, availableValues, filteredItems, onSelectAll, selectAllText, disabled, }: MultiSelectV2MenuHeaderProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2MenuHeader;

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

@@ -0,0 +1,11 @@
+import { MultiSelectV2ItemType } from './multiSelectV2.types';
+type MultiSelectV2MenuItemProps = {
+    item: MultiSelectV2ItemType;
+    onSelect: (value: string) => void;
+    selected: string[];
+    maxSelections?: number;
+    allItems?: MultiSelectV2ItemType[];
+    index?: number;
+};
+declare const MultiSelectV2MenuItem: ({ item, onSelect, selected, maxSelections, allItems, index, }: MultiSelectV2MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectV2MenuItem;

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

@@ -0,0 +1,17 @@
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+import { MultiSelectV2Size, MultiSelectV2Variant, MultiSelectV2GroupType, MultiSelectV2ItemType } from './multiSelectV2.types';
+export type MultiSelectV2MenuItemsProps = {
+    filteredItems: MultiSelectV2GroupType[];
+    allItemsFlat: MultiSelectV2ItemType[];
+    selected: string[];
+    onSelect: (value: string) => void;
+    maxSelections?: number;
+    tokens: MultiSelectV2TokensType;
+    size: MultiSelectV2Size;
+    variant: MultiSelectV2Variant;
+};
+declare const MultiSelectV2MenuItems: {
+    ({ filteredItems, allItemsFlat, selected, onSelect, maxSelections, tokens, size, variant, }: MultiSelectV2MenuItemsProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2MenuItems;

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

@@ -0,0 +1,14 @@
+import { default as React, RefObject } from 'react';
+export type MultiSelectV2MenuSearchProps = {
+    inputRef: RefObject<HTMLInputElement | null>;
+    value: string;
+    onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    ariaLabel?: string;
+    onArrowKeyToFirstOption?: () => void;
+};
+declare const MultiSelectV2MenuSearch: {
+    ({ inputRef, value, onChange, placeholder, ariaLabel, onArrowKeyToFirstOption, }: MultiSelectV2MenuSearchProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2MenuSearch;

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

@@ -0,0 +1,22 @@
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+import { FlattenedMultiSelectV2Item, MultiSelectV2ItemType } from './multiSelectV2.types';
+export type MultiSelectV2MenuVirtualListProps = {
+    flattenedItems: FlattenedMultiSelectV2Item[];
+    itemIndexMap: Map<string, number>;
+    allItemsFlat: MultiSelectV2ItemType[];
+    selected: string[];
+    onSelect: (value: string) => void;
+    maxSelections?: number;
+    tokens: MultiSelectV2TokensType;
+    height: number;
+    itemHeight: number;
+    overscan?: number;
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+    hasMore?: boolean;
+};
+declare const MultiSelectV2MenuVirtualList: {
+    ({ flattenedItems, itemIndexMap, allItemsFlat, selected, onSelect, maxSelections, tokens, height, itemHeight, overscan, onEndReached, endReachedThreshold, hasMore, }: MultiSelectV2MenuVirtualListProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2MenuVirtualList;

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

@@ -0,0 +1,9 @@
+type MultiSelectV2SelectAllItemProps = {
+    selected: string[];
+    availableValues: string[];
+    onSelectAll: (selectAll: boolean) => void;
+    selectAllText: string;
+    disabled?: boolean;
+};
+declare const MultiSelectV2SelectAllItem: ({ selected, availableValues, onSelectAll, selectAllText, disabled, }: MultiSelectV2SelectAllItemProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectV2SelectAllItem;

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

@@ -0,0 +1,8 @@
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+import { SelectV2SkeletonProps } from '../SelectV2/selectV2.shared.types';
+export type MultiSelectV2SkeletonComponentProps = {
+    multiSelectTokens: MultiSelectV2TokensType;
+    skeleton: SelectV2SkeletonProps;
+};
+declare const MultiSelectV2Skeleton: import('react').ForwardRefExoticComponent<MultiSelectV2SkeletonComponentProps & import('react').RefAttributes<HTMLDivElement>>;
+export default MultiSelectV2Skeleton;

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

@@ -0,0 +1,9 @@
+import { MultiSelectV2ItemType } from './multiSelectV2.types';
+type MultiSelectV2SubMenuProps = {
+    item: MultiSelectV2ItemType;
+    onSelect: (value: string) => void;
+    selected: string[];
+    maxSelections?: number;
+};
+declare const MultiSelectV2SubMenu: ({ item, onSelect, selected, maxSelections, }: MultiSelectV2SubMenuProps) => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectV2SubMenu;

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

@@ -0,0 +1,30 @@
+import { default as React } from 'react';
+import { MultiSelectV2SelectionTagType, MultiSelectV2Size, MultiSelectV2Variant, SelectV2TriggerDimensions } from './multiSelectV2.types';
+import { MultiSelectV2TokensType } from './multiSelectV2.tokens';
+export type MultiSelectV2TriggerProps = {
+    selectedValues: string[];
+    slot?: React.ReactNode;
+    variant: MultiSelectV2Variant;
+    size: MultiSelectV2Size;
+    isSmallScreen: boolean;
+    name: string;
+    label: string;
+    placeholder: string;
+    required: boolean;
+    selectionTagType: MultiSelectV2SelectionTagType;
+    valueLabelMap: Record<string, string>;
+    open: boolean;
+    multiSelectTokens: MultiSelectV2TokensType;
+    inline?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    triggerDimensions?: SelectV2TriggerDimensions;
+    borderRadius: string;
+    borderRight?: string;
+    [key: string]: unknown;
+};
+declare const MultiSelectV2Trigger: {
+    ({ selectedValues, slot, variant, size, isSmallScreen, name, label, placeholder, required, selectionTagType, valueLabelMap, open, multiSelectTokens, inline, error, disabled, triggerDimensions, borderRadius, borderRight, ...rest }: MultiSelectV2TriggerProps): import("react/jsx-runtime").JSX.Element;
+    displayName: string;
+};
+export default MultiSelectV2Trigger;

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

@@ -0,0 +1,14 @@
+export { default as MultiSelectV2 } from './MultiSelectV2';
+export { default as MultiSelectV2Skeleton } from './MultiSelectV2Skeleton';
+export { default as MultiSelectV2Menu } from './MultiSelectV2Menu';
+export { default as MultiSelectV2MenuHeader } from './MultiSelectV2MenuHeader';
+export { default as MultiSelectV2MenuSearch } from './MultiSelectV2MenuSearch';
+export { default as MultiSelectV2MenuVirtualList } from './MultiSelectV2MenuVirtualList';
+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 type { MultiSelectV2Props } from './multiSelectV2.types';
+export * from './multiSelectV2.types';
+export * from './multiSelectV2.tokens';
+export * from './utils';

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

@@ -0,0 +1,3 @@
+import { MultiSelectV2Props } from '../multiSelectV2.types';
+declare const MobileMultiSelectV2: ({ selectedValues, onChange, items, label, subLabel, helpIconText, required, variant, selectionTagType, slot, hintText, placeholder, size, search, enableSelectAll, selectAllText, maxSelections, customTrigger, error, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, allowCustomValue, customValueLabel, onOpenChange, triggerDimensions, inline, disabled, name, ...buttonRest }: MultiSelectV2Props) => import("react/jsx-runtime").JSX.Element;
+export default MobileMultiSelectV2;

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

@@ -0,0 +1,8 @@
+import { VirtualListItem } from '../../VirtualList/types';
+import { FlattenedMultiSelectV2Item, MultiSelectV2GroupType } from '../multiSelectV2.types';
+export type FlattenedMobileMultiSelectV2Item = Omit<FlattenedMultiSelectV2Item, 'type'> & {
+    type: FlattenedMultiSelectV2Item['type'] | 'selectAll';
+};
+export declare const flattenMobileMultiSelectV2Groups: (groups: MultiSelectV2GroupType[], enableSelectAll: boolean) => FlattenedMobileMultiSelectV2Item[];
+export declare const isSelectableItem: (value: string, groups: MultiSelectV2GroupType[]) => boolean;
+export declare const toVirtualListItems: (items: FlattenedMobileMultiSelectV2Item[]) => VirtualListItem[];

package/dist/components/MultiSelectV2/multiSelectV2.dark.tokens.d.ts

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

package/dist/components/MultiSelectV2/multiSelectV2.light.tokens.d.ts

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