@juspay/blend-design-system 0.0.37-beta.6 → 0.0.37-beta.8

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

@@ -1,9 +1,29 @@
 import { ReactNode } from 'react';
-import { SupportedLanguage } from '../CodeBlock/types';
 export declare enum CodeEditorVariant {
     DEFAULT = "default",
     NO_GUTTER = "no-gutter"
 }
+/**
+ * Common Monaco language IDs, provided purely for IDE autocomplete on the
+ * `language` prop — NOT a runtime constraint. Every entry is verified against
+ * the language IDs monaco-editor actually registers (Monaco does not export a
+ * static union of its built-in IDs; they are only enumerable at runtime via
+ * `monaco.languages.getLanguages()`). Note Monaco's plain-text ID is
+ * `plaintext` and shell scripts are `shell` (there is no `bash` ID). Monaco
+ * also has no distinct `jsx`/`tsx` IDs — those still work through the open
+ * string arm of {@link CodeEditorLanguage}: the editor maps them onto the
+ * `javascript`/`typescript` tokenizers.
+ */
+export type KnownCodeEditorLanguage = 'javascript' | 'typescript' | 'json' | 'css' | 'scss' | 'less' | 'html' | 'xml' | 'markdown' | 'yaml' | 'ini' | 'graphql' | 'sql' | 'python' | 'rust' | 'go' | 'java' | 'kotlin' | 'swift' | 'c' | 'cpp' | 'csharp' | 'php' | 'ruby' | 'shell' | 'powershell' | 'dockerfile' | 'plaintext';
+/**
+ * Language accepted by {@link CodeEditorProps.language}: autocomplete for
+ * {@link KnownCodeEditorLanguage}, while `(string & {})` keeps the prop open
+ * to every other Monaco language ID (the component forwards to Monaco, whose
+ * own `language` option is a plain `string`). Decoupled from `CodeBlock`'s
+ * `SupportedLanguage`, which is scoped to CodeBlock's hand-rolled tokenizer
+ * rather than Monaco.
+ */
+export type CodeEditorLanguage = KnownCodeEditorLanguage | (string & {});
 export type CodeEditorProps = {
     value: string;
     onChange?: (value: string) => void;
@@ -28,7 +48,7 @@ export type CodeEditorProps = {
      */
     showLeftIcon?: boolean;
     showCopyButton?: boolean;
-    language?: SupportedLanguage;
+    language?: CodeEditorLanguage;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

package/dist/components/CodeEditorV2/CodeEditorV2.d.ts

@@ -11,7 +11,7 @@ declare const CodeEditorV2: import('react').ForwardRefExoticComponent<{
         rightSlot?: import('react').ReactNode;
         showCopyButton?: boolean;
     };
-    language?: import('./codeEditorV2.types').CodeEditorV2SupportedLanguage;
+    language?: import('./codeEditorV2.types').CodeEditorV2Language;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

package/dist/components/CodeEditorV2/codeEditorV2.types.d.ts

@@ -15,7 +15,28 @@ export type CodeEditorV2DiffLine = {
     content: string;
     type: CodeEditorV2DiffLineType;
 };
-export type CodeEditorV2SupportedLanguage = 'javascript' | 'typescript' | 'jsx' | 'tsx' | 'json' | 'css' | 'html' | 'markdown' | 'yaml' | 'python' | 'rust' | 'haskell';
+/**
+ * Common Monaco language IDs, provided purely for IDE autocomplete on the
+ * `language` prop — NOT a runtime constraint. Every entry is verified against
+ * the language IDs monaco-editor actually registers (Monaco does not export a
+ * static union of its built-in IDs; they are only enumerable at runtime via
+ * `monaco.languages.getLanguages()`). Note Monaco's plain-text ID is
+ * `plaintext` and shell scripts are `shell` (there is no `bash` ID). Monaco
+ * also has no distinct `jsx`/`tsx` IDs — those still work through the open
+ * string arm of {@link CodeEditorV2Language}: the editor maps them onto the
+ * `javascript`/`typescript` tokenizers.
+ */
+export type KnownCodeEditorV2Language = 'javascript' | 'typescript' | 'json' | 'css' | 'scss' | 'less' | 'html' | 'xml' | 'markdown' | 'yaml' | 'ini' | 'graphql' | 'sql' | 'python' | 'rust' | 'go' | 'java' | 'kotlin' | 'swift' | 'c' | 'cpp' | 'csharp' | 'php' | 'ruby' | 'shell' | 'powershell' | 'dockerfile' | 'plaintext';
+/**
+ * Language accepted by {@link CodeEditorV2Props.language}: autocomplete for
+ * {@link KnownCodeEditorV2Language}, while `(string & {})` keeps the prop open
+ * to every other Monaco language ID (matching the internal
+ * `MonacoEditorWrapper`'s `language: string` — Monaco itself types the option
+ * as a plain `string`).
+ */
+export type CodeEditorV2Language = KnownCodeEditorV2Language | (string & {});
+/** @deprecated Use {@link CodeEditorV2Language} instead. */
+export type CodeEditorV2SupportedLanguage = CodeEditorV2Language;
 export type CodeEditorV2Dimensions = {
     width?: CSSObject['width'];
     maxWidth?: CSSObject['maxWidth'];
@@ -37,7 +58,7 @@ export type CodeEditorV2Props = {
         rightSlot?: ReactNode;
         showCopyButton?: boolean;
     };
-    language?: CodeEditorV2SupportedLanguage;
+    language?: CodeEditorV2Language;
     placeholder?: string;
     readOnly?: boolean;
     disabled?: boolean;

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

@@ -46,6 +46,7 @@ export type TableBodyProps<T extends Record<string, unknown>> = {
     getColumnWidth: (column: ColumnDefinition<T>, index: number) => React.CSSProperties;
     getRowStyle?: (row: T, index: number) => React.CSSProperties;
     getDisplayValue?: (value: unknown, column: ColumnDefinition<T>) => unknown;
+    dateLabel?: string;
     isLoading?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;

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

@@ -14,6 +14,7 @@ export type TableCellProps<T extends Record<string, unknown>> = {
     hasCustomBackground?: boolean;
     onFieldChange: (value: unknown) => void;
     getDisplayValue?: (value: unknown, column: ColumnDefinition<T>) => unknown;
+    dateLabel?: string;
     'data-row-index'?: number;
     'data-col-index'?: number;
     tabIndex?: number;

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

@@ -1,4 +1,4 @@
-import { FilterType, ColumnType } from './types';
+import { FilterType, ColumnType, DateFormat } from './types';
 export type ColumnFilterOption = {
     id: string;
     label: string;
@@ -36,12 +36,14 @@ export type MultiSelectData = {
 };
 export type DateData = {
     date: Date | string;
-    format?: string;
+    format?: DateFormat;
+    dateLabel?: string;
 };
 export type DateRangeData = {
     startDate: Date | string;
     endDate: Date | string;
-    format?: string;
+    format?: DateFormat;
+    dateLabel?: string;
 };
 export type ColumnDataTypeMap = {
     [ColumnType.TEXT]: string | number;

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

@@ -194,6 +194,10 @@ export type TableTokenType = BasicCSSProps & {
                     color: CSSObject['color'];
                     fontSize: CSSObject['fontSize'];
                     borderTop: CSSObject['borderTop'];
+                    dateLabel: {
+                        fontSize: CSSObject['fontSize'];
+                        color: CSSObject['color'];
+                    };
                     expandable: {
                         padding: CSSObject['padding'];
                         borderTop: CSSObject['borderTop'];

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

@@ -73,10 +73,18 @@ export type DropdownColumnProps = {
     placeholder?: string;
     onSelect?: (value: unknown) => void;
 };
+/**
+ * Format string for date display in DataTable DATE columns.
+ * @example 'DD MMM YYYY'           → "24 Jun 2026"
+ * @example 'DD/MM/YYYY'            → "24/06/2026"
+ * @example 'DD MMM YYYY, hh:mm A'  → "24 Jun 2026, 10:30 AM"
+ */
+export type DateFormat = 'DD MMM YYYY' | 'DD/MM/YYYY' | 'MM/DD/YYYY' | 'YYYY-MM-DD' | 'DD MMM YYYY, hh:mm A' | 'DD MMM YYYY, HH:mm' | 'MMM DD, YYYY' | 'YYYY/MM/DD HH:mm' | 'HH:mm:ss' | (string & {});
 export type DateColumnProps = {
     date: Date | string;
-    format?: string;
+    format?: DateFormat;
     showTime?: boolean;
+    dateLabel?: string;
 };
 export type SliderColumnProps = {
     min: number;
@@ -204,8 +212,13 @@ export type ColumnDefinition<T> = (BaseColumnDefinition<T> & {
 }) | (BaseColumnDefinition<T> & {
     type: ColumnType.DATE;
     renderCell?: (value: DateColumnProps, row: T, index: number) => ReactNode;
-    dateFormat?: string;
+    dateFormat?: DateFormat;
     showTime?: boolean;
+    /**
+     * Optional label appended after the formatted date, e.g. "(IST)".
+     * Column-level value can be overridden per-cell via DateColumnProps.dateLabel.
+     */
+    dateLabel?: string;
 }) | (BaseColumnDefinition<T> & {
     type: ColumnType.SLIDER;
     renderCell?: (value: number, row: T, index: number) => ReactNode;
@@ -365,6 +378,11 @@ export type DataTableProps<T extends Record<string, unknown>> = {
     getRowStyle?: (row: T, index: number) => React.CSSProperties;
     tableBodyHeight?: string | number;
     mobileColumnsToShow?: number;
+    /**
+     * Optional label appended after formatted dates in DATE columns,
+     * e.g. "(IST)". Can be overridden per-column or per-cell.
+     */
+    dateLabel?: string;
     enablePivotTable?: boolean;
     pivotTableConfig?: {
         triggerButton?: ReactNode;

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

@@ -1,4 +1,4 @@
-import { SortConfig, ColumnFilter, SearchConfig, FilterType, ColumnDefinition, PivotAggregationType } from './types';
+import { SortConfig, ColumnFilter, SearchConfig, FilterType, ColumnDefinition, PivotAggregationType, DateFormat } from './types';
 import { AvatarData, TagData, SelectData, MultiSelectData, DateData, DateRangeData } from './columnTypes';
 export declare const isDateOnlyString: (value: string) => boolean;
 /**
@@ -20,6 +20,7 @@ export declare const getDefaultColumnWidth: <T extends Record<string, unknown>>(
 };
 export declare const getColumnStyles: <T extends Record<string, unknown>>(column: ColumnDefinition<T>) => React.CSSProperties;
 export declare const formatDate: (dateString: string) => string;
+export declare const formatDateString: (date: Date, format: string) => string;
 export declare const updateColumnFilter: (currentFilters: ColumnFilter[], field: keyof Record<string, unknown>, type: FilterType, value: string | string[] | {
     min: number;
     max: number;
@@ -48,8 +49,8 @@ export declare const createSelectData: (value: string, options?: {
     disabled?: boolean;
 }) => SelectData;
 export declare const createMultiSelectData: (values: string[], labels?: string[]) => MultiSelectData;
-export declare const createDateData: (date: Date | string, format?: string) => DateData;
-export declare const createDateRangeData: (startDate: Date | string, endDate: Date | string, format?: string) => DateRangeData;
+export declare const createDateData: (date: Date | string, format?: DateFormat) => DateData;
+export declare const createDateRangeData: (startDate: Date | string, endDate: Date | string, format?: DateFormat) => DateRangeData;
 export declare const validateDataForColumnType: <T extends Record<string, unknown>>(data: T, columns: ColumnDefinition<T>[]) => {
     isValid: boolean;
     errors: string[];

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

@@ -9,6 +9,7 @@ export type MenuV2ContentProps = {
     searchPlaceholder: string;
     searchText: string;
     onSearchTextChange: (value: string) => void;
+    onEnter?: () => void;
     maxHeight?: CSSObject['maxHeight'];
     minHeight?: CSSObject['minHeight'];
     minWidth?: CSSObject['minWidth'];

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

@@ -32,6 +32,7 @@ export type MenuV2ItemLabel = {
     text: string;
     leftSlot?: React.ReactElement;
 };
+export type MenuV2SearchSortFn = (items: MenuV2ItemType[], searchText: string) => MenuV2ItemType[];
 export type MenuV2ItemType = {
     id?: string;
     label: MenuV2ItemLabel;
@@ -43,6 +44,8 @@ export type MenuV2ItemType = {
     subMenu?: MenuV2ItemType[];
     enableSubMenuSearch?: boolean;
     subMenuSearchPlaceholder?: string;
+    subMenuSearchSortFn?: MenuV2SearchSortFn;
+    onSubMenuSearchEnter?: (searchText: string, filteredResults: MenuV2ItemType[]) => void;
     tooltip?: string | ReactNode;
     tooltipProps?: MenuV2ItemTooltipProps;
 };
@@ -72,6 +75,8 @@ export type MenuV2Props = {
     dimensions?: MenuV2Dimensions;
     enableSearch?: boolean;
     searchPlaceholder?: string;
+    searchSortFn?: MenuV2SearchSortFn;
+    onEnter?: (searchText: string, filteredGroups: MenuV2GroupType[]) => void;
     enableVirtualScrolling?: boolean;
     virtualScrolling?: MenuV2VirtualScrollingConfig;
     open?: boolean;

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

@@ -1,8 +1,16 @@
 import { ReactNode } from 'react';
-import { MenuV2GroupType, MenuV2ItemType } from './menuV2.types';
+import { MenuV2GroupType, MenuV2ItemType, MenuV2SearchSortFn } from './menuV2.types';
 import { MenuV2TokensType, MenuV2ItemStates } from './menuV2.tokens';
 type MenuV2ItemTokens = MenuV2TokensType['group']['item'];
 export declare const getItemSlots: (item: MenuV2ItemType) => [ReactNode?];
+export declare enum MenuV2MatchRank {
+    EXACT = 0,
+    PREFIX = 1,
+    SUBSTRING = 2,
+    NONE = 3
+}
+export declare const getItemMatchRank: (item: MenuV2ItemType, lower: string) => MenuV2MatchRank;
+export declare const defaultSearchSortFn: MenuV2SearchSortFn;
 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;
@@ -22,5 +30,5 @@ export type MenuV2FlatRow = {
     itemIndex: number;
 };
 export declare const flattenMenuV2Groups: (groups: MenuV2GroupType[]) => MenuV2FlatRow[];
-export declare const filterMenuV2Groups: (groups: MenuV2GroupType[], searchText: string) => MenuV2GroupType[];
+export declare const filterMenuV2Groups: (groups: MenuV2GroupType[], searchText: string, searchSortFn?: MenuV2SearchSortFn) => MenuV2GroupType[];
 export {};

package/dist/components/MultiSelect/MultiSelect.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectProps } from './types';
-declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minMenuWidth, maxMenuWidth, maxMenuHeight, alignment, side, sideOffset, alignOffset, inline, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, itemsToRender, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, ...rest }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelect: ({ selectedValues, onChange, items, label, sublabel, disabled, helpIconHintText, name, required, variant, selectionTagType, slot, hintText, placeholder, size, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, customTrigger, useDrawerOnMobile, minMenuWidth, maxMenuWidth, maxMenuHeight, alignment, side, sideOffset, alignOffset, inline, error, errorMessage, showActionButtons, primaryAction, secondaryAction, showItemDividers, showHeaderBorder, fullWidth, enableVirtualization, virtualListItemHeight, virtualListOverscan, itemsToRender, onEndReached, endReachedThreshold, hasMore, loadingComponent, skeleton, maxTriggerWidth, minTriggerWidth, allowCustomValue, customValueLabel, showClearButton, onClearAllClick, onOpenChange, multiSelectGroupPosition, menuFooter, ...rest }: MultiSelectProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelect;

package/dist/components/MultiSelect/MultiSelectMenu.d.ts

@@ -1,3 +1,3 @@
 import { MultiSelectMenuProps } from './types';
-declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiSelectMenu: ({ items, selected, onSelect, trigger, minMenuWidth, maxMenuWidth, maxMenuHeight, disabled, enableSearch, searchPlaceholder, enableSelectAll, selectAllText, maxSelections, onSelectAll, alignment, side, sideOffset, alignOffset, collisionBoundary, open, onOpenChange, showActionButtons, primaryAction, secondaryAction, enableVirtualization, virtualListItemHeight, virtualListOverscan, onEndReached, endReachedThreshold, hasMore, skeleton, size, variant, allowCustomValue, customValueLabel, menuId, menuFooter, }: MultiSelectMenuProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiSelectMenu;

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

@@ -126,6 +126,7 @@ export type MultiSelectProps = {
     showClearButton?: boolean;
     onClearAllClick?: () => void;
     multiSelectGroupPosition?: 'center' | 'left' | 'right';
+    menuFooter?: React.ReactNode;
 } & Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'slot' | 'onChange'>;
 export type MultiSelectMenuProps = {
     items: MultiSelectMenuGroupType[];
@@ -176,4 +177,5 @@ export type MultiSelectMenuProps = {
     customValueLabel?: string;
     menuId?: string;
     collisionBoundary?: Element | null | Array<Element | null>;
+    menuFooter?: React.ReactNode;
 };

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/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/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/hooks/useSkeletonBase.d.ts

@@ -1,17 +1,13 @@
 import { ReactNode } from 'react';
 import { SkeletonTokensType } from '../skeleton.tokens';
+export type UseSkeletonBaseResult = {
+    shouldRender: boolean;
+    fallback: ReactNode | null;
+    tokens: SkeletonTokensType | null;
+    prefersReducedMotion: boolean;
+};
 /**
  * Shared hook for all skeleton components to eliminate code duplication
  * Handles token fetching, loading state, and motion preferences
  */
-export declare const useSkeletonBase: (loading: boolean, children?: ReactNode) => {
-    shouldRender: boolean;
-    fallback: string | number | bigint | true | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import('react').ReactPortal | import('react').ReactElement<unknown, string | import('react').JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | null;
-    tokens: null;
-    prefersReducedMotion: boolean;
-} | {
-    shouldRender: boolean;
-    fallback: null;
-    tokens: SkeletonTokensType;
-    prefersReducedMotion: boolean;
-};
+export declare const useSkeletonBase: (loading: boolean, children?: ReactNode) => UseSkeletonBaseResult;

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/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/StatCardV2/StatCardV2.d.ts

@@ -13,5 +13,6 @@ declare const StatCardV2: import('react').ForwardRefExoticComponent<{
     options?: import('../ChartsV2').ChartV2Options;
     skeleton?: import('./statcardV2.types').StatCardV2SkeletonProps;
     dropdownProps?: import('../SingleSelect').SingleSelectProps;
+    showBorder?: boolean;
 } & import('react').HTMLAttributes<HTMLDivElement> & import('./statcardV2.types').StatCardV2Dimensions & import('react').RefAttributes<HTMLDivElement>>;
 export default StatCardV2;

package/dist/components/StatCardV2/StatCardV2NoData.d.ts

@@ -1,10 +1,10 @@
 import { default as React } from 'react';
 import { StatCardV2Props } from './statcardV2.types';
 import { StatCardV2TokensType } from './statcardV2.tokens';
-type StatCardV2NoDataProps = Pick<StatCardV2Props, 'title' | 'titleIcon' | 'helpIconText' | 'subtitle' | 'dropdownProps' | 'maxWidth' | 'minWidth' | 'width' | 'height'> & {
+type StatCardV2NoDataProps = Pick<StatCardV2Props, 'title' | 'titleIcon' | 'helpIconText' | 'subtitle' | 'dropdownProps' | 'maxWidth' | 'minWidth' | 'width' | 'height' | 'showBorder'> & {
     tokens: StatCardV2TokensType;
     isSmallScreen: boolean;
     filteredProps: React.ComponentProps<'div'>;
 };
-declare const StatCardV2NoData: ({ title, titleIcon, helpIconText, subtitle, dropdownProps, maxWidth, minWidth, width, height, tokens, isSmallScreen, filteredProps, }: StatCardV2NoDataProps) => import("react/jsx-runtime").JSX.Element;
+declare const StatCardV2NoData: ({ title, titleIcon, helpIconText, subtitle, dropdownProps, maxWidth, minWidth, width, height, showBorder, tokens, isSmallScreen, filteredProps, }: StatCardV2NoDataProps) => import("react/jsx-runtime").JSX.Element;
 export default StatCardV2NoData;

package/dist/components/StatCardV2/statcardV2.types.d.ts

@@ -70,4 +70,5 @@ export type StatCardV2Props = {
     options?: ChartV2Options;
     skeleton?: StatCardV2SkeletonProps;
     dropdownProps?: SingleSelectProps;
+    showBorder?: boolean;
 } & HTMLAttributes<HTMLDivElement> & StatCardV2Dimensions;

package/dist/components/TabsV2/tabsV2.tokens.types.d.ts

@@ -24,6 +24,9 @@ export type TabsV2TokensType = {
                 };
             };
         };
+        borderBottom: {
+            [key in TabsV2Variant]: CSSObject['borderBottom'];
+        };
         activeIndicator: {
             height: CSSObject['height'];
             color: CSSObject['color'];

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

@@ -1,11 +1,12 @@
 import { default as React, ReactNode } from 'react';
 export declare const toPixels: (value: string | number | undefined) => number;
 export declare const capitalizeFirstLetter: (string: string) => string;
-export declare const getTruncatedText: (text: string, limit?: number) => {
+export type TruncatedTextResult = {
     truncatedValue: string;
     fullValue: string;
     isTruncated: boolean;
 };
+export declare const getTruncatedText: (text: string, limit?: number) => TruncatedTextResult;
 export declare const formatTextWithLineBreaks: (content: ReactNode | string) => ReactNode;
 /**
  * Composes multiple refs (forwarded ref + trigger's ref) so both receive the same DOM instance.