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

package/dist/components/Breadcrumb/Breadcrumb.d.ts

@@ -1,9 +1,6 @@
-import { BreadcrumbItemType, BreadcrumbSkeletonProps } from './types';
+import { BreadcrumbProps } from './types';
 declare const Breadcrumb: {
-    ({ items, skeleton, }: {
-        items: BreadcrumbItemType[];
-        skeleton?: BreadcrumbSkeletonProps;
-    }): import("react/jsx-runtime").JSX.Element | null;
+    ({ items: itemsProp, skeleton }: BreadcrumbProps): import("react/jsx-runtime").JSX.Element | null;
     displayName: string;
 };
 export default Breadcrumb;

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

@@ -3,6 +3,12 @@ export type BreadcrumbSkeletonProps = {
     show: boolean;
     variant: SkeletonVariant;
 };
+/** Replace null, undefined, or non-array `items` with `[]`. */
+export declare function normalizeBreadcrumbItems(items: BreadcrumbItemType[] | null | undefined): BreadcrumbItemType[];
+export type BreadcrumbProps = {
+    items: BreadcrumbItemType[] | null;
+    skeleton?: BreadcrumbSkeletonProps;
+};
 export type BreadcrumbItemType = {
     leftSlot?: React.ReactNode;
     rightSlot?: React.ReactNode;

package/dist/components/Charts/ChartUtils.d.ts

@@ -1,4 +1,6 @@
 import { NewNestedDataPoint, FlattenedDataPoint, AxisConfig } from './types';
+/** Replace null, undefined, or non-array `data` with `[]` (empty / no-data state). */
+export declare function normalizeChartData(data: NewNestedDataPoint[] | null | undefined): NewNestedDataPoint[];
 export declare function transformNestedData(data: NewNestedDataPoint[], selectedKeys?: string[]): FlattenedDataPoint[];
 export declare function transformScatterData(data: NewNestedDataPoint[], selectedKeys?: string[]): Array<{
     name: string;

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

@@ -144,7 +144,7 @@ export type RenderChartProps = {
 };
 export type CoreChartProps = {
     chartType?: ChartType;
-    data: NewNestedDataPoint[];
+    data?: NewNestedDataPoint[] | null;
     colors?: {
         key: string;
         color: string;
@@ -168,7 +168,7 @@ export type ChartsSkeletonProps = {
 };
 export type ChartsProps = {
     chartType?: ChartType;
-    data: NewNestedDataPoint[];
+    data?: NewNestedDataPoint[] | null;
     colors?: {
         key: string;
         color: string;

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

@@ -165,7 +165,7 @@ export type CustomPresetDefinition = {
 /**
  * Presets configuration - can be predefined presets, custom configs, or custom definitions
  */
-export type PresetsConfig = DateRangePreset[] | CustomPresetConfig[] | CustomPresetDefinition[] | (DateRangePreset | CustomPresetConfig | CustomPresetDefinition)[];
+export type PresetsConfig = (DateRangePreset | CustomPresetConfig | CustomPresetDefinition)[];
 /**
  * Function type for custom date disabling logic
  * @param date The date to check

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

@@ -62,6 +62,8 @@ export declare const parseDate: (dateString: string, format: string, hour: numbe
  * @returns True if the date is valid
  */
 export declare const isValidDate: (date: Date) => boolean;
+/** True when a controlled `value` has a usable start date (avoids `.getTime()` on undefined). */
+export declare const isControlledDateRange: (value?: DateRange | null) => value is DateRange;
 /**
  * Formats time in 12-hour format
  * @param date The date to format

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/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/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

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

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

@@ -22,6 +22,7 @@ export type SubStep = {
     title: string;
     status?: StepState;
     disabled?: boolean;
+    slot?: ReactNode;
 };
 export type Step = {
     id: number;
@@ -30,6 +31,7 @@ export type Step = {
     disabled?: boolean;
     description?: string;
     icon?: ReactNode;
+    slot?: ReactNode;
     substeps?: SubStep[];
     isExpandable?: boolean;
     isExpanded?: boolean;