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

package/dist/components/SelectV2/selectV2.shared.types.d.ts

@@ -0,0 +1,96 @@
+import { ReactNode, ReactElement, CSSProperties, KeyboardEvent, RefObject } from 'react';
+import { DropdownMenuContentProps } from '@radix-ui/react-dropdown-menu';
+import { SkeletonVariant } from '../Skeleton';
+import { TooltipSide, TooltipAlign, TooltipSize } from '../Tooltip/types';
+export declare enum SelectV2Alignment {
+    START = "start",
+    CENTER = "center",
+    END = "end"
+}
+export declare enum SelectV2Variant {
+    CONTAINER = "container",
+    NO_CONTAINER = "no-container"
+}
+export declare enum SelectV2Size {
+    SM = "sm",
+    MD = "md",
+    LG = "lg"
+}
+export declare enum SelectV2Side {
+    TOP = "top",
+    LEFT = "left",
+    RIGHT = "right",
+    BOTTOM = "bottom"
+}
+export type SelectV2SkeletonProps = {
+    count?: number;
+    show?: boolean;
+    variant?: SkeletonVariant;
+};
+export type SelectV2TooltipProps = {
+    side?: TooltipSide;
+    align?: TooltipAlign;
+    size?: TooltipSize;
+    showArrow?: boolean;
+    delayDuration?: number;
+    offset?: number;
+};
+export type SelectV2BaseItemType = {
+    label: string;
+    value: string;
+    checked?: boolean;
+    subLabel?: string;
+    slot1?: ReactNode;
+    slot2?: ReactNode;
+    slot3?: ReactNode;
+    slot4?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    tooltip?: string | ReactNode;
+    tooltipProps?: SelectV2TooltipProps;
+    disableTruncation?: boolean;
+};
+export type SelectV2FlattenedItemBase<T = unknown> = {
+    id: string;
+    type: 'item' | 'label' | 'separator';
+    item?: T;
+    label?: string;
+    groupId?: number;
+};
+export type SelectV2PopoverPositioningProps = {
+    alignment?: SelectV2Alignment;
+    side?: SelectV2Side;
+    sideOffset?: number;
+    alignOffset?: number;
+    collisionBoundary?: DropdownMenuContentProps['collisionBoundary'];
+    minPopoverWidth?: number;
+    maxPopoverWidth?: number;
+    maxPopoverHeight?: number;
+};
+export type SelectV2VirtualizationProps = {
+    enableVirtualization?: boolean;
+    virtualListItemHeight?: number;
+    virtualListOverscan?: number;
+};
+export type SelectV2InfiniteScrollProps = {
+    onEndReached?: () => void;
+    endReachedThreshold?: number;
+    hasMore?: boolean;
+    loadingComponent?: ReactNode;
+};
+export type SelectV2MenuRootPropsBase = {
+    open: boolean;
+    onOpenChange: (open: boolean) => void;
+    disabled?: boolean;
+    trigger: ReactElement;
+    menuId?: string;
+    alignment: SelectV2Alignment;
+    side: SelectV2Side;
+    sideOffset: number;
+    alignOffset: number;
+    collisionBoundary?: DropdownMenuContentProps['collisionBoundary'];
+    contentStyle: CSSProperties;
+    onContentKeyDown?: (e: KeyboardEvent<HTMLDivElement>) => void;
+    contentRef?: RefObject<HTMLDivElement | null>;
+    children: ReactNode;
+};

package/dist/components/SelectV2/selectV2.tokenStates.d.ts

@@ -0,0 +1,2 @@
+export type SelectV2TriggerStates = 'open' | 'closed' | 'hover' | 'focus' | 'error';
+export type SelectV2ItemStates = 'default' | 'hover' | 'active' | 'focus' | 'focusVisible' | 'disabled' | 'selected';

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

