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

package/dist/components/Accordion/AccordionItem.d.ts

@@ -1,10 +1,11 @@
 import { AccordionItemProps, AccordionType, AccordionChevronPosition } from './types';
-declare const AccordionItem: import('react').ForwardRefExoticComponent<AccordionItemProps & {
+import * as React from 'react';
+declare const AccordionItem: React.ForwardRefExoticComponent<AccordionItemProps & {
     accordionType?: AccordionType;
     chevronPosition?: AccordionChevronPosition;
     isFirst?: boolean;
     isLast?: boolean;
     isIntermediate?: boolean;
     currentValue?: string | string[];
-} & import('react').RefAttributes<HTMLDivElement>>;
+} & React.RefAttributes<HTMLDivElement>>;
 export default AccordionItem;

package/dist/components/Accordion/accessibility/AccordionAccessibility.d.ts

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

package/dist/components/Accordion/accessibility/AccordionAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { accordionAccessibilityReport } from './AccordionAccessibilityReport';
+export { default as AccordionAccessibility } from './AccordionAccessibility';

package/dist/components/Alert/accessibility/AlertAccessibility.d.ts

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

package/dist/components/Alert/accessibility/AlertAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as AlertAccessibility } from './AlertAccessibility';
+export { alertAccessibilityReport } from './AlertAccessibilityReport';

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

@@ -9,5 +9,9 @@ declare const Avatar: import('react').ForwardRefExoticComponent<{
     onlinePosition?: AvatarOnlinePosition;
     leadingSlot?: React.ReactNode;
     trailingSlot?: React.ReactNode;
+    skeleton?: {
+        show: boolean;
+        variant?: import('../Skeleton').SkeletonVariant;
+    };
 } & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
 export default Avatar;

package/dist/components/Avatar/accessibility/AvatarAccessibility.d.ts

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

package/dist/components/Avatar/accessibility/AvatarAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as AvatarAccessibility } from './AvatarAccessibility';
+export { avatarAccessibilityReport } from './AvatarAccessibilityReport';

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

