@juspay/blend-design-system 0.0.29 → 0.0.30-beta

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

@@ -0,0 +1,24 @@
+import { ProgressBarTokenType } from './progressbar.tokens';
+import { ProgressBarSize } from './types';
+export declare const clampValue: (value: number, min: number, max: number) => number;
+export declare const calculatePercentage: (value: number, min: number, max: number) => number;
+export declare const parseTokenValue: (tokenValue: string | number | undefined, fallback: number) => number;
+export declare const extractAriaProps: (rest: Record<string, unknown> | undefined) => {
+    "aria-label"?: string;
+    "aria-labelledby"?: string;
+    restProps: Record<string, unknown>;
+};
+export declare const generateDefaultAriaLabel: (value: number, min: number, max: number) => string;
+export declare const getCircularDimensions: (size: ProgressBarSize, tokens: ProgressBarTokenType) => {
+    circularSize: string;
+    sizeNum: number;
+    strokeWidth: number;
+    radius: number;
+    circumference: number;
+    center: number;
+};
+export declare const calculateCircularStroke: (type: "solid" | "segmented", circumference: number, percentage: number) => {
+    strokeDasharray: string;
+    strokeDashoffset: number;
+    dashArray: string;
+};

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

@@ -62,5 +62,6 @@ export type SelectMenuItemType = {
         offset?: number;
     };
     disableTruncation?: boolean;
+    isDisabled?: boolean;
 };
 export declare const dummyMenuItemsLong: SelectMenuGroupType[];

package/dist/components/Sidebar/SidebarHeader.d.ts

@@ -7,6 +7,7 @@ type SidebarHeaderProps = {
     isScrolled: boolean;
     sidebarCollapseKey: string;
     onToggle: () => void;
+    sidebarNavId?: string;
 };
 declare const SidebarHeader: React.FC<SidebarHeaderProps>;
 export default SidebarHeader;

package/dist/components/Sidebar/accessibility/SidebarAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type SidebarAccessibilityProps = {
+    className?: string;
+};
+declare const SidebarAccessibility: import('react').ForwardRefExoticComponent<SidebarAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SidebarAccessibility;

package/dist/components/Sidebar/accessibility/SidebarAccessibilityReport.d.ts

@@ -0,0 +1,2 @@
+import { AccessibilityReport } from '../../StatCard/accessibility/StatCardAccessibilityReport';
+export declare const sidebarAccessibilityReport: AccessibilityReport;

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

@@ -99,6 +99,9 @@ export type SidebarProps = {
      * Extends HTML button attributes
      */
     primaryActionButtonProps?: Omit<React.ButtonHTMLAttributes<HTMLButtonElement>, 'type'>;
+    activeItem?: string | null;
+    onActiveItemChange?: (item: string | null) => void;
+    defaultActiveItem?: string | null;
 };
 export type MobileNavigationItem = NavbarItem & {
     sectionLabel?: string;

package/dist/components/Slider/accessibility/SliderAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type SliderAccessibilityProps = {
+    className?: string;
+};
+declare const SliderAccessibility: import('react').ForwardRefExoticComponent<SliderAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SliderAccessibility;

package/dist/components/Slider/accessibility/SliderAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Slider Component Accessibility Report Data
+ * WCAG 2.0, 2.1, 2.2 Level A, AA Compliance Analysis
+ *
+ * Note: Items marked with "unsure" require manual verification
+ * Color contrast ratios verified using actual color values from theme tokens
+ */
+export type WCAGSuccessCriterion = {
+    id: string;
+    level: 'A' | 'AA' | 'AAA';
+    title: string;
+    status: 'compliant' | 'non-compliant' | 'unsure' | 'not-applicable';
+    description: string;
+    implementation: string;
+    testResults?: string;
+    notes?: string;
+};
+export type AccessibilityReport = {
+    componentName: string;
+    wcagVersion: string;
+    reportDate: string;
+    conformanceLevel: string;
+    overallStatus: 'compliant' | 'non-compliant' | 'partial' | 'unsure';
+    summary: string;
+    criteria: WCAGSuccessCriterion[];
+    strengths: string[];
+    recommendations: string[];
+    wcagVersions: {
+        '2.0': string[];
+        '2.1': string[];
+        '2.2': string[];
+    };
+    testMethodology: {
+        automated: string[];
+        manual: string[];
+        verificationTools: string[];
+        wcagLevels: {
+            A: string[];
+            AA: string[];
+            AAA: string[];
+        };
+    };
+};
+export declare const sliderAccessibilityReport: AccessibilityReport;

package/dist/components/Slider/accessibility/index.d.ts

@@ -0,0 +1,4 @@
+export { default as SliderAccessibility } from './SliderAccessibility';
+export type { SliderAccessibilityProps } from './SliderAccessibility';
+export { sliderAccessibilityReport } from './SliderAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './SliderAccessibilityReport';

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

@@ -8,6 +8,10 @@ type SliderCSSProperties = React.CSSProperties & {
         outline?: string;
         boxShadow?: string;
     };
+    '&:focus-visible'?: {
+        outline?: string;
+        boxShadow?: string;
+    };
     '&:active'?: {
         cursor?: string;
     };
@@ -16,12 +20,12 @@ type SliderCSSProperties = React.CSSProperties & {
         opacity?: string | number;
     };
 };
