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

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

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

@@ -6,6 +6,7 @@ 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;

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';

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

@@ -20,10 +20,14 @@ export type TabItem = {
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
 };
 export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     variant?: TabsVariant;
     size?: TabsSize;
+    expanded?: boolean;
+    fitContent?: boolean;
     items?: TabItem[];
     onTabClose?: (value: string) => void;
     onTabAdd?: () => void;
@@ -42,6 +46,7 @@ export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>
     expanded?: boolean;
     fitContent?: boolean;
     items?: TabItem[];
+    originalItems?: TabItem[];
     onTabClose?: (value: string) => void;
     onTabAdd?: () => void;
     showDropdown?: boolean;

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

@@ -35,8 +35,10 @@ export declare const prepareDropdownItems: (tabs: TabItem[], originalItems?: Tab
     }[];
 }[];
 /**
- * Returns tabs for display, limited by maxDisplayTabs if provided.
- * When limited, shows tabs centered around the active tab to ensure it's always visible.
+ * Returns tabs for display based on isDefault flag and maxDisplayTabs limit.
+ * - Default tabs (isDefault: true) are shown in the list
+ * - Non-default tabs are shown in dropdown
+ * - If maxDisplayTabs is set and there are more default tabs, only maxDisplayTabs are shown in list
  */
 export declare const getDisplayTabs: (tabs: TabItem[], maxDisplayTabs?: number, activeTab?: string) => TabItem[];
 /**

package/dist/components/Tags/accessibility/TagAccessibility.d.ts

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

package/dist/components/Tags/accessibility/TagAccessibilityReport.d.ts

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

package/dist/components/Tags/tag.tokens.d.ts

@@ -2,7 +2,7 @@ import { CSSObject } from 'styled-components';
 import { TagColor, TagShape, TagSize, TagVariant } from './types';
 import { BreakpointType } from '../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../tokens/theme.token';
-import { Theme } from '../../context/ThemeProvider';
+import { Theme } from '../../context/theme.enum';
 /**
  * Tag Tokens following the pattern: [target].CSSProp.[size].[variant].[subType]
  *

package/dist/components/Text/Text.d.ts

@@ -1,12 +1,12 @@
 import { default as React, JSX } from 'react';
 import { PrimitiveTextProps } from '../Primitives/PrimitiveText/PrimitiveText';
 export type SemanticTagType = keyof Pick<JSX.IntrinsicElements, 'p' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'span' | 'code' | 'q' | 'small' | 'label'>;
-export type TextProps = PrimitiveTextProps & {
+export type TextProps = PrimitiveTextProps & Omit<React.HTMLAttributes<HTMLElement>, 'color'> & {
     children: React.ReactNode;
     variant?: VariantType;
     as?: SemanticTagType;
     style?: React.CSSProperties;
 };
 export type VariantType = 'body.xs' | 'body.sm' | 'body.md' | 'body.lg' | 'display.sm' | 'display.md' | 'display.lg' | 'display.xl' | 'heading.sm' | 'heading.md' | 'heading.lg' | 'heading.xl' | 'heading.2xl' | 'code.sm' | 'code.md' | 'code.lg';
-declare const Text: ({ children, variant, as, color, fontWeight, fontSize, truncate, style, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
+declare const Text: ({ id, role, children, variant, as, color, fontWeight, fontSize, truncate, style, ...rest }: TextProps) => import("react/jsx-runtime").JSX.Element;
 export default Text;

package/dist/components/Tooltip/accessibility/TooltipAccessibility.d.ts

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

package/dist/components/Tooltip/accessibility/TooltipAccessibilityReport.d.ts

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

package/dist/components/shared/accessibility/AccessibilityDashboard.d.ts

@@ -0,0 +1,11 @@
+export type ComponentAccessibilitySection = {
+    name: string;
+    displayName: string;
+    component: React.ComponentType<Record<string, never>>;
+};
+export type AccessibilityDashboardProps = {
+    className?: string;
+    defaultComponent?: string;
+};
+declare const AccessibilityDashboard: import('react').ForwardRefExoticComponent<AccessibilityDashboardProps & import('react').RefAttributes<HTMLDivElement>>;
+export default AccessibilityDashboard;

package/dist/components/shared/accessibility/LightHouse-components/ButtonLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ButtonLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ButtonLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/DropdownInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const DropdownInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default DropdownInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/ModalLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const ModalLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default ModalLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/MultiValueInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const MultiValueInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default MultiValueInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/NumberInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const NumberInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default NumberInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/OTPInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const OTPInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default OTPInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/PopoverLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const PopoverLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default PopoverLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/SearchInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const SearchInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default SearchInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/TagLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const TagLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default TagLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/TextAreaLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const TextAreaLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default TextAreaLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/TextInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const TextInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default TextInputLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/TooltipLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const TooltipLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default TooltipLightHouse;

package/dist/components/shared/accessibility/LightHouse-components/UnitInputLightHouse.d.ts

@@ -0,0 +1,2 @@
+declare const UnitInputLightHouse: () => import("react/jsx-runtime").JSX.Element;
+export default UnitInputLightHouse;

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

@@ -0,0 +1,8 @@
+export { default as AccessibilityDashboard } from './AccessibilityDashboard';
+export type { AccessibilityDashboardProps } from './AccessibilityDashboard';
+export { generateAccessibilityReport, downloadReport, getMimeType, getFileExtension, } from './reportGenerator';
+export type { ReportFormat } from './reportGenerator';
+export { parseTestFile, getTestCoverageSummary } from './testResultsParser';
+export type { TestCoverageInfo } from './testResultsParser';
+export { parseStorybookFile, getStorybookSummary } from './storybookParser';
+export type { StorybookAccessibilityInfo } from './storybookParser';

package/dist/components/shared/accessibility/reportGenerator.d.ts

@@ -0,0 +1,24 @@
+import { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';
+export type ReportFormat = 'json' | 'markdown' | 'html' | 'pdf';
+type ReportGenerationOptions = {
+    format: ReportFormat;
+    includeTestResults?: boolean;
+    includeRecommendations?: boolean;
+};
+/**
+ * Generate accessibility report in specified format
+ */
+export declare function generateAccessibilityReport(report: AccessibilityReport, options?: ReportGenerationOptions): string;
+/**
+ * Download report as file
+ */
+export declare function downloadReport(content: string, filename: string, mimeType: string): void;
+/**
+ * Get MIME type for report format
+ */
+export declare function getMimeType(format: ReportFormat): string;
+/**
+ * Get file extension for report format
+ */
+export declare function getFileExtension(format: ReportFormat): string;
+export {};