@@ -9,6 +9,6 @@ export declare const hexToRgb: (hex: string) => {
  * Get a consistent color for an avatar based on the full name/text
  * Uses hash of the entire text to ensure unique colors for different names
  * @param text - The text to generate color from (e.g., name or alt text)
- * @returns A hex color code
+ * @returns A hex color code that provides sufficient contrast with white text (#FFFFFF)
  */
 export declare const getColorFromText: (text: string) => string;

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

@@ -1,4 +1,5 @@
 import { HTMLAttributes } from 'react';
+import { SkeletonVariant } from '../Skeleton';
 export declare enum AvatarSize {
     SM = "sm",
     REGULAR = "regular",
@@ -24,6 +25,10 @@ export type AvatarProps = {
     onlinePosition?: AvatarOnlinePosition;
     leadingSlot?: React.ReactNode;
     trailingSlot?: React.ReactNode;
+    skeleton?: {
+        show: boolean;
+        variant?: SkeletonVariant;
+    };
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
 export type StyledAvatarContainerProps = {
     $size: AvatarSize;

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

@@ -1,11 +1,14 @@
-import { default as React } from 'react';
 import { AvatarShape, AvatarSize } from '../Avatar/types';
-declare const AvatarGroup: React.ForwardRefExoticComponent<{
+declare const AvatarGroup: import('react').ForwardRefExoticComponent<{
     avatars: import('./types').AvatarData[];
     maxCount?: number;
     size?: AvatarSize;
     shape?: AvatarShape;
     selectedAvatarIds?: (string | number)[];
     onSelectionChange?: (selectedIds: (string | number)[]) => void;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, "children"> & React.RefAttributes<HTMLDivElement>>;
+    skeleton?: {
+        show: boolean;
+        variant?: import('../Skeleton').SkeletonVariant;
+    };
+} & Omit<import('react').HTMLAttributes<HTMLDivElement>, "children"> & import('react').RefAttributes<HTMLDivElement>>;
 export default AvatarGroup;

package/dist/components/AvatarGroup/accessibility/AvatarGroupAccessibility.d.ts

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

package/dist/components/AvatarGroup/accessibility/AvatarGroupAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as AvatarGroupAccessibility } from './AvatarGroupAccessibility';
+export { avatarGroupAccessibilityReport } from './AvatarGroupAccessibilityReport';

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

@@ -1,24 +1,12 @@
-import { default as React, RefObject } from 'react';
+import { default as React } from 'react';
 import { AvatarData } from './types';
 import { AvatarProps } from '../Avatar/types';
-interface MenuItemProps {
-    id: string;
-    text: string;
-    hasSlotL?: boolean;
-    slotL?: React.ReactNode;
-    onClick?: () => void;
-    data?: Record<string, boolean | string | number>;
-}
+import { MenuGroupType } from '../Menu/types';
 /**
- * Positions the menu relative to the overflow counter
+ * Creates Menu groups/items from avatar data array
  */
-export declare const positionMenu: (menuRef: RefObject<HTMLDivElement>, counterRef: RefObject<HTMLButtonElement>) => void;
-/**
- * Creates menu items from avatar data array
- */
-export declare const createMenuItems: (avatars: AvatarData[], selectedIds: (string | number)[], onSelect: (id: string | number) => void, AvatarComponent: React.ComponentType<AvatarProps>) => MenuItemProps[];
+export declare const createMenuItems: (avatars: AvatarData[], selectedIds: (string | number)[], onSelect: (id: string | number) => void, AvatarComponent: React.ComponentType<AvatarProps>) => MenuGroupType[];
 /**
  * Filters avatars based on search term
  */
 export declare const filterAvatars: (avatars: AvatarData[], searchTerm: string) => AvatarData[];
-export {};

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

@@ -1,5 +1,6 @@
 import { HTMLAttributes } from 'react';
 import { AvatarProps, AvatarSize, AvatarShape } from '../Avatar/types';
+import { SkeletonVariant } from '../Skeleton';
 export interface AvatarData extends Omit<AvatarProps, 'className' | 'id'> {
     id: string | number;
     alt?: string;
@@ -12,6 +13,10 @@ export type AvatarGroupProps = {
     shape?: AvatarShape;
     selectedAvatarIds?: (string | number)[];
     onSelectionChange?: (selectedIds: (string | number)[]) => void;
+    skeleton?: {
+        show: boolean;
+        variant?: SkeletonVariant;
+    };
 } & Omit<HTMLAttributes<HTMLDivElement>, 'children'>;
 export type StyledAvatarGroupContainerProps = {
     $spacing?: string;
@@ -25,5 +30,4 @@ export type StyledAvatarWrapperProps = {
 export type StyledOverflowCounterProps = {
     $size: AvatarSize;
     $shape: AvatarShape;
-    $isOpen: boolean;
 };

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

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

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

@@ -0,0 +1,8 @@
+import { BreadcrumbTokenType } from './breadcrumb.tokens';
+import { SkeletonVariant } from '../Skeleton';
+declare const BreadcrumbSkeleton: ({ breadcrumbTokens, skeletonVariant, isActive, }: {
+    breadcrumbTokens: BreadcrumbTokenType;
+    skeletonVariant: SkeletonVariant;
+    isActive: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default BreadcrumbSkeleton;

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

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

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

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

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

@@ -0,0 +1,3 @@
+export { default as BreadcrumbAccessibility } from './BreadcrumbAccessibility';
+export { breadcrumbAccessibilityReport } from './BreadcrumbAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './BreadcrumbAccessibilityReport';

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

@@ -1,3 +1,8 @@
+import { SkeletonVariant } from '../Skeleton';
+export type BreadcrumbSkeletonProps = {
+    show: boolean;
+    variant: SkeletonVariant;
+};
 export type BreadcrumbItemType = {
     leftSlot?: React.ReactNode;
     rightSlot?: React.ReactNode;
@@ -9,4 +14,5 @@ export type BreadcrumbItemType = {
      * Use this to avoid page reloads and handle navigation with client-side routing.
      */
     onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    skeleton?: BreadcrumbSkeletonProps;
 };

package/dist/components/Button/accessibility/ButtonAccessibility.d.ts

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

package/dist/components/Button/accessibility/ButtonAccessibilityReport.d.ts

@@ -0,0 +1,44 @@
+/**
+ * Button Component Accessibility Report Data
+ * WCAG 2.1 Level 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 buttonAccessibilityReport: AccessibilityReport;

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

@@ -0,0 +1,4 @@
+export { default as ButtonAccessibility } from './ButtonAccessibility';
+export type { ButtonAccessibilityProps } from './ButtonAccessibility';
+export { buttonAccessibilityReport } from './ButtonAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './ButtonAccessibilityReport';

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

@@ -0,0 +1,8 @@
+import { CardSkeletonProps } from './types';
+declare const CardSkeleton: ({ skeleton, maxHeight, minHeight, maxWidth, }: {
+    skeleton: CardSkeletonProps;
+    maxHeight?: string;
+    minHeight?: string;
+    maxWidth?: string;
+}) => import("react/jsx-runtime").JSX.Element;
+export default CardSkeleton;

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

@@ -0,0 +1,7 @@
+import { SkeletonVariant } from '../Skeleton';
+declare const ChartsSkeleton: ({ skeletonVariant, height, isExpanded, }: {
+    skeletonVariant?: SkeletonVariant;
+    height?: number;
+    isExpanded?: boolean;
+}) => import("react/jsx-runtime").JSX.Element;
+export default ChartsSkeleton;

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

@@ -2,6 +2,7 @@ import { ReactNode } from 'react';
 import { TooltipProps } from 'recharts';
 import { NameType, ValueType } from 'recharts/types/component/DefaultTooltipContent';
 import { ButtonProps } from '../Button';
+import { SkeletonVariant } from '../Skeleton';
 export type DataPoint = {
     primary: {
         label: string;
@@ -122,6 +123,10 @@ export type CoreChartProps = {
     selectedKeys?: string[];
     enableHover?: boolean;
 };
+export type ChartsSkeletonProps = {
+    show: boolean;
+    variant: SkeletonVariant;
+};
 export type ChartsProps = {
     chartType?: ChartType;
     data: NewNestedDataPoint[];
@@ -143,12 +148,14 @@ export type ChartsProps = {
     isExpanded?: boolean;
     onExpandedChange?: (isExpanded: boolean) => void;
     chartName?: string;
+    skeleton?: ChartsSkeletonProps;
 };
 export type FlattenedDataPoint = {
     name: string;
     [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/Checkbox/Checkbox.d.ts

@@ -1,3 +1,2 @@
 import { CheckboxProps } from './types';
 export declare const Checkbox: import('react').ForwardRefExoticComponent<CheckboxProps & import('react').RefAttributes<HTMLButtonElement>>;
-export default Checkbox;

package/dist/components/Checkbox/accessibility/CheckboxAccessibility.d.ts

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