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

package/dist/components/SingleSelect/accessibility/SingleSelectAccessibilityReport.d.ts

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

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

@@ -0,0 +1,2 @@
+export { default as SingleSelectAccessibility } from './SingleSelectAccessibility';
+export { singleSelectAccessibilityReport } from './SingleSelectAccessibilityReport';

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

@@ -25,6 +25,11 @@ export type SelectMenuGroupType = {
     items: SelectMenuItemType[];
     showSeparator?: boolean;
 };
+export type SingleSelectSkeletonProps = {
+    count?: number;
+    show?: boolean;
+    variant?: SkeletonVariant;
+};
 export type SelectMenuProps = {
     trigger?: React.ReactNode;
     items: SelectMenuGroupType[];
@@ -103,11 +108,7 @@ export type SingleSelectProps = {
     endReachedThreshold?: number;
     hasMore?: boolean;
     loadingComponent?: React.ReactNode;
-    skeleton?: {
-        count?: number;
-        show?: boolean;
-        variant?: SkeletonVariant;
-    };
+    skeleton?: SingleSelectSkeletonProps;
     maxTriggerWidth?: number;
     minTriggerWidth?: number;
     allowCustomValue?: boolean;

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

@@ -0,0 +1,80 @@
+/**
+ * Utility functions for SingleSelect component accessibility
+ * WCAG 4.1.2 (Name, Role, Value), 3.3.2 (Labels or Instructions), 4.1.3 (Status Messages)
+ */
+export type AriaAttributes = {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    'aria-invalid'?: boolean;
+    [key: string]: unknown;
+};
+export type ExtractedAriaProps = {
+    'aria-describedby'?: string;
+    'aria-label'?: string;
+    'aria-labelledby'?: string;
+    restProps: Record<string, unknown>;
+};
+export type AccessibilitySetupOptions = {
+    name?: string;
+    generatedId: string;
+    label?: string;
+    hintText?: string;
+    error?: boolean;
+    errorMessage?: string;
+    rest?: Record<string, unknown>;
+    prefix?: string;
+    needsMenuId?: boolean;
+};
+export type AccessibilitySetupResult = {
+    uniqueName: string;
+    labelId?: string;
+    hintTextId?: string;
+    errorMessageId?: string;
+    menuId?: string;
+    ariaAttributes: AriaAttributes;
+};
+/**
+ * Generates unique IDs for accessibility attributes
+ * WCAG 4.1.2 (Name, Role, Value)
+ */
+export declare const generateAccessibilityIds: (uniqueName: string, options: {
+    hasLabel?: boolean;
+    hasHintText?: boolean;
+    hasErrorMessage?: boolean;
+    needsMenuId?: boolean;
+}) => {
+    labelId?: string;
+    hintTextId?: string;
+    errorMessageId?: string;
+    menuId?: string;
+};
+/**
+ * Extracts ARIA attributes from rest props
+ * WCAG 4.1.2 (Name, Role, Value)
+ */
+export declare const extractAriaProps: (rest: Record<string, unknown> | undefined) => ExtractedAriaProps;
+/**
+ * Merges aria-describedby IDs from multiple sources
+ * WCAG 3.3.2 (Labels or Instructions) & 4.1.3 (Status Messages)
+ */
+export declare const mergeAriaDescribedBy: (...ids: (string | undefined)[]) => string | undefined;
+/**
+ * Builds ARIA attributes object for SingleSelect components
+ * Note: Radix UI handles aria-expanded and aria-controls automatically
+ * We only add form-specific attributes: aria-labelledby, aria-describedby, aria-invalid
+ * WCAG 4.1.2 (Name, Role, Value)
+ */
+export declare const buildAriaAttributes: (options: {
+    error?: boolean;
+    ariaLabelledBy?: string;
+    ariaDescribedBy?: string;
+    ariaLabel?: string;
+    restProps?: Record<string, unknown>;
+}) => AriaAttributes;
+/**
+ * Complete accessibility setup for SingleSelect components
+ * Handles ID generation, ARIA attribute extraction, and attribute building
+ * WCAG 4.1.2 (Name, Role, Value), 3.3.2 (Labels or Instructions), 4.1.3 (Status Messages)
+ */
+export declare const setupAccessibility: (options: AccessibilitySetupOptions) => AccessibilitySetupResult;

package/dist/components/Skeleton/Skeleton.d.ts

@@ -3,6 +3,10 @@ declare const Skeleton: import('react').ForwardRefExoticComponent<import('./type
     animate?: boolean;
     width?: string | number;
     height?: string | number;
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
     shape?: import('./skeleton.tokens').SkeletonShape;
 } & import('react').RefAttributes<HTMLDivElement>>;
 export default Skeleton;

package/dist/components/Skeleton/SkeletonCompound.d.ts

@@ -16,6 +16,10 @@ declare const SkeletonCompound: import('react').ForwardRefExoticComponent<import
     animate?: boolean;
     width?: string | number;
     height?: string | number;
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
     shape?: import('./skeleton.tokens').SkeletonShape;
 } & import('react').RefAttributes<HTMLDivElement>> & {
     /**
@@ -40,6 +44,10 @@ declare const SkeletonCompound: import('react').ForwardRefExoticComponent<import
         animate?: boolean;
         width?: string | number;
         height?: string | number;
+        maxHeight?: string | number;
+        minHeight?: string | number;
+        maxWidth?: string | number;
+        minWidth?: string | number;
         shape?: import('./skeleton.tokens').SkeletonShape;
     } & import('react').RefAttributes<HTMLDivElement>>;
     Circle: import('react').ForwardRefExoticComponent<Omit<SkeletonProps, "shape"> & import('react').RefAttributes<HTMLDivElement>>;

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

@@ -12,6 +12,10 @@ export type SkeletonProps = BaseSkeletonProps & Omit<BlockProps, 'children'> & {
     animate?: boolean;
     width?: string | number;
     height?: string | number;
+    maxHeight?: string | number;
+    minHeight?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
     shape?: SkeletonShape;
 };
 export type SkeletonAvatarProps = BaseSkeletonProps & Omit<BlockProps, 'children'> & {

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

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

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

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

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

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

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

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

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

@@ -1,9 +1,6 @@
 import { default as React } from 'react';
-import { AddToastOptions, CustomToastProps, SnackbarPosition } from './types';
+import { AddToastOptions, CustomToastProps, SnackbarProps } from './types';
 export declare const StyledToast: React.FC<CustomToastProps>;
 export declare const addSnackbar: ({ header, description, variant, onClose, actionButton, duration, position, }: AddToastOptions) => string | number;
-type SnackbarProps = {
-    position?: SnackbarPosition;
-};
 declare const Snackbar: React.FC<SnackbarProps>;
 export default Snackbar;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { snackbarAccessibilityReport } from './SnackbarAccessibilityReport';
+export { default as SnackbarAccessibility } from './SnackbarAccessibility';

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

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

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

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

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

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

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

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

package/dist/components/StatCard/StatCardSkeleton.d.ts

@@ -0,0 +1,7 @@
+import { StatCardSkeletonProps } from './types';
+declare const StatCardSkeleton: ({ skeleton, maxWidth, minWidth, }: {
+    skeleton: StatCardSkeletonProps;
+    maxWidth: string | number;
+    minWidth: string | number;
+}) => import("react/jsx-runtime").JSX.Element;
+export default StatCardSkeleton;

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

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

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

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

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

@@ -5,8 +5,9 @@ import { SkeletonVariant } from '../Skeleton';
 export type StatCardSkeletonProps = {
     variant: SkeletonVariant;
     show: boolean;
-    height?: string;
-    width?: string;
+    height?: string | number;
+    maxWidth?: string | number;
+    minWidth?: string | number;
 };
 export declare enum StatCardVariant {
     LINE = "line",

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

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

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

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

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

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

package/dist/components/Switch/StyledSwitch.d.ts

@@ -1,11 +1,14 @@
 import { SwitchSize } from './types';
+import { SwitchTokensType } from './switch.token';
 export declare const StyledSwitchRoot: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').ButtonHTMLAttributes<HTMLButtonElement>, HTMLButtonElement>, {
     size: SwitchSize;
     $isDisabled: boolean;
     $isChecked: boolean;
     $error?: boolean;
+    $tokens: SwitchTokensType;
 }>> & string;
 export declare const StyledSwitchThumb: import('styled-components/dist/types').IStyledComponentBase<"web", import('styled-components/dist/types').Substitute<import('react').DetailedHTMLProps<import('react').HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
     size: SwitchSize;
     $isChecked: boolean;
+    $tokens: SwitchTokensType;
 }>> & string;

package/dist/components/Switch/Switch.d.ts

@@ -1,5 +1,4 @@
+import { default as React } from 'react';
 import { SwitchProps } from './types';
-export declare const Switch: {
-    ({ id, checked, defaultChecked, onChange, disabled, required, error, size, label, subtext, slot, name, value, maxLength, ...rest }: SwitchProps): import("react/jsx-runtime").JSX.Element;
-    displayName: string;
-};
+export declare const Switch: React.ForwardRefExoticComponent<SwitchProps & React.RefAttributes<HTMLButtonElement>>;
+export default Switch;

package/dist/components/Switch/accessibility/SwitchAccessibility.d.ts

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

package/dist/components/Switch/accessibility/SwitchAccessibilityReport.d.ts

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

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

@@ -0,0 +1,3 @@
+export { default as SwitchAccessibility } from './SwitchAccessibility';
+export { switchAccessibilityReport } from './SwitchAccessibilityReport';
+export type { AccessibilityReport, WCAGSuccessCriterion, } from './SwitchAccessibilityReport';

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

@@ -55,3 +55,13 @@ export declare const isSwitchElement: (child: React.ReactElement, SwitchComponen
  * Creates a group change handler for switch groups
  */
 export declare const createSwitchGroupChangeHandler: (values: string[], isControlled: boolean, setInternalValues?: React.Dispatch<React.SetStateAction<string[]>>, onChange?: (values: string[]) => void) => (checked: boolean, childValue: string) => void;
+/**
+ * Gets the subtext ID for aria-describedby connection
+ * WCAG 3.3.2 (Labels or Instructions) & 4.1.2 (Name, Role, Value)
+ */
+export declare const getSubtextId: (uniqueId: string, hasSubtext: boolean) => string | undefined;
+/**
+ * Merges aria-describedby values, combining custom and subtext IDs
+ * WCAG 4.1.2 (Name, Role, Value)
+ */
+export declare const mergeAriaDescribedBy: (subtextId: string | undefined, customAriaDescribedBy: string | undefined) => string | undefined;

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

@@ -2,6 +2,8 @@ import * as React from 'react';
 declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsProps & React.RefAttributes<HTMLDivElement>, "ref"> & {
     variant?: import('./types').TabsVariant;
     size?: import('./types').TabsSize;
+    expanded?: boolean;
+    fitContent?: boolean;
     items?: import('./types').TabItem[];
     onTabClose?: (value: string) => void;
     onTabAdd?: () => void;
@@ -9,7 +11,6 @@ declare const Tabs: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: import('../Skeleton').SkeletonVariant;

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

@@ -6,13 +6,13 @@ declare const TabsList: React.ForwardRefExoticComponent<Omit<import('@radix-ui/r
     expanded?: boolean;
     fitContent?: boolean;
     items?: import('./types').TabItem[];
+    originalItems?: import('./types').TabItem[];
     onTabClose?: (value: string) => void;
     onTabAdd?: () => void;
     showDropdown?: boolean;
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     onTabChange?: (value: string) => void;
     activeTab?: string;
     disable?: boolean;

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

@@ -1,10 +1,11 @@
+import { default as React } from 'react';
 import { TabsVariant, TabsSize } from './types';
-declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsTriggerProps & import('react').RefAttributes<HTMLButtonElement>, "ref"> & {
+declare const TabsTrigger: React.ForwardRefExoticComponent<Omit<import('@radix-ui/react-tabs').TabsTriggerProps & React.RefAttributes<HTMLButtonElement>, "ref"> & {
     value: string;
     variant?: TabsVariant;
     size?: TabsSize;
-    leftSlot?: import('react').ReactNode;
-    rightSlot?: import('react').ReactNode;
+    leftSlot?: React.ReactNode;
+    rightSlot?: React.ReactNode;
     children: string | number;
     closable?: boolean;
     onClose?: () => void;
@@ -14,5 +15,5 @@ declare const TabsTrigger: import('react').ForwardRefExoticComponent<Omit<import
     tabsGroupId?: string;
     showSkeleton?: boolean;
     skeletonVariant?: import('../Skeleton').SkeletonVariant;
-} & import('react').RefAttributes<HTMLButtonElement>>;
+} & React.RefAttributes<HTMLButtonElement>>;
 export default TabsTrigger;

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

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

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

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

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

@@ -0,0 +1,2 @@
+export { tabsAccessibilityReport } from './TabsAccessibilityReport';
+export { default as TabsAccessibility } from './TabsAccessibility';