@@ -0,0 +1,89 @@
+import { ReactNode } from 'react';
+import { TooltipSide, TooltipAlign, TooltipSize } from '../Tooltip/types';
+import { SingleSelectV2MenuItemTokensType } from '../SingleSelectV2/singleSelectV2.tokens';
+import { MultiSelectV2TokensType } from '../MultiSelectV2/multiSelectV2.tokens';
+import { CSSObject } from 'styled-components';
+/** Item type for SelectV2-family components. */
+export type SelectV2ItemType = {
+    label: string;
+    value: string;
+    checked?: boolean;
+    subLabel?: string;
+    slot1?: ReactNode;
+    slot2?: ReactNode;
+    slot3?: ReactNode;
+    slot4?: ReactNode;
+    disabled?: boolean;
+    onClick?: () => void;
+    subMenu?: SelectV2ItemType[];
+    tooltip?: string | ReactNode;
+    tooltipProps?: {
+        side?: TooltipSide;
+        align?: TooltipAlign;
+        size?: TooltipSize;
+        showArrow?: boolean;
+        delayDuration?: number;
+        offset?: number;
+    };
+    disableTruncation?: boolean;
+};
+type SelectV2ItemStateToken<T> = {
+    default: T;
+    hover: T;
+    active: T;
+    focus: T;
+    focusVisible: T;
+    disabled: T;
+    selected: T;
+};
+export type SelectV2MenuItemTokensBase = {
+    paddingTop: CSSObject['paddingTop'];
+    paddingRight: CSSObject['paddingRight'];
+    paddingBottom: CSSObject['paddingBottom'];
+    paddingLeft: CSSObject['paddingLeft'];
+    margin: CSSObject['margin'];
+    borderRadius: CSSObject['borderRadius'];
+    gap: CSSObject['gap'];
+    backgroundColor: SelectV2ItemStateToken<CSSObject['backgroundColor']>;
+    /** Option label text styles. Key is `option` in both V2 token types. */
+    option: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: SelectV2ItemStateToken<CSSObject['color']>;
+    };
+    description: {
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: SelectV2ItemStateToken<CSSObject['color']>;
+    };
+};
+type SelectItemV2BaseProps = {
+    item: SelectV2ItemType;
+    onSelect: (value: string) => void;
+    itemTokens: SelectV2MenuItemTokensBase;
+    index?: number;
+    selectedPosition?: 'first' | 'middle' | 'last' | 'only' | 'none';
+    className?: string;
+};
+/** Single-select mode: one value selected at a time; optional checkmark. */
+export type SingleSelectItemV2Props = SelectItemV2BaseProps & {
+    mode: 'single';
+    selected: string;
+    showCheckmark?: boolean;
+};
+/** Multi-select mode: multiple values; renders a Checkbox. */
+export type MultiSelectItemV2Props = SelectItemV2BaseProps & {
+    mode: 'multi';
+    selectedValues: string[];
+};
+/** Discriminated union: covers both single and multi selection modes. */
+export type SelectItemV2Props = SingleSelectItemV2Props | MultiSelectItemV2Props;
+/** @deprecated Use SelectItemV2Props with mode="single" */
+export type SelectItemV2SingleProps = SingleSelectItemV2Props & {
+    itemTokens: SingleSelectV2MenuItemTokensType;
+};
+/** @deprecated Use SelectItemV2Props with mode="multi" */
+export type MultiSelectItemV2LegacyProps = MultiSelectItemV2Props & {
+    itemTokens: MultiSelectV2TokensType['menu']['item'];
+};
+export {};

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

@@ -0,0 +1,24 @@
+import { RefObject } from 'react';
+export type UseSelectV2MenuBehaviorParams = {
+    open: boolean;
+    enableSearch?: boolean;
+    searchText: string;
+    searchInputRef: RefObject<HTMLInputElement | null>;
+    searchContainerRef?: RefObject<HTMLDivElement | null>;
+    shouldMeasureSearchHeight?: boolean;
+    focusSearchOnOpen?: boolean;
+    focusSearchDelayMs?: number;
+    refocusSearchOnTextChange?: boolean;
+    menuContainerSelector?: string;
+    enableVirtualization?: boolean;
+    onVirtualizedSearchChange?: () => void;
+    virtualScrollRef?: RefObject<HTMLDivElement | null>;
+    onEndReached?: () => void;
+    hasMore?: boolean;
+    endReachedThreshold?: number;
+};
+type UseSelectV2MenuBehaviorResult = {
+    searchHeight: number;
+};
+export declare function useSelectV2MenuBehavior({ open, enableSearch, searchText, searchInputRef, searchContainerRef, shouldMeasureSearchHeight, focusSearchOnOpen, focusSearchDelayMs, refocusSearchOnTextChange, menuContainerSelector, enableVirtualization, onVirtualizedSearchChange, virtualScrollRef, onEndReached, hasMore, endReachedThreshold, }: UseSelectV2MenuBehaviorParams): UseSelectV2MenuBehaviorResult;
+export {};

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

