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

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

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

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

@@ -0,0 +1,3 @@
+export { default as CheckboxAccessibility } from './CheckboxAccessibility';
+export { checkboxAccessibilityReport } from './CheckboxAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './CheckboxAccessibilityReport';

package/dist/components/Checkbox/checkboxUtils.d.ts

@@ -47,3 +47,13 @@ export declare const getAccessibilityAttributes: (uniqueId: string, isIndetermin
     'aria-labelledby': string;
     'aria-describedby': string;
 };
+/**
+ * Generates subtext ID for aria-describedby connection
+ * WCAG 4.1.2: aria-describedby must connect to subtext/error messages
+ */
+export declare const getSubtextId: (uniqueId: string, hasSubtext: boolean) => string | undefined;
+/**
+ * Merges custom aria-describedby with subtext ID
+ * WCAG 4.1.2: Supports multiple IDs space-separated
+ */
+export declare const mergeAriaDescribedBy: (subtextId: string | undefined, customAriaDescribedBy?: string) => string | undefined;

package/dist/components/Checkbox/index.d.ts

@@ -1,2 +1,2 @@
-export { default as Checkbox } from './Checkbox';
+export { Checkbox } from './Checkbox';
 export * from './types';

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

@@ -15,6 +15,7 @@ export declare enum CheckboxInteractionState {
     ERROR = "error"
 }
 export type CheckboxProps = {
+    label?: string;
     id?: string;
     name?: string;
     checked?: boolean | 'indeterminate';

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/DropdownInput/accessibility/DropdownInputAccessibility.d.ts

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

package/dist/components/Inputs/DropdownInput/accessibility/DropdownInputAccessibilityReport.d.ts

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

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

@@ -1,3 +1,3 @@
 import { MultiValueInputProps } from './types';
-declare const MultiValueInput: ({ value, label, sublabel, disabled, required, error, errorMessage, hintText, tags, onTagAdd, onTagRemove, onChange, size, onFocus, onBlur, ...rest }: MultiValueInputProps) => import("react/jsx-runtime").JSX.Element;
+declare const MultiValueInput: ({ value, label, sublabel, helpIconHintText, disabled, required, error, errorMessage, hintText, tags, onTagAdd, onTagRemove, onChange, size, onFocus, onBlur, name, id: providedId, ...rest }: MultiValueInputProps) => import("react/jsx-runtime").JSX.Element;
 export default MultiValueInput;

package/dist/components/Inputs/MultiValueInput/accessibility/MultiValueInputAccessibility.d.ts

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

package/dist/components/Inputs/MultiValueInput/accessibility/MultiValueInputAccessibilityReport.d.ts

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

package/dist/components/Inputs/NumberInput/accessibility/NumberInputAccessibility.d.ts

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

package/dist/components/Inputs/NumberInput/accessibility/NumberInputAccessibilityReport.d.ts

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

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

@@ -1,3 +1,3 @@
 import { OTPProps } from './types';
-declare const OTPInput: ({ label, placeholder, sublabel, disabled, helpIconHintText, name, required, error, errorMessage, hintText, value, length, autoFocus, onChange, form, ...rest }: OTPProps) => import("react/jsx-runtime").JSX.Element;
+declare const OTPInput: ({ label, placeholder, sublabel, disabled, helpIconHintText, name, required, error, errorMessage, hintText, value, length, autoFocus, onChange, form, id: providedId, ...rest }: OTPProps) => import("react/jsx-runtime").JSX.Element;
 export default OTPInput;

package/dist/components/Inputs/OTPInput/accessibility/OTPInputAccessibility.d.ts

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

package/dist/components/Inputs/OTPInput/accessibility/OTPInputAccessibilityReport.d.ts

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

package/dist/components/Inputs/SearchInput/accessibility/SearchInputAccessibility.d.ts

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

package/dist/components/Inputs/SearchInput/accessibility/SearchInputAccessibilityReport.d.ts

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

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

@@ -1,3 +1,3 @@
 import { TextAreaProps } from './types';
-declare const TextArea: ({ value, placeholder, disabled, autoFocus, onChange, onFocus, onBlur, rows, cols, label, sublabel, hintText, helpIconHintText, required, error, errorMessage, wrap, resize, ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
+declare const TextArea: ({ value, placeholder, disabled, autoFocus, onChange, onFocus, onBlur, rows, cols, label, sublabel, hintText, helpIconHintText, required, error, errorMessage, wrap, resize, name, id: providedId, ...rest }: TextAreaProps) => import("react/jsx-runtime").JSX.Element;
 export default TextArea;

package/dist/components/Inputs/TextArea/accessibility/TextAreaAccessibility.d.ts

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

package/dist/components/Inputs/TextArea/accessibility/TextAreaAccessibilityReport.d.ts

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

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, ...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/accessibility/TextInputAccessibility.d.ts

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

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

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

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/Inputs/UnitInput/accessibility/UnitInputAccessibility.d.ts

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

package/dist/components/Inputs/UnitInput/accessibility/UnitInputAccessibilityReport.d.ts

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

package/dist/components/Inputs/utils/InputFooter/InputFooter.d.ts

@@ -18,7 +18,11 @@ type InputFooterProps = {
     errorMessage?: string;
     hintText?: string;
     disabled?: boolean;
+    errorId?: string;
+    hintId?: string;
     tokens?: InputFooterTokens;
+    hintTextId?: string;
+    errorMessageId?: string;
 };
-declare const InputFooter: ({ error, errorMessage, hintText, disabled, tokens, }: InputFooterProps) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+declare const InputFooter: ({ error, errorMessage, hintText, disabled, errorId, hintId, tokens, hintTextId, errorMessageId, }: InputFooterProps) => "" | import("react/jsx-runtime").JSX.Element | undefined;
 export default InputFooter;

package/dist/components/Inputs/utils/InputLabels/InputLabels.d.ts

@@ -32,8 +32,10 @@ type InputLabelsProps<TTokens extends InputLabelTokens = InputLabelTokens> = {
     disabled?: boolean;
     helpIconHintText?: string;
     name?: string;
+    inputId?: string;
     required?: boolean;
     tokens?: Partial<TTokens>;
+    labelId?: string;
 };
 /**
  * @description InputLabels is a component that displays a label and sublabel for an input field.
@@ -41,7 +43,8 @@ type InputLabelsProps<TTokens extends InputLabelTokens = InputLabelTokens> = {
  * @param {string} sublabel - The sublabel for the input field.
  * @param {boolean} disabled - Whether the input field is disabled.
  * @param {string} helpIconHintText - The hint text for the help icon.
+ * @param {string} inputId - Unique ID for proper label association (WCAG 3.3.2).
  * @param {boolean} required - Whether the input field is required.
  */
-declare const InputLabels: <TTokens extends InputLabelTokens>({ label, sublabel, disabled, helpIconHintText, name, required, tokens, }: InputLabelsProps<TTokens>) => "" | import("react/jsx-runtime").JSX.Element | undefined;
+declare const InputLabels: <TTokens extends InputLabelTokens>({ label, sublabel, disabled, helpIconHintText, name, inputId, required, tokens, labelId, }: InputLabelsProps<TTokens>) => "" | import("react/jsx-runtime").JSX.Element | undefined;
 export default InputLabels;

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

@@ -1,3 +1,4 @@
+import { default as React } from 'react';
 import { KeyValuePairPropTypes } from './types';
-declare const KeyValuePair: import('react').ForwardRefExoticComponent<KeyValuePairPropTypes & import('react').RefAttributes<HTMLDivElement>>;
+declare const KeyValuePair: React.ForwardRefExoticComponent<KeyValuePairPropTypes & React.RefAttributes<HTMLDivElement>>;
 export default KeyValuePair;

package/dist/components/KeyValuePair/accessibility/KeyValuePairAccessibility.d.ts

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

package/dist/components/KeyValuePair/accessibility/KeyValuePairAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { keyValuePairAccessibilityReport } from './KeyValuePairAccessibilityReport';
+export { default as KeyValuePairAccessibility } from './KeyValuePairAccessibility';

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

@@ -0,0 +1,7 @@
+import { MenuTokensType } from './menu.tokens';
+import { MenuSkeletonProps } from './types';
+declare const MenuSkeleton: ({ menuTokens, skeleton, }: {
+    menuTokens: MenuTokensType;
+    skeleton: MenuSkeletonProps;
+}) => import("react/jsx-runtime").JSX.Element;
+export default MenuSkeleton;