-interface SliderTokenStyles {
+type SliderTokenStyles = {
     root: SliderCSSProperties;
     track: SliderCSSProperties;
     range: SliderCSSProperties;
     thumb: SliderCSSProperties;
-}
+};
 export declare const getSliderTokenStyles: (variant: SliderVariant, size: SliderSize) => SliderTokenStyles;
 /**
  * Formats a slider value according to the specified format configuration
@@ -42,6 +46,24 @@ export declare const createSliderRange: (min: number, max: number, step: number,
     defaultValue: number[];
     valueFormat: SliderValueFormatConfig;
 };
+/**
+ * Get label styles for value display
+ */
+/**
+ * Builds ARIA attributes for slider thumb elements
+ */
+export declare const buildThumbAriaAttributes: (options: {
+    min: number;
+    max: number;
+    value: number;
+    formattedValue: string;
+    disabled?: boolean;
+    ariaLabel?: string;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    thumbIndex: number;
+    thumbCount: number;
+}) => Record<string, string | undefined>;
 /**
  * Get label styles for value display
  */

package/dist/components/Snackbar/Snackbar.d.ts

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
-import { AddToastOptions, CustomToastProps, SnackbarPosition } from './types';
+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;
-type SnackbarProps = {
-    position?: SnackbarPosition;
-};
 declare const Snackbar: React.FC<SnackbarProps>;
 export default Snackbar;

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

@@ -37,3 +37,10 @@ export type CustomToastProps = {
     };
     toastId?: string | number;
 };
+export type SnackbarProps = {
+    position?: SnackbarPosition;
+    dismissOnClickAway?: boolean;
+};
+export type SnackbarIconProps = {
+    variant: SnackbarVariant;
+};

package/dist/components/SplitTag/SplitTag.d.ts

