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

package/dist/components/AccordionV2/accordionV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens';
+import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types';
 export declare const getAccordionV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveAccordionV2Tokens;

package/dist/components/AccordionV2/accordionV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens';
+import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types';
 export declare const getAccordionV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveAccordionV2Tokens;

package/dist/components/AccordionV2/accordionV2.tokens.d.ts

@@ -1,70 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { AccordionV2Type } from './accordionV2.types';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
-export type AccordionV2State = 'default' | 'hover' | 'active' | 'disabled' | 'open';
-export type AccordionV2TokensType = {
-    gap: {
-        [key in AccordionV2Type]: CSSObject['gap'];
-    };
-    borderRadius: {
-        [key in AccordionV2Type]: CSSObject['borderRadius'];
-    };
-    trigger: {
-        content: {
-            gap: CSSObject['gap'];
-        };
-        backgroundColor: {
-            [key in AccordionV2Type]: {
-                [key in AccordionV2State]: CSSObject['backgroundColor'];
-            };
-        };
-        border: {
-            [key in AccordionV2Type]: {
-                [key in AccordionV2State]: CSSObject['border'];
-            };
-        };
-        padding: {
-            [key in AccordionV2Type]: CSSObject['padding'];
-        };
-        text: {
-            gap: CSSObject['gap'];
-            title: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                lineHeight: CSSObject['lineHeight'];
-                color: {
-                    [key in AccordionV2State]: CSSObject['color'];
-                };
-            };
-            subtext: {
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-                lineHeight: CSSObject['lineHeight'];
-                gap: CSSObject['gap'];
-                color: {
-                    [key in AccordionV2State]: CSSObject['color'];
-                };
-            };
-        };
-        slot: {
-            height: CSSObject['height'];
-        };
-    };
-    separator: {
-        color: {
-            [key in AccordionV2Type]: CSSObject['color'];
-        };
-    };
-    chevron: {
-        height: CSSObject['height'];
-        color: {
-            [key in AccordionV2State]: CSSObject['color'];
-        };
-    };
-};
-export type ResponsiveAccordionV2Tokens = {
-    [key in keyof BreakpointType]: AccordionV2TokensType;
-};
+import { ResponsiveAccordionV2Tokens } from './accordionV2.tokens.types';
+export type { AccordionV2State, AccordionV2TokensType, ResponsiveAccordionV2Tokens, } from './accordionV2.tokens.types';
 export declare const getAccordionV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveAccordionV2Tokens;

package/dist/components/AccordionV2/accordionV2.tokens.types.d.ts

@@ -0,0 +1,67 @@
+import { CSSObject } from 'styled-components';
+import { AccordionV2Type } from './accordionV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type AccordionV2State = 'default' | 'hover' | 'active' | 'disabled' | 'open';
+export type AccordionV2TokensType = {
+    gap: {
+        [key in AccordionV2Type]: CSSObject['gap'];
+    };
+    borderRadius: {
+        [key in AccordionV2Type]: CSSObject['borderRadius'];
+    };
+    trigger: {
+        content: {
+            gap: CSSObject['gap'];
+        };
+        backgroundColor: {
+            [key in AccordionV2Type]: {
+                [key in AccordionV2State]: CSSObject['backgroundColor'];
+            };
+        };
+        border: {
+            [key in AccordionV2Type]: {
+                [key in AccordionV2State]: CSSObject['border'];
+            };
+        };
+        padding: {
+            [key in AccordionV2Type]: CSSObject['padding'];
+        };
+        text: {
+            gap: CSSObject['gap'];
+            title: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                lineHeight: CSSObject['lineHeight'];
+                color: {
+                    [key in AccordionV2State]: CSSObject['color'];
+                };
+            };
+            subtext: {
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+                lineHeight: CSSObject['lineHeight'];
+                gap: CSSObject['gap'];
+                color: {
+                    [key in AccordionV2State]: CSSObject['color'];
+                };
+            };
+        };
+        slot: {
+            height: CSSObject['height'];
+        };
+    };
+    separator: {
+        color: {
+            [key in AccordionV2Type]: CSSObject['color'];
+        };
+    };
+    chevron: {
+        height: CSSObject['height'];
+        color: {
+            [key in AccordionV2State]: CSSObject['color'];
+        };
+    };
+};
+export type ResponsiveAccordionV2Tokens = {
+    [key in keyof BreakpointType]: AccordionV2TokensType;
+};

