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

package/dist/components/ButtonGroup/accessibility/ButtonGroupAccessibility.d.ts

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

package/dist/components/ButtonGroup/accessibility/ButtonGroupAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ButtonGroup 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 buttonGroupAccessibilityReport: AccessibilityReport;

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

@@ -0,0 +1,4 @@
+export { default as ButtonGroupAccessibility } from './ButtonGroupAccessibility';
+export type { ButtonGroupAccessibilityProps } from './ButtonGroupAccessibility';
+export { buttonGroupAccessibilityReport } from './ButtonGroupAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './ButtonGroupAccessibilityReport';

package/dist/components/Card/CardComponents.d.ts

@@ -7,6 +7,7 @@ type CardComponentProps = {
     }>;
     cardToken: CardTokenType;
     maxHeight?: string;
+    baseId: string;
 };
 type AlignedCardComponentProps = {
     props: Extract<CardProps, {
@@ -14,6 +15,7 @@ type AlignedCardComponentProps = {
     }>;
     cardToken: CardTokenType;
     maxHeight?: string;
+    baseId: string;
 };
 type CustomCardComponentProps = {
     props: Extract<CardProps, {
@@ -21,6 +23,7 @@ type CustomCardComponentProps = {
     }>;
     cardToken: CardTokenType;
     maxHeight?: string;
+    baseId?: string;
 };
 export declare const DefaultCard: React.FC<CardComponentProps>;
 export declare const AlignedCard: React.FC<AlignedCardComponentProps>;

package/dist/components/Card/accessibility/CardAccessibility.d.ts

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

package/dist/components/Card/accessibility/CardAccessibilityReport.d.ts

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

package/dist/components/Charts/accessibility/ChartsAccessibility.d.ts

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

package/dist/components/Charts/accessibility/ChartsAccessibilityReport.d.ts

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

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

@@ -155,6 +155,7 @@ export type FlattenedDataPoint = {
     [key: string]: number | string;
 };
 export type ChartHeaderProps = {
+    id?: string;
     slot1: React.ReactNode;
     slot2: React.ReactNode;
     slot3: React.ReactNode;

package/dist/components/ChatInput/accessibility/ChatInputAccessibility.d.ts

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

package/dist/components/ChatInput/accessibility/ChatInputAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ChatInput Component Accessibility Report Data
+ * WCAG 2.0, 2.1, 2.2 Level A, AA, AAA 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 chatInputAccessibilityReport: AccessibilityReport;

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

@@ -0,0 +1,4 @@
+export { default as ChatInputAccessibility } from './ChatInputAccessibility';
+export type { ChatInputAccessibilityProps } from './ChatInputAccessibility';
+export { chatInputAccessibilityReport } from './ChatInputAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './ChatInputAccessibilityReport';

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

@@ -20,3 +20,13 @@ export declare const isValidMessageLength: (message: string, maxLength?: number)
  * Convert File objects to AttachedFile objects
  */
 export declare const convertFilesToAttachedFiles: (files: File[]) => AttachedFile[];
+/**
+ * Filter out duplicate files by comparing name and size with existing attached files
+ * @param files - Array of File objects to check
+ * @param attachedFiles - Array of already attached files
+ * @returns Object containing newFiles (non-duplicates) and duplicateFiles (array of duplicate file names)
+ */
+export declare const filterDuplicateFiles: (files: File[], attachedFiles: AttachedFile[]) => {
+    newFiles: File[];
+    duplicateFiles: string[];
+};

package/dist/components/CodeBlock/accessibility/CodeBlockAccessibility.d.ts

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

package/dist/components/CodeBlock/accessibility/CodeBlockAccessibilityReport.d.ts

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

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

@@ -40,4 +40,9 @@ export type TableBodyProps<T extends Record<string, unknown>> = {
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
     isRowLoading?: (row: T, index: number) => boolean;
+    focusedCell?: {
+        rowIndex: number;
+        colIndex: number;
+    } | null;
+    onCellFocus?: (rowIndex: number, colIndex: number) => void;
 };

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

@@ -10,6 +10,14 @@ export type TableCellProps<T extends Record<string, unknown>> = {
     width: React.CSSProperties;
     frozenStyles?: React.CSSProperties;
     isFirstRow?: boolean;
+    customBackgroundColor?: string;
+    hasCustomBackground?: boolean;
     onFieldChange: (value: unknown) => void;
     getDisplayValue?: (value: unknown, column: ColumnDefinition<T>) => unknown;
+    'data-row-index'?: number;
+    'data-col-index'?: number;
+    tabIndex?: number;
+    onFocus?: () => void;
+    onClick?: () => void;
+    role?: string;
 };

package/dist/components/DataTable/TableHeader/DraggableColumnHeader.d.ts

@@ -1,5 +1,5 @@
 import { useSortable } from '@dnd-kit/sortable';
-interface DraggableColumnHeaderProps {
+type DraggableColumnHeaderProps = Omit<React.ThHTMLAttributes<HTMLTableCellElement>, 'children'> & {
     id: string;
     children: (dragHandleProps: {
         listeners?: ReturnType<typeof useSortable>['listeners'];
@@ -8,6 +8,6 @@ interface DraggableColumnHeaderProps {
     style?: React.CSSProperties;
     disabled?: boolean;
     'data-table-column-heading'?: string;
-}
+};
 export declare const DraggableColumnHeader: React.FC<DraggableColumnHeaderProps>;
 export {};

package/dist/components/DataTable/TableHeader/FilterComponents.d.ts

@@ -12,12 +12,15 @@ type FilterComponentsProps = {
     sortState: SortState;
     onColumnFilter?: ColumnFilterHandler;
     onPopoverClose?: () => void;
+    onFilterApplied?: () => void;
 };
 export declare const SortOptions: React.FC<{
     fieldKey: string;
     tableToken: TableTokenType;
     sortHandlers: SortHandlers;
     sortState: SortState;
+    onFilterApplied?: () => void;
+    onPopoverClose?: () => void;
 }>;
 export declare const DropdownSearchSection: React.FC<{
     column: ColumnDefinition<Record<string, unknown>>;

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

@@ -44,6 +44,15 @@ export type TableHeaderProps<T extends Record<string, unknown>> = {
         min: number;
         max: number;
     }, operator?: 'equals' | 'contains' | 'startsWith' | 'endsWith' | 'gt' | 'lt' | 'gte' | 'lte' | 'range') => void;
+    columnFilters?: Array<{
+        field: string;
+        type: FilterType;
+        value: string | string[] | {
+            min: number;
+            max: number;
+        };
+        operator?: string;
+    }>;
     onHeaderChange?: (field: keyof T, newHeader: string) => void;
     getColumnWidth: (column: ColumnDefinition<T>, index: number) => React.CSSProperties;
 };

package/dist/components/DataTable/accessibility/DataTableAccessibility.d.ts

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

package/dist/components/DataTable/accessibility/DataTableAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * DataTable 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 dataTableAccessibilityReport: AccessibilityReport;

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

@@ -0,0 +1,4 @@
+export { default as DataTableAccessibility } from './DataTableAccessibility';
+export type { DataTableAccessibilityProps } from './DataTableAccessibility';
+export { dataTableAccessibilityReport } from './DataTableAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './DataTableAccessibilityReport';

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

@@ -42,6 +42,7 @@ type HeaderType = {
     gap: CSSObject['gap'];
     maxWidth: CSSObject['maxWidth'];
     overflowX: CSSObject['overflowX'];
+    overflowY: CSSObject['overflowY'];
     title: {
         fontSize: CSSObject['fontSize'];
         fontWeight: CSSObject['fontWeight'];
@@ -122,6 +123,7 @@ export type TableTokenType = BasicCSSProps & {
                     color: CSSObject['color'];
                     fontSize: CSSObject['fontSize'];
                     width?: CSSObject['width'];
+                    backgroundColor?: CSSObject['backgroundColor'];
                 };
                 sortable: {
                     cursor: CSSObject['cursor'];

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

@@ -267,6 +267,7 @@ export type DataTableProps<T extends Record<string, unknown>> = {
     showHeader?: boolean;
     showToolbar?: boolean;
     showSettings?: boolean;
+    showFooter?: boolean;
     headerSlot1?: ReactNode;
     headerSlot2?: ReactNode;
     enableInlineEdit?: boolean;

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

@@ -5,6 +5,8 @@ type TimeSelectorProps = {
     className?: string;
     autoFocus?: boolean;
     tabIndex?: number;
+    id?: string;
+    'aria-label'?: string;
 };
 declare const TimeSelector: React.ForwardRefExoticComponent<TimeSelectorProps & React.RefAttributes<HTMLDivElement>>;
 export default TimeSelector;

package/dist/components/DateRangePicker/accessibility/DateRangePickerAccessibility.d.ts

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

package/dist/components/DateRangePicker/accessibility/DateRangePickerAccessibilityReport.d.ts

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

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

@@ -0,0 +1,4 @@
+export { default as DateRangePickerAccessibility } from './DateRangePickerAccessibility';
+export type { DateRangePickerAccessibilityProps } from './DateRangePickerAccessibility';
+export { dateRangePickerAccessibilityReport } from './DateRangePickerAccessibilityReport';
+export type { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';

package/dist/components/Directory/Directory.d.ts

@@ -1,6 +1,6 @@
 import { DirectoryProps } from './types';
 declare const Directory: {
-    ({ directoryData, className }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
+    ({ directoryData, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Directory;

package/dist/components/Directory/NavItem.d.ts

@@ -1,7 +1,21 @@
 import { default as React } from 'react';
 import { NavItemProps } from './types';
-export declare const ActiveItemProvider: React.FC<{
+type ActiveItemProviderProps = {
     children: React.ReactNode;
-}>;
-declare const NavItem: ({ item, index, onNavigate }: NavItemProps) => import("react/jsx-runtime").JSX.Element;
+    /**
+     * Controlled mode: Parent controls the active item
+     * If provided, internal state is ignored
+     */
+    activeItem?: string | null;
+    /**
+     * Callback when active item changes (for controlled mode)
+     */
+    onActiveItemChange?: (item: string | null) => void;
+    /**
+     * Initial active item (for uncontrolled mode)
+     */
+    defaultActiveItem?: string | null;
+};
+export declare const ActiveItemProvider: React.FC<ActiveItemProviderProps>;
+declare const NavItem: ({ item, index, onNavigate, itemPath, }: NavItemProps) => import("react/jsx-runtime").JSX.Element;
 export default NavItem;

package/dist/components/Directory/Section.d.ts

@@ -1,3 +1,3 @@
 import { SectionProps } from './types';
-declare const Section: ({ section, sectionIndex, onNavigateBetweenSections, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
+declare const Section: ({ section, sectionIndex, onNavigateBetweenSections, idPrefix, }: SectionProps) => import("react/jsx-runtime").JSX.Element;
 export default Section;

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

@@ -1,7 +1,10 @@
 import { ReactNode } from 'react';
 export type DirectoryProps = {
-    className?: string;
     directoryData: DirectoryData[];
+    idPrefix?: string;
+    activeItem?: string | null;
+    onActiveItemChange?: (item: string | null) => void;
+    defaultActiveItem?: string | null;
 };
 export type DirectoryData = {
     label?: string;
@@ -27,9 +30,11 @@ export type SectionProps = {
     section: DirectoryData;
     sectionIndex: number;
     onNavigateBetweenSections: (direction: 'up' | 'down', currentIndex: number) => void;
+    idPrefix?: string;
 };
 export type NavItemProps = {
     item: NavbarItem;
     index: number;
     onNavigate: (direction: 'up' | 'down', currentIndex: number) => void;
+    itemPath?: string;
 };

package/dist/components/Drawer/accessibility/DrawerAccessibility.d.ts

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

package/dist/components/Drawer/accessibility/DrawerAccessibilityReport.d.ts

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

package/dist/components/Drawer/components/DrawerBase.d.ts

@@ -1,7 +1,9 @@
 import { default as React } from 'react';
 import { DrawerProps, DrawerTriggerProps, DrawerContentProps, DrawerHeaderProps, DrawerTitleProps, DrawerDescriptionProps, DrawerFooterProps, DrawerCloseProps } from '../types';
 export declare const Drawer: ({ open, onOpenChange, direction, modal, dismissible, nested, snapPoints, activeSnapPoint, onSnapPointChange, fadeFromIndex, snapToSequentialPoint, disableDrag, children, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
-export declare const DrawerTrigger: React.ForwardRefExoticComponent<DrawerTriggerProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerTrigger: React.ForwardRefExoticComponent<DrawerTriggerProps & {
+    'aria-label'?: string;
+} & React.RefAttributes<HTMLButtonElement>>;
 export declare const DrawerPortal: typeof import('vaul').Portal;
 export declare const DrawerOverlay: React.ForwardRefExoticComponent<{
     className?: string;
@@ -35,4 +37,6 @@ export declare const DrawerBody: React.ForwardRefExoticComponent<{
 export declare const DrawerFooter: React.ForwardRefExoticComponent<DrawerFooterProps & {
     direction?: "top" | "bottom" | "left" | "right";
 } & React.RefAttributes<HTMLDivElement>>;
-export declare const DrawerClose: React.ForwardRefExoticComponent<DrawerCloseProps & React.RefAttributes<HTMLButtonElement>>;
+export declare const DrawerClose: React.ForwardRefExoticComponent<DrawerCloseProps & {
+    'aria-label'?: string;
+} & React.RefAttributes<HTMLButtonElement>>;

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

@@ -92,6 +92,10 @@ export type DrawerTriggerProps = {
      * Custom click handler
      */
     onClick?: () => void;
+    /**
+     * Accessibility label for the trigger button
+     */
+    'aria-label'?: string;
 };
 export type DrawerContentProps = {
     /**
@@ -180,6 +184,14 @@ export type DrawerCloseProps = {
      * Whether the close button is disabled
      */
     disabled?: boolean;
+    /**
+     * Merge props with child element instead of rendering a button
+     */
+    asChild?: boolean;
+    /**
+     * Accessibility label for the close button
+     */
+    'aria-label'?: string;
 };
 export type StatusDrawerProps = {
     /**

package/dist/components/Inputs/NumberInput/types.d.ts

@@ -3,7 +3,7 @@ export declare enum NumberInputSize {
     LARGE = "lg"
 }
 export type NumberInputProps = {
-    value: number | undefined;
+    value: number | null;
     onChange: (e: React.ChangeEvent<HTMLInputElement>) => void;
     step?: number;
     error?: boolean;

package/dist/components/Inputs/TextInput/TextInput.d.ts

@@ -1,3 +1,3 @@
 import { TextInputProps } from './types';
-declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, cursor, id: providedId, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextInput: ({ size, leftSlot, rightSlot, error, errorMessage, hintText, helpIconHintText, disabled, label, placeholder, sublabel, value, onChange, name, required, onBlur, onFocus, cursor, id: providedId, passwordToggle, type: providedType, ...rest }: TextInputProps) => import("react/jsx-runtime").JSX.Element;
 export default TextInput;

package/dist/components/Inputs/TextInput/types.d.ts

@@ -25,4 +25,5 @@ export type TextInputProps = {
     onBlur?: (e: React.FocusEvent<HTMLInputElement>) => void;
     onFocus?: (e: React.FocusEvent<HTMLInputElement>) => void;
     cursor?: 'text' | 'pointer' | 'default' | 'not-allowed';
+    passwordToggle?: boolean;
 } & Omit<React.InputHTMLAttributes<HTMLInputElement>, 'size' | 'style' | 'className' | 'onBlur' | 'onFocus'>;

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

@@ -4,7 +4,7 @@ import { KeyValuePairTokensType } from './KeyValuePair.tokens';
 /**
  * Get text styles based on overflow mode
  */
-export declare const getTextStyles: (textOverflow: TextOverflowMode, maxLines: number) => CSSObject;
+export declare const getTextStyles: (textOverflow: TextOverflowMode, maxLines: number, slotPresent: boolean) => CSSObject;
 /**
  * Get PrimitiveText styles based on overflow mode
  */

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

@@ -14,6 +14,7 @@ export type ModalSkeletonProps = {
 };
 export type ModalProps = {
     isOpen: boolean;
+    isCustom?: boolean;
     onClose: () => void;
     title?: string;
     subtitle?: string;
@@ -31,5 +32,8 @@ export type ModalProps = {
     minWidth?: string;
     useDrawerOnMobile?: boolean;
     skeleton?: ModalSkeletonProps;
+    maxWidth?: string;
+    maxHeight?: string;
+    minHeight?: string;
 };
 export {};

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

@@ -1,2 +1,4 @@
 export { default as MultiSelectAccessibility } from './MultiSelectAccessibility';
+export type { MultiSelectAccessibilityProps } from './MultiSelectAccessibility';
 export { multiSelectAccessibilityReport } from './MultiSelectAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './MultiSelectAccessibilityReport';

package/dist/components/ProgressBar/accessibility/ProgressBarAccessibility.d.ts

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

package/dist/components/ProgressBar/accessibility/ProgressBarAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * ProgressBar 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 progressBarAccessibilityReport: AccessibilityReport;

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

@@ -18,4 +18,6 @@ export type ProgressBarProps = {
     variant?: ProgressBarVariant;
     type?: ProgressBarType;
     showLabel?: boolean;
+    min?: number;
+    max?: number;
 };