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

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

@@ -20,10 +20,15 @@ export type TabItem = {
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
+    leftSlot?: ReactNode;
+    rightSlot?: ReactNode;
+    newItem?: boolean;
 };
 export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     variant?: TabsVariant;
     size?: TabsSize;
+    expanded?: boolean;
+    fitContent?: boolean;
     items?: TabItem[];
     onTabClose?: (value: string) => void;
     onTabAdd?: () => void;
@@ -31,7 +36,6 @@ export type TabsProps = ComponentPropsWithoutRef<typeof TabsPrimitive.Root> & {
     showAddButton?: boolean;
     dropdownTooltip?: string;
     addButtonTooltip?: string;
-    maxDisplayTabs?: number;
     disable?: boolean;
     showSkeleton?: boolean;
     skeletonVariant?: SkeletonVariant;
@@ -42,13 +46,13 @@ export type TabsListProps = ComponentPropsWithoutRef<typeof TabsPrimitive.List>
     expanded?: boolean;
     fitContent?: boolean;
     items?: TabItem[];
+    originalItems?: 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/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/Tooltip.d.ts

@@ -1,3 +1,3 @@
 import { TooltipProps } from './types';
-export declare const Tooltip: ({ children: trigger, content, side, align, showArrow, size, slot, slotDirection, delayDuration, offset, open, maxWidth, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Tooltip: ({ children: trigger, content, side, align, showArrow, size, slot, slotDirection, delayDuration, offset, open, maxWidth, fullWidth, }: TooltipProps) => import("react/jsx-runtime").JSX.Element;
 export default Tooltip;

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

@@ -31,4 +31,5 @@ export type TooltipProps = {
     delayDuration?: number;
     offset?: number;
     maxWidth?: string;
+    fullWidth?: boolean;
 };

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

@@ -31,4 +31,6 @@ export type TopbarProps = {
     onBackClick?: () => void;
     leftPanel?: LeftPanelInfo;
     merchantInfo?: MerchantInfo;
+    /** ARIA controls ID for the sidebar navigation */
+    ariaControls?: string;
 };

package/dist/components/Upload/accessibility/UploadAccessibility.d.ts

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

package/dist/components/Upload/accessibility/UploadAccessibilityReport.d.ts

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

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

@@ -0,0 +1,3 @@
+export { uploadAccessibilityReport } from './UploadAccessibilityReport';
+export { default as UploadAccessibility } from './UploadAccessibility';
+export type { AccessibilityReport } from '../../Button/accessibility/ButtonAccessibilityReport';

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

@@ -25,6 +25,15 @@ export type UploadedFileWithStatus = {
     status: 'success' | 'error';
     error?: string;
 };
+/**
+ * Form value type for Upload component
+ * - Single file: File | null
+ * - Multiple files: File[]
+ * Users can extract filenames and filemimes from File objects:
+ * - filenames: files.map(f => f.name)
+ * - filemimes: files.map(f => f.type)
+ */
+export type UploadFormValue = File | File[] | null;
 export type UploadProps = {
     multiple?: boolean;
     accept?: string[];
@@ -44,6 +53,8 @@ export type UploadProps = {
     uploadedFiles?: UploadedFileWithStatus[];
     failedFiles?: UploadedFileWithStatus[];
     enforceFileTypeConsistency?: boolean;
+    value?: UploadFormValue;
+    onChange?: (value: UploadFormValue) => void;
     onDrop?: (acceptedFiles: File[], fileRejections: FileRejection[]) => void;
     onDropAccepted?: (files: File[]) => void;
     onDropRejected?: (fileRejections: FileRejection[]) => void;
@@ -53,4 +64,4 @@ export type UploadProps = {
     isDragAccept?: boolean;
     isDragReject?: boolean;
     validator?: (file: File) => FileRejection['errors'][0] | null;
-} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onDrop' | 'onDragOver' | 'onDragLeave'>;
+} & Omit<React.HTMLAttributes<HTMLDivElement>, 'onDrop' | 'onDragOver' | 'onDragLeave' | 'onChange'>;

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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/LightHouse-components/UploadLightHouse.d.ts

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

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"
+}

package/dist/context/useComponentToken.d.ts

@@ -39,7 +39,6 @@ import { ResponsiveStatCardTokens } from '../components/StatCard/statcard.tokens
 import { ResponsiveSidebarTokens } from '../components/Sidebar/sidebar.tokens';
 import { ResponsiveUploadTokens } from '../components/Upload/upload.tokens';
 import { ResponsiveCodeBlockTokens } from '../components/CodeBlock/codeBlock.token';
-import { ResponsiveWorkflowTokens } from '../components/WorkflowCanvas/workflow.tokens';
 import { ResponsiveMobileNavigationTokens } from '../components/Sidebar/SidebarMobile/mobile.tokens';
 import { ResponsiveDirectoryTokens } from '../components/Directory/directory.tokens';
-export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveButtonTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveWorkflowTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens;
+export declare const useComponentToken: (component: keyof ComponentTokenType) => ResponsiveSearchInputTokens | ResponsiveTagTokens | ResponsiveTextAreaTokens | ResponsiveTextInputTokens | ResponsiveNumberInputTokens | ResponsiveAlertTokens | ResponsiveRadioTokens | ResponsiveOTPInputTokens | ResponsiveUnitInputTokens | ResponsiveMultiValueInputTokens | ResponsiveSwitchTokens | ResponsiveCheckboxTokens | ResponsiveTabsTokens | ResponsiveTooltipTokens | ResponsiveDropdownInputTokens | ResponsiveButtonTokens | ResponsiveModalTokens | ResponsiveBreadcrumbTokens | ResponsivePopoverTokens | ResponsiveMenuTokensType | ResponsiveMultiSelectTokens | ResponsiveSingleSelectTokens | ResponsiveTableTokens | ResponsiveCalendarTokens | ResponsiveAccordionTokens | ResponsiveStatCardTokens | ResponsiveProgressBarTokens | ResponsiveDrawerTokens | ResponsiveChartTokens | ResponsiveSnackbarTokens | ResponsiveStepperTokens | ResponsiveKeyValuePairTokens | ResponsiveCardTokens | ResponsiveSkeletonTokens | ResponsiveTopbarTokens | ResponsiveAvatarTokens | ResponsiveAvatarGroupTokens | ResponsiveSidebarTokens | ResponsiveUploadTokens | ResponsiveCodeBlockTokens | ResponsiveMobileNavigationTokens | ResponsiveDirectoryTokens;

package/dist/global-utils/GlobalUtils.d.ts

@@ -1,3 +1,4 @@
+import { ReactNode } from 'react';
 export declare const toPixels: (value: string | number | undefined) => number;
 export declare const capitalizeFirstLetter: (string: string) => string;
 export declare const getTruncatedText: (text: string, limit?: number) => {
@@ -5,3 +6,4 @@ export declare const getTruncatedText: (text: string, limit?: number) => {
     fullValue: string;
     isTruncated: boolean;
 };
+export declare const formatTextWithLineBreaks: (content: ReactNode | string) => ReactNode;

package/dist/main.d.ts

@@ -35,7 +35,6 @@ export * from './components/Skeleton';
 export * from './components/KeyValuePair';
 export * from './components/VirtualList';
 export * from './components/Upload';
-export * from './components/WorkflowCanvas';
 export * from './components/ChatInput';
 export * from './components/CodeBlock';
 export * from './components/CodeEditor';