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

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/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/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/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,6 +148,7 @@ export type ChartsProps = {
     isExpanded?: boolean;
     onExpandedChange?: (isExpanded: boolean) => void;
     chartName?: string;
+    skeleton?: ChartsSkeletonProps;
 };
 export type FlattenedDataPoint = {
     name: 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;

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/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/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, ...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;