package/dist/components/AlertV2/alertV2.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveAlertV2Tokens } from './alertV2.tokens';
+import { ResponsiveAlertV2Tokens } from './alertV2.tokens.types';
 export declare const getAlertV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveAlertV2Tokens;

package/dist/components/AlertV2/alertV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveAlertV2Tokens } from './alertV2.tokens';
+import { ResponsiveAlertV2Tokens } from './alertV2.tokens.types';
 export declare const getAlertV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveAlertV2Tokens;

package/dist/components/AlertV2/alertV2.tokens.d.ts

@@ -1,87 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { AlertV2Type, AlertV2SubType, AlertV2ActionPosition, AlertV2PaddingDirection } from './alertV2.types';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
-export type AlertV2TokensType = {
-    width: CSSObject['width'];
-    maxWidth: CSSObject['maxWidth'];
-    minWidth: CSSObject['minWidth'];
-    border: {
-        [key in AlertV2Type]: {
-            [key in AlertV2SubType]: CSSObject['color'];
-        };
-    };
-    borderRadius: CSSObject['borderRadius'];
-    backgroundColor: {
-        [key in AlertV2Type]: {
-            [key in AlertV2SubType]: CSSObject['color'];
-        };
-    };
-    padding: {
-        [key in AlertV2PaddingDirection]: CSSObject['padding'];
-    };
-    gap: {
-        [key in AlertV2ActionPosition]: CSSObject['gap'];
-    };
-    slot: {
-        maxHeight: CSSObject['maxHeight'];
-    };
-    mainContainer: {
-        gap: CSSObject['gap'];
-        content: {
-            gap: {
-                [key in AlertV2ActionPosition]: CSSObject['gap'];
-            };
-            textContainer: {
-                gap: CSSObject['gap'];
-                heading: {
-                    color: {
-                        [key in AlertV2Type]: CSSObject['color'];
-                    };
-                    fontWeight: CSSObject['fontWeight'];
-                    fontSize: CSSObject['fontSize'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-                description: {
-                    color: {
-                        [key in AlertV2Type]: CSSObject['color'];
-                    };
-                    fontWeight: CSSObject['fontWeight'];
-                    fontSize: CSSObject['fontSize'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-            };
-            actionContainer: {
-                gap: CSSObject['gap'];
-                primaryAction: {
-                    color: {
-                        [key in AlertV2Type]: CSSObject['color'];
-                    };
-                    fontWeight: CSSObject['fontWeight'];
-                    fontSize: CSSObject['fontSize'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-                secondaryAction: {
-                    color: {
-                        [key in AlertV2Type]: CSSObject['color'];
-                    };
-                    fontWeight: CSSObject['fontWeight'];
-                    fontSize: CSSObject['fontSize'];
-                    lineHeight: CSSObject['lineHeight'];
-                };
-            };
-        };
-        closeButton: {
-            color: {
-                [key in AlertV2Type]: CSSObject['color'];
-            };
-            height: CSSObject['height'];
-            width: CSSObject['width'];
-        };
-    };
-};
-export type ResponsiveAlertV2Tokens = {
-    [key in keyof BreakpointType]: AlertV2TokensType;
-};
+import { ResponsiveAlertV2Tokens } from './alertV2.tokens.types';
+export type { AlertV2TokensType, ResponsiveAlertV2Tokens, } from './alertV2.tokens.types';
 export declare const getAlertV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveAlertV2Tokens;

package/dist/components/AlertV2/alertV2.tokens.types.d.ts

@@ -0,0 +1,84 @@
+import { CSSObject } from 'styled-components';
+import { AlertV2Type, AlertV2SubType, AlertV2ActionPosition, AlertV2PaddingDirection } from './alertV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type AlertV2TokensType = {
+    width: CSSObject['width'];
+    maxWidth: CSSObject['maxWidth'];
+    minWidth: CSSObject['minWidth'];
+    border: {
+        [key in AlertV2Type]: {
+            [key in AlertV2SubType]: CSSObject['color'];
+        };
+    };
+    borderRadius: CSSObject['borderRadius'];
+    backgroundColor: {
+        [key in AlertV2Type]: {
+            [key in AlertV2SubType]: CSSObject['color'];
+        };
+    };
+    padding: {
+        [key in AlertV2PaddingDirection]: CSSObject['padding'];
+    };
+    gap: {
+        [key in AlertV2ActionPosition]: CSSObject['gap'];
+    };
+    slot: {
+        maxHeight: CSSObject['maxHeight'];
+    };
+    mainContainer: {
+        gap: CSSObject['gap'];
+        content: {
+            gap: {
+                [key in AlertV2ActionPosition]: CSSObject['gap'];
+            };
+            textContainer: {
+                gap: CSSObject['gap'];
+                heading: {
+                    color: {
+                        [key in AlertV2Type]: CSSObject['color'];
+                    };
+                    fontWeight: CSSObject['fontWeight'];
+                    fontSize: CSSObject['fontSize'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+                description: {
+                    color: {
+                        [key in AlertV2Type]: CSSObject['color'];
+                    };
+                    fontWeight: CSSObject['fontWeight'];
+                    fontSize: CSSObject['fontSize'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+            actionContainer: {
+                gap: CSSObject['gap'];
+                primaryAction: {
+                    color: {
+                        [key in AlertV2Type]: CSSObject['color'];
+                    };
+                    fontWeight: CSSObject['fontWeight'];
+                    fontSize: CSSObject['fontSize'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+                secondaryAction: {
+                    color: {
+                        [key in AlertV2Type]: CSSObject['color'];
+                    };
+                    fontWeight: CSSObject['fontWeight'];
+                    fontSize: CSSObject['fontSize'];
+                    lineHeight: CSSObject['lineHeight'];
+                };
+            };
+        };
+        closeButton: {
+            color: {
+                [key in AlertV2Type]: CSSObject['color'];
+            };
+            height: CSSObject['height'];
+            width: CSSObject['width'];
+        };
+    };
+};
+export type ResponsiveAlertV2Tokens = {
+    [key in keyof BreakpointType]: AlertV2TokensType;
+};

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

@@ -1,5 +1,5 @@
 import { HTMLAttributes } from 'react';
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 export declare enum AvatarSize {
     SM = "sm",
     REGULAR = "regular",

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

@@ -1,6 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { AvatarProps, AvatarSize, AvatarShape } from '../Avatar/types';
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 export interface AvatarData extends Omit<AvatarProps, 'className' | 'id'> {
     id: string | number;
     alt?: string;

package/dist/components/AvatarV2/avatarV2.dark.tokens.d.ts

@@ -1,5 +1,5 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { AvatarV2TokensType } from './avatarV2.tokens';
+import { AvatarV2TokensType } from './avatarV2.tokens.types';
 import { BreakpointType } from '../../breakpoints/breakPoints';
 type ResponsiveAvatarV2Tokens = {
     [key in keyof BreakpointType]: AvatarV2TokensType;

package/dist/components/AvatarV2/avatarV2.light.tokens.d.ts

@@ -1,5 +1,5 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { AvatarV2TokensType } from './avatarV2.tokens';
+import { AvatarV2TokensType } from './avatarV2.tokens.types';
 import { BreakpointType } from '../../breakpoints/breakPoints';
 type ResponsiveAvatarV2Tokens = {
     [key in keyof BreakpointType]: AvatarV2TokensType;

package/dist/components/AvatarV2/avatarV2.tokens.d.ts

@@ -1,72 +1,7 @@
-import { CSSObject } from 'styled-components';
-import { AvatarV2Size, AvatarV2Shape, AvatarV2Status } from './avatarV2.types';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { Theme } from '../../context/theme.enum';
-export type AvatarV2TokensType = {
-    gap: CSSObject['gap'];
-    container: {
-        backgroundColor: CSSObject['backgroundColor'];
-        width: {
-            [key in AvatarV2Size]: CSSObject['width'];
-        };
-        height: {
-            [key in AvatarV2Size]: CSSObject['height'];
-        };
-        borderRadius: {
-            [key in AvatarV2Shape]: CSSObject['borderRadius'];
-        };
-        image: {
-            border: CSSObject['border'];
-        };
-        fallbackText: {
-            border: CSSObject['border'];
-            fontSize: {
-                [key in AvatarV2Size]: CSSObject['fontSize'];
-            };
-            fontWeight: {
-                [key in AvatarV2Size]: CSSObject['fontWeight'];
-            };
-            lineHeight: {
-                [key in AvatarV2Size]: CSSObject['lineHeight'];
-            };
-            color: CSSObject['color'];
-        };
-        status: {
-            width: {
-                [key in AvatarV2Size]: CSSObject['width'];
-            };
-            height: {
-                [key in AvatarV2Size]: CSSObject['height'];
-            };
-            border: {
-                [key in AvatarV2Size]: CSSObject['border'];
-            };
-            borderRadius: CSSObject['borderRadius'];
-            backgroundColor: {
-                [key in AvatarV2Status]: CSSObject['backgroundColor'];
-            };
-            boxShadow: CSSObject['boxShadow'];
-            position: {
-                [key in AvatarV2Shape]: {
-                    [key in AvatarV2Size]: {
-                        top?: CSSObject['top'];
-                        right?: CSSObject['right'];
-                        bottom?: CSSObject['bottom'];
-                        left?: CSSObject['left'];
-                    };
-                };
-            };
-        };
-    };
-    slot: {
-        height: CSSObject['height'];
-        width: CSSObject['width'];
-    };
-};
-export type ResponsiveAvatarV2Tokens = {
-    [key in keyof BreakpointType]: AvatarV2TokensType;
-};
+import { ResponsiveAvatarV2Tokens } from './avatarV2.tokens.types';
+export type { AvatarV2TokensType, ResponsiveAvatarV2Tokens, } from './avatarV2.tokens.types';
 /**
  * Get AvatarV2 tokens based on theme
  *

package/dist/components/AvatarV2/avatarV2.tokens.types.d.ts

@@ -0,0 +1,67 @@
+import { CSSObject } from 'styled-components';
+import { AvatarV2Size, AvatarV2Shape, AvatarV2Status } from './avatarV2.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type AvatarV2TokensType = {
+    gap: CSSObject['gap'];
+    container: {
+        backgroundColor: CSSObject['backgroundColor'];
+        width: {
+            [key in AvatarV2Size]: CSSObject['width'];
+        };
+        height: {
+            [key in AvatarV2Size]: CSSObject['height'];
+        };
+        borderRadius: {
+            [key in AvatarV2Shape]: CSSObject['borderRadius'];
+        };
+        image: {
+            border: CSSObject['border'];
+        };
+        fallbackText: {
+            border: CSSObject['border'];
+            fontSize: {
+                [key in AvatarV2Size]: CSSObject['fontSize'];
+            };
+            fontWeight: {
+                [key in AvatarV2Size]: CSSObject['fontWeight'];
+            };
+            lineHeight: {
+                [key in AvatarV2Size]: CSSObject['lineHeight'];
+            };
+            color: CSSObject['color'];
+        };
+        status: {
+            width: {
+                [key in AvatarV2Size]: CSSObject['width'];
+            };
+            height: {
+                [key in AvatarV2Size]: CSSObject['height'];
+            };
+            border: {
+                [key in AvatarV2Size]: CSSObject['border'];
+            };
+            borderRadius: CSSObject['borderRadius'];
+            backgroundColor: {
+                [key in AvatarV2Status]: CSSObject['backgroundColor'];
+            };
+            boxShadow: CSSObject['boxShadow'];
+            position: {
+                [key in AvatarV2Shape]: {
+                    [key in AvatarV2Size]: {
+                        top?: CSSObject['top'];
+                        right?: CSSObject['right'];
+                        bottom?: CSSObject['bottom'];
+                        left?: CSSObject['left'];
+                    };
+                };
+            };
+        };
+    };
+    slot: {
+        height: CSSObject['height'];
+        width: CSSObject['width'];
+    };
+};
+export type ResponsiveAvatarV2Tokens = {
+    [key in keyof BreakpointType]: AvatarV2TokensType;
+};

package/dist/components/Badge/badge.dark.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveBadgeTokens } from './badge.tokens';
+import { ResponsiveBadgeTokens } from './badge.tokens.types';
 export declare const getBadgeDarkTokens: (foundationToken: FoundationTokenType) => ResponsiveBadgeTokens;

package/dist/components/Badge/badge.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { ResponsiveBadgeTokens } from './badge.tokens';
+import { ResponsiveBadgeTokens } from './badge.tokens.types';
 export declare const getBadgeLightTokens: (foundationToken: FoundationTokenType) => ResponsiveBadgeTokens;

package/dist/components/Badge/badge.tokens.d.ts

@@ -1,55 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { BadgeSize, BadgeColor } from './Badge.types';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../tokens/theme.token';
 import { Theme } from '../../context/theme.enum';
-export type BadgeTokensType = Readonly<{
-    dot: {
-        width: {
-            [key in BadgeSize]: CSSObject['width'];
-        };
-        height: {
-            [key in BadgeSize]: CSSObject['height'];
-        };
-        borderRadius: CSSObject['borderRadius'];
-    };
-    pill: {
-        minWidth: {
-            [key in BadgeSize]: CSSObject['minWidth'];
-        };
-        height: {
-            [key in BadgeSize]: CSSObject['height'];
-        };
-        paddingLeft: {
-            [key in BadgeSize]: CSSObject['paddingLeft'];
-        };
-        paddingRight: {
-            [key in BadgeSize]: CSSObject['paddingRight'];
-        };
-        borderRadius: {
-            [key in BadgeSize]: CSSObject['borderRadius'];
-        };
-    };
-    backgroundColor: {
-        [key in BadgeColor]: CSSObject['backgroundColor'];
-    };
-    text: {
-        color: CSSObject['color'];
-        fontSize: {
-            [key in BadgeSize]: CSSObject['fontSize'];
-        };
-        fontWeight: CSSObject['fontWeight'];
-        lineHeight: {
-            [key in BadgeSize]: CSSObject['lineHeight'];
-        };
-    };
-    position: {
-        offset: {
-            [key in BadgeSize]: CSSObject['top'];
-        };
-    };
-}>;
-export type ResponsiveBadgeTokens = {
-    [key in keyof BreakpointType]: BadgeTokensType;
-};
+import { ResponsiveBadgeTokens } from './badge.tokens.types';
+export type { BadgeTokensType, ResponsiveBadgeTokens, } from './badge.tokens.types';
 export declare const getBadgeTokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveBadgeTokens;

package/dist/components/Badge/badge.tokens.types.d.ts

@@ -0,0 +1,52 @@
+import { CSSObject } from 'styled-components';
+import { BadgeSize, BadgeColor } from './Badge.types';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export type BadgeTokensType = Readonly<{
+    dot: {
+        width: {
+            [key in BadgeSize]: CSSObject['width'];
+        };
+        height: {
+            [key in BadgeSize]: CSSObject['height'];
+        };
+        borderRadius: CSSObject['borderRadius'];
+    };
+    pill: {
+        minWidth: {
+            [key in BadgeSize]: CSSObject['minWidth'];
+        };
+        height: {
+            [key in BadgeSize]: CSSObject['height'];
+        };
+        paddingLeft: {
+            [key in BadgeSize]: CSSObject['paddingLeft'];
+        };
+        paddingRight: {
+            [key in BadgeSize]: CSSObject['paddingRight'];
+        };
+        borderRadius: {
+            [key in BadgeSize]: CSSObject['borderRadius'];
+        };
+    };
+    backgroundColor: {
+        [key in BadgeColor]: CSSObject['backgroundColor'];
+    };
+    text: {
+        color: CSSObject['color'];
+        fontSize: {
+            [key in BadgeSize]: CSSObject['fontSize'];
+        };
+        fontWeight: CSSObject['fontWeight'];
+        lineHeight: {
+            [key in BadgeSize]: CSSObject['lineHeight'];
+        };
+    };
+    position: {
+        offset: {
+            [key in BadgeSize]: CSSObject['top'];
+        };
+    };
+}>;
+export type ResponsiveBadgeTokens = {
+    [key in keyof BreakpointType]: BadgeTokensType;
+};

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

@@ -1,8 +1,14 @@
-import { SkeletonVariant } from '../Skeleton';
+import { SkeletonVariant } from '../Skeleton/types';
 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;