@@ -0,0 +1,22 @@
+import { RadioV2ContentProps } from './radioV2.types';
+import { SelectorV2Size } from '../selectorV2.types';
+import { default as React } from 'react';
+declare const RadioV2: React.ForwardRefExoticComponent<{
+    checked?: boolean;
+    onCheckedChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    required?: boolean;
+    error?: boolean;
+    label?: string;
+    subLabel?: string;
+    size?: SelectorV2Size;
+    slot?: {
+        slot: React.ReactElement;
+        maxHeight?: import('styled-components').CSSObject["maxHeight"];
+    };
+    maxLength?: {
+        label?: number;
+        subLabel?: number;
+    };
+} & Omit<React.InputHTMLAttributes<HTMLInputElement>, "size" | "style" | "className" | "slot" | "children" | "maxLength"> & React.RefAttributes<HTMLInputElement>>;
+export default RadioV2;
+export declare const RadioV2Content: ({ uniqueId, disabled, error, required, size, label, subLabel, slot, tokens, labelMaxLength, subLabelMaxLength, subLabelId, }: RadioV2ContentProps) => import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,9 @@
+import { SelectorV2Size } from '../selectorV2.types';
+import { RadioV2TokensType } from './radioV2.tokens';
+export declare const StyledRadioV2Root: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    size: SelectorV2Size;
+    $isDisabled: boolean;
+    $isChecked: boolean;
+    $error?: boolean;
+    $tokens: RadioV2TokensType;
+}>> & string;

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

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

package/dist/components/SelectorV2/RadioV2/radioV2.dark.tokens.d.ts

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

package/dist/components/SelectorV2/RadioV2/radioV2.light.tokens.d.ts

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

package/dist/components/SelectorV2/RadioV2/radioV2.tokens.d.ts

@@ -0,0 +1,83 @@
+import { Theme } from '../../../context/theme.enum';
+import { CSSObject } from 'styled-components';
+import { RadioV2IndicatorState } from './radioV2.types';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { FoundationTokenType } from '../../../tokens/theme.token';
+import { SelectorV2Size, SelectorV2InteractionState } from '../selectorV2.types';
+export type RadioV2TokensType = {
+    gap: CSSObject['gap'];
+    group: {
+        gap: CSSObject['gap'];
+    };
+    radio: {
+        indicator: {
+            [key in RadioV2IndicatorState]: {
+                backgroundColor: {
+                    [key in SelectorV2InteractionState]: CSSObject['backgroundColor'];
+                };
+                borderColor: {
+                    [key in SelectorV2InteractionState]: CSSObject['borderColor'];
+                };
+            };
+        };
+        activeIndicator: {
+            active: {
+                backgroundColor: {
+                    [key in Exclude<SelectorV2InteractionState, 'hover' | 'error'>]: CSSObject['backgroundColor'];
+                };
+            };
+        };
+        height: {
+            [key in SelectorV2Size]: CSSObject['height'];
+        };
+        borderWidth: {
+            [key in RadioV2IndicatorState]: {
+                [key in SelectorV2InteractionState]: number;
+            };
+        };
+    };
+    content: {
+        gap: CSSObject['gap'];
+        label: {
+            gap: CSSObject['gap'];
+            color: {
+                [key in SelectorV2InteractionState]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in SelectorV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in SelectorV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in SelectorV2Size]: CSSObject['lineHeight'];
+            };
+            slot: {
+                maxHeight: {
+                    [key in SelectorV2Size]: CSSObject['maxHeight'];
+                };
+            };
+        };
+        subLabel: {
+            color: {
+                [key in SelectorV2InteractionState]: CSSObject['color'];
+            };
+            fontSize: {
+                [key in SelectorV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in SelectorV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in SelectorV2Size]: CSSObject['lineHeight'];
+            };
+        };
+        required: {
+            color: CSSObject['color'];
+        };
+    };
+};
+export type ResponsiveRadioV2Tokens = {
+    [key in keyof BreakpointType]: RadioV2TokensType;
+};
+export declare const getRadioV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveRadioV2Tokens;