@@ -1,6 +1,6 @@
 import { SplitTagProps } from './types';
 declare const SplitTag: {
-    ({ primaryTag, secondaryTag, size, shape }: SplitTagProps): import("react/jsx-runtime").JSX.Element;
+    ({ primaryTag, secondaryTag, size, shape, ...props }: SplitTagProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default SplitTag;

package/dist/components/SplitTag/accessibility/SplitTagAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type SplitTagAccessibilityProps = {
+    className?: string;
+};
+declare const SplitTagAccessibility: import('react').ForwardRefExoticComponent<SplitTagAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default SplitTagAccessibility;

package/dist/components/SplitTag/accessibility/SplitTagAccessibilityReport.d.ts

@@ -0,0 +1,2 @@
+import { AccessibilityReport } from '../../StatCard/accessibility/StatCardAccessibilityReport';
+export declare const splitTagAccessibilityReport: AccessibilityReport;

package/dist/components/StatCard/accessibility/StatCardAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type StatCardAccessibilityProps = {
+    className?: string;
+};
+declare const StatCardAccessibility: import('react').ForwardRefExoticComponent<StatCardAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default StatCardAccessibility;

package/dist/components/StatCard/accessibility/StatCardAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+export type WCAGSuccessCriterion = {
+    id: string;
+    level: 'A' | 'AA' | 'AAA';
+    title: string;
+    status: 'compliant' | 'non-compliant' | 'unsure' | 'not-applicable';
+    description: string;
+    implementation: string;
+    testResults?: string;
+    notes?: string;
+};
+export type AccessibilityReport = {
+    componentName: string;
+    wcagVersion: string;
+    reportDate: string;
+    conformanceLevel: string;
+    overallStatus: 'compliant' | 'non-compliant' | 'partial' | 'unsure';
+    summary: string;
+    criteria: WCAGSuccessCriterion[];
+    strengths: string[];
+    recommendations: string[];
+    wcagVersions: {
+        '2.0': string[];
+        '2.1': string[];
+        '2.2': string[];
+    };
+    testMethodology: {
+        automated: string[];
+        manual: string[];
+        verificationTools: string[];
+        wcagLevels: {
+            A: string[];
+            AA: string[];
+            AAA: string[];
+        };
+    };
+    accessibilityBestPractices?: {
+        [key: string]: {
+            status: 'compliant' | 'non-compliant' | 'unsure' | 'not-applicable';
+            implementation: string;
+            verification: string;
+        };
+    };
+};
+export declare const statCardAccessibilityReport: AccessibilityReport;

package/dist/components/Stepper/accessibility/StepperAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type StepperAccessibilityProps = {
+    className?: string;
+};
+declare const StepperAccessibility: import('react').ForwardRefExoticComponent<StepperAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default StepperAccessibility;

package/dist/components/Stepper/accessibility/StepperAccessibilityReport.d.ts

@@ -0,0 +1,2 @@
+import { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';
+export declare const stepperAccessibilityReport: AccessibilityReport;

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

@@ -45,4 +45,5 @@ export type StepProps = {
     onSubstepClick?: (stepIndex: number, substepIndex: number) => void;
     clickable?: boolean;
     currentSubsteps?: Record<string, number>;
+    onKeyDown?: (event: React.KeyboardEvent, stepIndex: number) => void;
 };

package/dist/components/Tabs/Tabs.d.ts

@@ -11,7 +11,6 @@ declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: import('../Skeleton').SkeletonVariant;

package/dist/components/Tabs/TabsList.d.ts

@@ -13,7 +13,6 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<import('@radix-ui/r
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     onTabChange?: (value: string) => void;
     activeTab?: string;
     disable?: boolean;

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

@@ -22,6 +22,7 @@ export type TabItem = {
     skeletonVariant?: SkeletonVariant;
     leftSlot?: ReactNode;
     rightSlot?: ReactNode;
+    newItem?: boolean;
 };
 export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     variant?: TabsVariant;
@@ -35,7 +36,6 @@ export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
@@ -53,7 +53,6 @@ export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     onTabChange?: (value: string) => void;
     activeTab?: string;
     disable?: boolean;

package/dist/components/Tooltip/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './types';
-export declare const Tooltip: ({ children: trigger, content, side, align, showArrow, size, slot, slotDirection, delayDuration, offset, open, maxWidth, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children: trigger, content, side, align, showArrow, size, slot, slotDirection, delayDuration, offset, open, maxWidth, fullWidth, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

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

@@ -31,4 +31,5 @@ export type TooltipProps = {
     delayDuration?: number;
     offset?: number;
     maxWidth?: string;
+    fullWidth?: boolean;
 };

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

@@ -31,4 +31,6 @@ export type TopbarProps = {
     onBackClick?: () => void;
     leftPanel?: LeftPanelInfo;
     merchantInfo?: MerchantInfo;
+    /** ARIA controls ID for the sidebar navigation */
+    ariaControls?: string;
 };

package/dist/components/Upload/accessibility/UploadAccessibility.d.ts

@@ -0,0 +1,5 @@
+export type UploadAccessibilityProps = {
+    className?: string;
+};
+declare const UploadAccessibility: import('react').ForwardRefExoticComponent<UploadAccessibilityProps & import('react').RefAttributes<HTMLDivElement>>;
+export default UploadAccessibility;

package/dist/components/Upload/accessibility/UploadAccessibilityReport.d.ts

@@ -0,0 +1,2 @@
+import { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';
+export declare const uploadAccessibilityReport: AccessibilityReport;

package/dist/components/Upload/accessibility/index.d.ts

@@ -0,0 +1,3 @@
+export { uploadAccessibilityReport } from './UploadAccessibilityReport';
+export { default as UploadAccessibility } from './UploadAccessibility';
+export type { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';

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

@@ -25,6 +25,15 @@ export type UploadedFileWithStatus = {
     status: 'success' | 'error';
     error?: string;
 };
+/**
+ * Form value type for Upload component
+ * - Single file: File | null
+ * - Multiple files: File[]
+ * Users can extract filenames and filemimes from File objects:
+ * - filenames: files.map(f => f.name)
+ * - filemimes: files.map(f => f.type)
+ */
+export type UploadFormValue = File | File[] | null;
 export type UploadProps = {
     multiple?: boolean;
     accept?: string[];
@@ -44,6 +53,8 @@ export type UploadProps = {
     uploadedFiles?: UploadedFileWithStatus[];
     failedFiles?: UploadedFileWithStatus[];
     enforceFileTypeConsistency?: boolean;
+    value?: UploadFormValue;
+    onChange?: (value: UploadFormValue) => void;
     onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[]) => void;
     onDropAccepted?: (files: File[]) => void;
     onDropRejected?: (fileRejections: FileRejection[]) => void;
@@ -53,4 +64,4 @@ export type UploadProps = {
     isDragAccept?: boolean;
     isDragReject?: boolean;
     validator?: (file: File) => FileRejection['errors'][0] | null;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onDrop' | 'onDragOver' | 'onDragLeave'>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onDrop' | 'onDragOver' | 'onDragLeave' | 'onChange'>;

package/dist/components/shared/accessibility/LightHouse-components/AccordionLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const AccordionLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default AccordionLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/AlertLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const AlertLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default AlertLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/AvatarGroupLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarGroupLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default AvatarGroupLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/AvatarLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const AvatarLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default AvatarLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/BreadcrumbLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const BreadcrumbLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default BreadcrumbLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/ButtonGroupLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonGroupLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonGroupLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/CardLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const CardLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default CardLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/ChartsLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ChartsLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ChartsLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/ChatInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ChatInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ChatInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/CheckboxLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const CheckboxLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default CheckboxLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/CodeBlockLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const CodeBlockLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default CodeBlockLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/DrawerLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const DrawerLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default DrawerLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/KeyValuePairLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const KeyValuePairLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default KeyValuePairLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/MenuLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const MenuLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default MenuLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/MultiSelectLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const MultiSelectLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default MultiSelectLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/ProgressBarLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ProgressBarLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ProgressBarLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/RadioLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const RadioLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default RadioLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SidebarLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SidebarLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SidebarLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SingleSelectLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SingleSelectLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SingleSelectLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SliderLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SliderLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SliderLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SnackbarLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SnackbarLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SnackbarLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SplitTagLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SplitTagLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SplitTagLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/StatCardLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const StatCardLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default StatCardLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/StepperLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const StepperLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default StepperLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SwitchLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SwitchLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SwitchLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/TabsLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const TabsLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default TabsLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/UploadLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const UploadLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default UploadLightHouse;

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

@@ -1,3 +1,4 @@
+import { 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) => {
@@ -5,3 +6,4 @@ export declare const getTruncatedText: (text: string, limit?: number) => {
     fullValue: string;
     isTruncated: boolean;
 };
+export declare const formatTextWithLineBreaks: (content: ReactNode | string) => ReactNode;