package/dist/components/shared/accessibility/storybookParser.d.ts

@@ -0,0 +1,25 @@
+/**
+ * Storybook Parser
+ * Parses Storybook files to extract accessibility information
+ */
+export interface StorybookAccessibilityInfo {
+    totalStories: number;
+    accessibilityStories: string[];
+    a11yConfig: {
+        rules: string[];
+        enabled: boolean;
+    };
+    wcagVersion?: string;
+    accessibilityNotes?: string;
+}
+/**
+ * Parse Storybook file to extract accessibility information
+ */
+export declare function parseStorybookFile(storybookFileContent: string): StorybookAccessibilityInfo;
+/**
+ * Get Storybook accessibility summary
+ */
+export declare function getStorybookSummary(storybookInfo: StorybookAccessibilityInfo): {
+    summary: string;
+    details: string[];
+};

package/dist/components/shared/accessibility/testResultsParser.d.ts

@@ -0,0 +1,22 @@
+/**
+ * Test Results Parser
+ * Parses accessibility test files to extract test coverage information
+ */
+export interface TestCoverageInfo {
+    totalTests: number;
+    testCategories: string[];
+    testDescriptions: string[];
+    wcagCriteriaTested: string[];
+}
+/**
+ * Parse test file to extract coverage information
+ * This is a simplified parser - in a real implementation, you might use AST parsing
+ */
+export declare function parseTestFile(testFileContent: string): TestCoverageInfo;
+/**
+ * Get test coverage summary for display
+ */
+export declare function getTestCoverageSummary(testInfo: TestCoverageInfo): {
+    summary: string;
+    details: string[];
+};

package/dist/context/ThemeContext.d.ts

@@ -42,8 +42,7 @@ import { ResponsiveSkeletonTokens } from '../components/Skeleton/skeleton.tokens
 import { BREAKPOINTS } from '../breakpoints/breakPoints';
 import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarMobile/mobile.tokens';
 import { ResponsiveStepperTokens } from '../components/Stepper/stepper.tokens';
-import { ResponsiveWorkflowTokens } from '../components/WorkflowCanvas/workflow.tokens';
-import { Theme } from './ThemeProvider';
+import { Theme } from './theme.enum';
 export type ComponentTokenType = {
     TAGS?: ResponsiveTagTokens;
     SEARCH_INPUT?: ResponsiveSearchInputTokens;
@@ -87,7 +86,6 @@ export type ComponentTokenType = {
     MOBILE_NAVIGATION?: ResponsiveMobileNavigationTokens;
     UPLOAD?: ResponsiveUploadTokens;
     CODE_BLOCK?: ResponsiveCodeBlockTokens;
-    WORKFLOW_CANVAS?: ResponsiveWorkflowTokens;
 };
 type ThemeContextType = {
     foundationTokens: ThemeType;

package/dist/context/ThemeProvider.d.ts

@@ -1,10 +1,7 @@
 import { BreakpointType } from '../breakpoints/breakPoints';
 import { ThemeType } from '../tokens';
 import { ComponentTokenType } from './ThemeContext';
-export declare enum Theme {
-    LIGHT = "light",
-    DARK = "dark"
-}
+import { Theme } from './theme.enum';
 type ThemeProviderProps = {
     foundationTokens?: ThemeType;
     componentTokens?: ComponentTokenType;

package/dist/context/index.d.ts

@@ -1,4 +1,5 @@
-export { default as ThemeProvider, Theme } from './ThemeProvider';
+export { default as ThemeProvider } from './ThemeProvider';
+export { Theme } from './theme.enum';
 export { useTheme } from './ThemeContext';
 export type { ComponentTokenType } from './ThemeContext';
 export type { ThemeType } from '../tokens';

package/dist/context/initComponentTokens.d.ts

@@ -1,5 +1,5 @@
 import { ThemeType } from '../tokens';
 import { ComponentTokenType } from './ThemeContext';
-import { Theme } from './ThemeProvider';
+import { Theme } from './theme.enum';
 declare const initTokens: (componentTokens: ComponentTokenType, foundationTokens: ThemeType, theme?: Theme | string) => Required<ComponentTokenType>;
 export default initTokens;

package/dist/context/theme.enum.d.ts

@@ -0,0 +1,4 @@
+export declare enum Theme {
+    LIGHT = "light",
+    DARK = "dark"
+}