package/dist/components/SelectorV2/RadioV2/radioV2.types.d.ts

@@ -0,0 +1,39 @@
+import { InputHTMLAttributes, ReactElement } from 'react';
+import { RadioV2TokensType } from './radioV2.tokens';
+import { CSSObject } from 'styled-components';
+import { SelectorV2Size } from '../selectorV2.types';
+export type RadioV2IndicatorState = 'active' | 'inactive';
+export type RadioV2ContentProps = {
+    uniqueId: string;
+    disabled: boolean;
+    error: boolean;
+    required: boolean;
+    size: SelectorV2Size;
+    label?: string;
+    subLabel?: string;
+    slot?: {
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
+    };
+    tokens: RadioV2TokensType;
+    labelMaxLength?: number;
+    subLabelMaxLength?: number;
+    subLabelId?: string;
+};
+export type RadioV2Props = {
+    checked?: boolean;
+    onCheckedChange?: (e: React.ChangeEvent<HTMLInputElement>) => void;
+    required?: boolean;
+    error?: boolean;
+    label?: string;
+    subLabel?: string;
+    size?: SelectorV2Size;
+    slot?: {
+        slot: ReactElement;
+        maxHeight?: CSSObject['maxHeight'];
+    };
+    maxLength?: {
+        label?: number;
+        subLabel?: number;
+    };
+} & Omit<InputHTMLAttributes<HTMLInputElement>, 'className' | 'style' | 'slot' | 'size' | 'maxLength' | 'children'>;

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

@@ -15,5 +15,5 @@ declare const SwitchV2: import('react').ForwardRefExoticComponent<{
         label?: number;
         subLabel?: number;
     };
-} & Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "style" | "className" | "slot" | "onChange"> & import('react').RefAttributes<HTMLButtonElement>>;
+} & Omit<import('react').ButtonHTMLAttributes<HTMLButtonElement>, "style" | "className" | "slot"> & import('react').RefAttributes<HTMLButtonElement>>;
 export default SwitchV2;

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

@@ -1,9 +1,9 @@
 import { Theme } from '../../../context/theme.enum';
 import { CSSObject } from 'styled-components';
-import { SwitchV2State, SwitchV2Variant } from './switchV2.types';
+import { SwitchV2Variant } from './switchV2.types';
 import { BreakpointType } from '../../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { SelectorV2Size } from '../selectorV2.types';
+import { SelectorV2Size, SelectorV2InteractionState } from '../selectorV2.types';
 export type SwitchV2TokensType = {
     gap: CSSObject['gap'];
     switch: {
@@ -15,7 +15,7 @@ export type SwitchV2TokensType = {
         };
         backgroundColor: {
             [key in SwitchV2Variant]: {
-                [key in SwitchV2State]: CSSObject['backgroundColor'];
+                [key in SelectorV2InteractionState]: CSSObject['backgroundColor'];
             };
         };
         thumb: {
@@ -35,7 +35,7 @@ export type SwitchV2TokensType = {
         label: {
             gap: CSSObject['gap'];
             color: {
-                [key in SwitchV2State]: CSSObject['color'];
+                [key in SelectorV2InteractionState]: CSSObject['color'];
             };
             fontSize: {
                 [key in SelectorV2Size]: CSSObject['fontSize'];
@@ -54,7 +54,7 @@ export type SwitchV2TokensType = {
         };
         subLabel: {
             color: {
-                [key in SwitchV2State]: CSSObject['color'];
+                [key in SelectorV2InteractionState]: CSSObject['color'];
             };
             fontSize: {
                 [key in SelectorV2Size]: CSSObject['fontSize'];

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

@@ -2,7 +2,6 @@ import { ButtonHTMLAttributes, ReactElement } from 'react';
 import { SwitchV2TokensType } from './switchV2.tokens';
 import { CSSObject } from 'styled-components';
 import { SelectorV2Size } from '../selectorV2.types';
-export type SwitchV2State = 'default' | 'hover' | 'disabled' | 'error';
 export type SwitchV2Variant = 'checked' | 'unchecked';
 export type SwitchV2ButtonProps = {
     id: string;
@@ -47,4 +46,4 @@ export type SwitchV2Props = {
         label?: number;
         subLabel?: number;
     };
-} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'slot' | 'onChange'>;
+} & Omit<ButtonHTMLAttributes<HTMLButtonElement>, 'className' | 'style' | 'slot'>;

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

@@ -1,5 +1,4 @@
-import { SwitchV2State } from '../SelectorV2/SwitchV2/switchV2.types';
-import { SelectorV2Size } from '../SelectorV2/selectorV2.types';
+import { SelectorV2InteractionState, SelectorV2Size } from '../SelectorV2/selectorV2.types';
 export type SelectorsSize = SelectorV2Size;
 export type SelectorsLabelTokensType = {
     content: {
@@ -7,7 +6,7 @@ export type SelectorsLabelTokensType = {
             fontSize: Record<SelectorsSize, string | number>;
             fontWeight: Record<SelectorsSize, string | number>;
             lineHeight: Record<SelectorsSize, string | number>;
-            color: Record<SwitchV2State, string>;
+            color: Record<SelectorV2InteractionState, string>;
         };
         required: {
             color: string;
@@ -20,7 +19,7 @@ export type SelectorsSubLabelTokensType = {
             fontSize: Record<SelectorsSize, string | number>;
             fontWeight: Record<SelectorsSize, string | number>;
             lineHeight: Record<SelectorsSize, string | number>;
-            color: Record<SwitchV2State, string>;
+            color: Record<SelectorV2InteractionState, string>;
         };
     };
 };

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

@@ -0,0 +1,5 @@
+import { default as React } from 'react';
+import { SingleSelectV2Props } from './singleSelectV2.types';
+type MobileSingleSelectV2Props = SingleSelectV2Props;
+declare const MobileSingleSelectV2: React.FC<MobileSingleSelectV2Props>;
+export default MobileSingleSelectV2;

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

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

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

@@ -0,0 +1,3 @@
+import { MenuListProps } from './singleSelectV2.types';
+declare const SingleSelectV2List: ({ filteredItems, selected, onSelect, singleSelectTokens, size, variant, enableSearch, }: MenuListProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectV2List;

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

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

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

@@ -0,0 +1,17 @@
+import { SingleSelectV2ItemType } from './singleSelectV2.types';
+import { SingleSelectV2TokensType } from './singleSelectV2.tokens';
+export type SubMenuProps = {
+    item: SingleSelectV2ItemType;
+    selected: string;
+    onSelect: (value: string) => void;
+    singleSelectTokens: SingleSelectV2TokensType;
+};
+export declare const SubMenu: ({ item, onSelect, selected, singleSelectTokens, }: SubMenuProps) => import("react/jsx-runtime").JSX.Element;
+export type MenuItemProps = {
+    item: SingleSelectV2ItemType;
+    selected: string;
+    onSelect: (value: string) => void;
+    singleSelectTokens?: SingleSelectV2TokensType;
+    index?: number;
+};
+export declare const MenuItem: ({ item, onSelect, selected, singleSelectTokens, index, }: MenuItemProps) => import("react/jsx-runtime").JSX.Element | null;

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

@@ -0,0 +1,3 @@
+import { MenuSearchProps } from './singleSelectV2.types';
+declare const SingleSelectV2Search: ({ enabled, hasItems, backgroundColor, searchPlaceholder, searchText, onSearchTextChange, searchInputRef, containerRef, }: MenuSearchProps) => import("react/jsx-runtime").JSX.Element | null;
+export default SingleSelectV2Search;

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

@@ -0,0 +1,8 @@
+import { SingleSelectV2SkeletonProps } from './singleSelectV2.types';
+import { SingleSelectV2TokensType } from './singleSelectV2.tokens';
+export type SingleSelectV2SkeletonComponentProps = {
+    singleSelectTokens: SingleSelectV2TokensType;
+    skeleton: SingleSelectV2SkeletonProps;
+};
+declare const SingleSelectV2Skeleton: import('react').ForwardRefExoticComponent<SingleSelectV2SkeletonComponentProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SingleSelectV2Skeleton;

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

@@ -0,0 +1,28 @@
+import { default as React } from 'react';
+import { SingleSelectV2Size, SingleSelectV2Variant, SelectV2TriggerDimensions } from './singleSelectV2.types';
+import { SingleSelectV2TokensType } from './singleSelectV2.tokens';
+export type SingleSelectV2TriggerProps = {
+    size: SingleSelectV2Size;
+    selected: string;
+    label: string;
+    name: string;
+    placeholder: string;
+    required: boolean;
+    valueLabelMap: Record<string, string>;
+    open: boolean;
+    slot?: React.ReactNode;
+    variant: SingleSelectV2Variant;
+    isSmallScreenWithLargeSize: boolean;
+    isItemSelected: boolean;
+    singleSelectTokens: SingleSelectV2TokensType;
+    inline?: boolean;
+    error?: boolean;
+    disabled?: boolean;
+    triggerDimensions?: SelectV2TriggerDimensions;
+    singleSelectGroupPosition?: 'center' | 'left' | 'right';
+    borderRadius?: string;
+    borderRight?: string;
+    [key: string]: unknown;
+};
+declare const SingleSelectV2Trigger: ({ triggerDimensions, size, selected, label, name, placeholder, required, valueLabelMap, open, slot, variant, isSmallScreenWithLargeSize, isItemSelected, singleSelectTokens, inline, error, disabled, singleSelectGroupPosition: _singleSelectGroupPosition, borderRadius, borderRight, ...rest }: SingleSelectV2TriggerProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectV2Trigger;

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

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

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

@@ -0,0 +1,11 @@
+export { default as SingleSelectV2 } from './SingleSelectV2';
+export { default as MobileSingleSelectV2 } from './MobileSingleSelectV2';
+export { default as SingleSelectV2Trigger } from './SingleSelectV2Trigger';
+export { default as SingleSelectV2Menu } from './SingleSelectV2Menu';
+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 * from './singleSelectV2.types';
+export * from './singleSelectV2.tokens';
+export * from './utils';

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

@@ -0,0 +1,10 @@
+import { SingleSelectV2TokensType } from '../singleSelectV2.tokens';
+import { SingleSelectV2ItemType } from '../singleSelectV2.types';
+type SingleSelectV2MobileItemProps = {
+    item: SingleSelectV2ItemType;
+    isSelected: boolean;
+    onSelect: (value: string) => void;
+    itemTokens: SingleSelectV2TokensType['menu']['item'];
+};
+declare const SingleSelectV2MobileItem: ({ item, isSelected, onSelect, itemTokens, }: SingleSelectV2MobileItemProps) => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectV2MobileItem;

package/dist/components/SingleSelectV2/mobile/singleSelectV2.mobile.utils.d.ts

@@ -0,0 +1,3 @@
+import { SingleSelectV2GroupType, SingleSelectV2ItemType } from '../singleSelectV2.types';
+export declare const filterMobileMenuItem: (item: SingleSelectV2ItemType, searchText: string) => SingleSelectV2ItemType | null;
+export declare const filterMobileMenuGroups: (groups: SingleSelectV2GroupType[], searchText: string) => SingleSelectV2GroupType[];

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

@@ -0,0 +1,3 @@
+export declare const menuContentAnimations: import('styled-components').RuleSet<object>;
+export declare const submenuContentAnimations: import('styled-components').RuleSet<object>;
+export declare const hoverTransition: import('styled-components').RuleSet<object>;

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

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

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

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