@juspay/blend-design-system 0.0.37-beta.4 → 0.0.37-beta.6

package/dist/components/CodeEditorV2/codeEditorV2.tokens.d.ts

@@ -1,94 +1,5 @@
-import { CSSObject } from 'styled-components';
-import { BreakpointType } from '../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../tokens/theme.token';
 import { Theme } from '../../context/theme.enum';
-import { CodeEditorV2DiffLineType } from './codeEditorV2.types';
-export type CodeEditorV2Tokens = {
-    backgroundColor: CSSObject['backgroundColor'];
-    border: CSSObject['border'];
-    borderRadius: CSSObject['borderRadius'];
-    boxShadow: CSSObject['boxShadow'];
-    theme: 'light' | 'dark';
-    header: {
-        backgroundColor: CSSObject['backgroundColor'];
-        borderBottom: CSSObject['borderBottom'];
-        paddingTop: CSSObject['paddingTop'];
-        paddingBottom: CSSObject['paddingBottom'];
-        paddingLeft: CSSObject['paddingLeft'];
-        paddingRight: CSSObject['paddingRight'];
-        gap: CSSObject['gap'];
-        icon: {
-            width: CSSObject['width'];
-        };
-        text: {
-            fontSize: CSSObject['fontSize'];
-            fontWeight: CSSObject['fontWeight'];
-            lineHeight: CSSObject['lineHeight'];
-            color: CSSObject['color'];
-        };
-    };
-    body: {
-        paddingTop: CSSObject['paddingTop'];
-        paddingBottom: CSSObject['paddingBottom'];
-        paddingLeft: CSSObject['paddingLeft'];
-        paddingRight: CSSObject['paddingRight'];
-        backgroundColor: CSSObject['backgroundColor'];
-        gutter: {
-            width: CSSObject['width'];
-            color: CSSObject['color'];
-            backgroundColor: {
-                [key in CodeEditorV2DiffLineType]: CSSObject['backgroundColor'];
-            };
-            borderLeft: {
-                [key in CodeEditorV2DiffLineType]: CSSObject['borderLeft'];
-            };
-            borderColor: {
-                [key in CodeEditorV2DiffLineType]: CSSObject['color'];
-            };
-        };
-        code: {
-            fontFamily: CSSObject['fontFamily'];
-            fontSize: CSSObject['fontSize'];
-            lineHeight: CSSObject['lineHeight'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            paddingRight: CSSObject['paddingRight'];
-        };
-        highlightedLine: {
-            backgroundColor: {
-                [key in CodeEditorV2DiffLineType]: CSSObject['backgroundColor'];
-            };
-        };
-        syntax: {
-            keyword: {
-                color: CSSObject['color'];
-            };
-            function: {
-                color: CSSObject['color'];
-            };
-            string: {
-                color: CSSObject['color'];
-            };
-            number: {
-                color: CSSObject['color'];
-            };
-            operator: {
-                color: CSSObject['color'];
-            };
-            variable: {
-                color: CSSObject['color'];
-            };
-            comment: {
-                color: CSSObject['color'];
-            };
-            text: {
-                color: CSSObject['color'];
-            };
-        };
-    };
-};
-export type ResponsiveCodeEditorV2Tokens = {
-    [key in keyof BreakpointType]: CodeEditorV2Tokens;
-};
+import { ResponsiveCodeEditorV2Tokens } from './codeEditorV2.tokens.types';
+export type { CodeEditorV2Tokens, ResponsiveCodeEditorV2Tokens, } from './codeEditorV2.tokens.types';
 export declare const getCodeEditorV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveCodeEditorV2Tokens;

package/dist/components/CodeEditorV2/codeEditorV2.tokens.types.d.ts

@@ -0,0 +1,95 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../breakpoints/breakPoints';
+export declare enum CodeEditorV2DiffLineType {
+    ADDED = "added",
+    REMOVED = "removed",
+    UNCHANGED = "unchanged"
+}
+export type CodeEditorV2Tokens = {
+    backgroundColor: CSSObject['backgroundColor'];
+    border: CSSObject['border'];
+    borderRadius: CSSObject['borderRadius'];
+    boxShadow: CSSObject['boxShadow'];
+    theme: 'light' | 'dark';
+    header: {
+        backgroundColor: CSSObject['backgroundColor'];
+        borderBottom: CSSObject['borderBottom'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        gap: CSSObject['gap'];
+        icon: {
+            width: CSSObject['width'];
+        };
+        text: {
+            fontSize: CSSObject['fontSize'];
+            fontWeight: CSSObject['fontWeight'];
+            lineHeight: CSSObject['lineHeight'];
+            color: CSSObject['color'];
+        };
+    };
+    body: {
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingRight: CSSObject['paddingRight'];
+        backgroundColor: CSSObject['backgroundColor'];
+        gutter: {
+            width: CSSObject['width'];
+            color: CSSObject['color'];
+            backgroundColor: {
+                [key in CodeEditorV2DiffLineType]: CSSObject['backgroundColor'];
+            };
+            borderLeft: {
+                [key in CodeEditorV2DiffLineType]: CSSObject['borderLeft'];
+            };
+            borderColor: {
+                [key in CodeEditorV2DiffLineType]: CSSObject['color'];
+            };
+        };
+        code: {
+            fontFamily: CSSObject['fontFamily'];
+            fontSize: CSSObject['fontSize'];
+            lineHeight: CSSObject['lineHeight'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            paddingRight: CSSObject['paddingRight'];
+        };
+        highlightedLine: {
+            backgroundColor: {
+                [key in CodeEditorV2DiffLineType]: CSSObject['backgroundColor'];
+            };
+        };
+        syntax: {
+            keyword: {
+                color: CSSObject['color'];
+            };
+            function: {
+                color: CSSObject['color'];
+            };
+            string: {
+                color: CSSObject['color'];
+            };
+            number: {
+                color: CSSObject['color'];
+            };
+            operator: {
+                color: CSSObject['color'];
+            };
+            variable: {
+                color: CSSObject['color'];
+            };
+            comment: {
+                color: CSSObject['color'];
+            };
+            text: {
+                color: CSSObject['color'];
+            };
+        };
+    };
+};
+export type ResponsiveCodeEditorV2Tokens = {
+    [key in keyof BreakpointType]: CodeEditorV2Tokens;
+};

package/dist/components/CodeEditorV2/codeEditorV2.types.d.ts

@@ -1,6 +1,7 @@
 import { ReactNode } from 'react';
-import { CodeEditorV2Tokens } from './codeEditorV2.tokens';
+import { CodeEditorV2Tokens, CodeEditorV2DiffLineType } from './codeEditorV2.tokens.types';
 import { CSSObject } from 'styled-components';
+export { CodeEditorV2DiffLineType } from './codeEditorV2.tokens.types';
 export declare enum CodeEditorV2Variant {
     DEFAULT = "default",
     NO_GUTTER = "no-gutter",
@@ -10,11 +11,6 @@ export declare enum MonacoTheme {
     LIGHT = "light",
     DARK = "dark"
 }
-export declare enum CodeEditorV2DiffLineType {
-    ADDED = "added",
-    REMOVED = "removed",
-    UNCHANGED = "unchanged"
-}
 export type CodeEditorV2DiffLine = {
     content: string;
     type: CodeEditorV2DiffLineType;

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

@@ -165,7 +165,7 @@ export type CustomPresetDefinition = {
 /**
  * Presets configuration - can be predefined presets, custom configs, or custom definitions
  */
-export type PresetsConfig = DateRangePreset[] | CustomPresetConfig[] | CustomPresetDefinition[] | (DateRangePreset | CustomPresetConfig | CustomPresetDefinition)[];
+export type PresetsConfig = (DateRangePreset | CustomPresetConfig | CustomPresetDefinition)[];
 /**
  * Function type for custom date disabling logic
  * @param date The date to check

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

@@ -62,6 +62,8 @@ export declare const parseDate: (dateString: string, format: string, hour: numbe
  * @returns True if the date is valid
  */
 export declare const isValidDate: (date: Date) => boolean;
+/** True when a controlled `value` has a usable start date (avoids `.getTime()` on undefined). */
+export declare const isControlledDateRange: (value?: DateRange | null) => value is DateRange;
 /**
  * Formats time in 12-hour format
  * @param date The date to format

package/dist/components/Directory/Directory.d.ts

@@ -1,6 +1,6 @@
 import { DirectoryProps } from './types';
 declare const Directory: {
-    ({ directoryData, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
+    ({ directoryData: directoryDataProp, idPrefix, activeItem, onActiveItemChange, defaultActiveItem, iconOnlyMode, }: DirectoryProps): import("react/jsx-runtime").JSX.Element;
     displayName: string;
 };
 export default Directory;

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

@@ -1,6 +1,6 @@
 import { ReactNode } from 'react';
 export type DirectoryProps = {
-    directoryData: DirectoryData[];
+    directoryData: DirectoryData[] | null;
     idPrefix?: string;
     activeItem?: string | null;
     onActiveItemChange?: (item: string | null) => void;

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

@@ -1,3 +1,5 @@
+import { DirectoryData } from './types';
+export declare const normalizeDirectoryData: (directoryData: DirectoryData[] | null) => DirectoryData[];
 export declare const handleSectionNavigation: (direction: "up" | "down", currentIndex: number, totalItems: number, selector?: string, childSelector?: string) => number;
 export declare const handleKeyDown: (e: React.KeyboardEvent, options: {
     hasChildren?: boolean;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.dark.tokens.d.ts

@@ -1,4 +1,4 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveChatInputV2TokensType } from './ChatInputV2.tokens';
+import { ResponsiveChatInputV2TokensType } from './ChatInputV2.tokens.types';
 /** Dark theme: surfaces and borders aligned with TextInputV2 dark (gray[900] field, gray[700–800] chrome). */
 export declare const getChatInputV2DarkTokens: (foundationToken: FoundationTokenType) => ResponsiveChatInputV2TokensType;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ResponsiveChatInputV2TokensType } from './ChatInputV2.tokens';
+import { ResponsiveChatInputV2TokensType } from './ChatInputV2.tokens.types';
 export declare const getChatInputV2LightTokens: (foundationToken: FoundationTokenType) => ResponsiveChatInputV2TokensType;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.tokens.d.ts

@@ -1,125 +1,6 @@
-import { CSSObject } from 'styled-components';
-import { BreakpointType } from '../../../breakpoints/breakPoints';
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { InputStateV2 } from '../inputV2.types';
 import { Theme } from '../../../context/theme.enum';
-export type ChatInputV2TokensType = {
-    container: {
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-        borderRadius: CSSObject['borderRadius'];
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        gap: CSSObject['gap'];
-        paddingTop: CSSObject['paddingTop'];
-        paddingRight: CSSObject['paddingRight'];
-        paddingBottom: CSSObject['paddingBottom'];
-        paddingLeft: CSSObject['paddingLeft'];
-        attachedFilesContainer: {
-            gap: CSSObject['gap'];
-            overflowMenu: {
-                gap: CSSObject['gap'];
-                backgroundColor: {
-                    [key in InputStateV2]: CSSObject['backgroundColor'];
-                };
-                borderRadius: CSSObject['borderRadius'];
-                padding: CSSObject['padding'];
-                top: CSSObject['top'];
-                right: CSSObject['right'];
-                maxHeight: CSSObject['maxHeight'];
-            };
-        };
-        tagContainer: {
-            gap: CSSObject['gap'];
-            borderRadius: CSSObject['borderRadius'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            border: CSSObject['border'];
-            backgroundColor: CSSObject['backgroundColor'];
-            text: {
-                color: CSSObject['color'];
-                fontSize: CSSObject['fontSize'];
-                fontWeight: CSSObject['fontWeight'];
-            };
-        };
-        inputContainer: {
-            outline: {
-                [key in InputStateV2]: CSSObject['outline'];
-            };
-            boxShadow: {
-                [key in InputStateV2]: CSSObject['boxShadow'];
-            };
-            gap: CSSObject['gap'];
-            borderRadius: CSSObject['borderRadius'];
-            paddingTop: CSSObject['paddingTop'];
-            paddingRight: CSSObject['paddingRight'];
-            paddingBottom: CSSObject['paddingBottom'];
-            paddingLeft: CSSObject['paddingLeft'];
-            border: CSSObject['border'];
-            backgroundColor: CSSObject['backgroundColor'];
-            input: {
-                color: CSSObject['color'];
-                placeholder: CSSObject['color'];
-                paddingTop: CSSObject['paddingTop'];
-                paddingRight: CSSObject['paddingRight'];
-                paddingLeft: CSSObject['paddingLeft'];
-                minHeight: CSSObject['minHeight'];
-                maxHeight: CSSObject['maxHeight'];
-            };
-            actionContainer: {
-                paddingRight: CSSObject['paddingRight'];
-                paddingBottom: CSSObject['paddingBottom'];
-                paddingLeft: CSSObject['paddingLeft'];
-            };
-            topQueriesContainer: {
-                marginRight: CSSObject['marginRight'];
-                marginLeft: CSSObject['marginLeft'];
-                paddingTop: CSSObject['paddingTop'];
-                paddingRight: CSSObject['paddingRight'];
-                paddingBottom: CSSObject['paddingBottom'];
-                paddingLeft: CSSObject['paddingLeft'];
-                borderTop: CSSObject['borderTop'];
-                header: {
-                    color: CSSObject['color'];
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    textTransform: CSSObject['textTransform'];
-                    paddingTop: CSSObject['paddingTop'];
-                    paddingRight: CSSObject['paddingRight'];
-                    paddingBottom: CSSObject['paddingBottom'];
-                    paddingLeft: CSSObject['paddingLeft'];
-                    backgroundColor: CSSObject['backgroundColor'];
-                };
-                item: {
-                    backgroundColor: {
-                        [key in InputStateV2]: CSSObject['backgroundColor'];
-                    };
-                    color: {
-                        [key in InputStateV2]: CSSObject['color'];
-                    };
-                    fontSize: CSSObject['fontSize'];
-                    fontWeight: CSSObject['fontWeight'];
-                    paddingTop: CSSObject['paddingTop'];
-                    paddingRight: CSSObject['paddingRight'];
-                    paddingBottom: CSSObject['paddingBottom'];
-                    paddingLeft: CSSObject['paddingLeft'];
-                    border: CSSObject['border'];
-                    transition: CSSObject['transition'];
-                    cursor: CSSObject['cursor'];
-                    opacity: {
-                        [key in InputStateV2]: CSSObject['opacity'];
-                    };
-                };
-            };
-        };
-    };
-};
-export type ResponsiveChatInputV2TokensType = {
-    [key in keyof BreakpointType]: ChatInputV2TokensType;
-};
+import { ResponsiveChatInputV2TokensType } from './ChatInputV2.tokens.types';
+export type { ChatInputV2TokensType, ResponsiveChatInputV2TokensType, } from './ChatInputV2.tokens.types';
 export declare const getChatInputV2Tokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ResponsiveChatInputV2TokensType;
 export default getChatInputV2Tokens;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2.tokens.types.d.ts

@@ -0,0 +1,121 @@
+import { CSSObject } from 'styled-components';
+import { BreakpointType } from '../../../breakpoints/breakPoints';
+import { InputStateV2 } from '../inputV2.types';
+export type ChatInputV2TokensType = {
+    container: {
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+        borderRadius: CSSObject['borderRadius'];
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        gap: CSSObject['gap'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingRight: CSSObject['paddingRight'];
+        paddingBottom: CSSObject['paddingBottom'];
+        paddingLeft: CSSObject['paddingLeft'];
+        attachedFilesContainer: {
+            gap: CSSObject['gap'];
+            overflowMenu: {
+                gap: CSSObject['gap'];
+                backgroundColor: {
+                    [key in InputStateV2]: CSSObject['backgroundColor'];
+                };
+                borderRadius: CSSObject['borderRadius'];
+                padding: CSSObject['padding'];
+                top: CSSObject['top'];
+                right: CSSObject['right'];
+                maxHeight: CSSObject['maxHeight'];
+            };
+        };
+        tagContainer: {
+            gap: CSSObject['gap'];
+            borderRadius: CSSObject['borderRadius'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            border: CSSObject['border'];
+            backgroundColor: CSSObject['backgroundColor'];
+            text: {
+                color: CSSObject['color'];
+                fontSize: CSSObject['fontSize'];
+                fontWeight: CSSObject['fontWeight'];
+            };
+        };
+        inputContainer: {
+            outline: {
+                [key in InputStateV2]: CSSObject['outline'];
+            };
+            boxShadow: {
+                [key in InputStateV2]: CSSObject['boxShadow'];
+            };
+            gap: CSSObject['gap'];
+            borderRadius: CSSObject['borderRadius'];
+            paddingTop: CSSObject['paddingTop'];
+            paddingRight: CSSObject['paddingRight'];
+            paddingBottom: CSSObject['paddingBottom'];
+            paddingLeft: CSSObject['paddingLeft'];
+            border: CSSObject['border'];
+            backgroundColor: CSSObject['backgroundColor'];
+            input: {
+                color: CSSObject['color'];
+                placeholder: CSSObject['color'];
+                paddingTop: CSSObject['paddingTop'];
+                paddingRight: CSSObject['paddingRight'];
+                paddingLeft: CSSObject['paddingLeft'];
+                minHeight: CSSObject['minHeight'];
+                maxHeight: CSSObject['maxHeight'];
+            };
+            actionContainer: {
+                paddingRight: CSSObject['paddingRight'];
+                paddingBottom: CSSObject['paddingBottom'];
+                paddingLeft: CSSObject['paddingLeft'];
+            };
+            topQueriesContainer: {
+                marginRight: CSSObject['marginRight'];
+                marginLeft: CSSObject['marginLeft'];
+                paddingTop: CSSObject['paddingTop'];
+                paddingRight: CSSObject['paddingRight'];
+                paddingBottom: CSSObject['paddingBottom'];
+                paddingLeft: CSSObject['paddingLeft'];
+                borderTop: CSSObject['borderTop'];
+                header: {
+                    color: CSSObject['color'];
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    textTransform: CSSObject['textTransform'];
+                    paddingTop: CSSObject['paddingTop'];
+                    paddingRight: CSSObject['paddingRight'];
+                    paddingBottom: CSSObject['paddingBottom'];
+                    paddingLeft: CSSObject['paddingLeft'];
+                    backgroundColor: CSSObject['backgroundColor'];
+                };
+                item: {
+                    backgroundColor: {
+                        [key in InputStateV2]: CSSObject['backgroundColor'];
+                    };
+                    color: {
+                        [key in InputStateV2]: CSSObject['color'];
+                    };
+                    fontSize: CSSObject['fontSize'];
+                    fontWeight: CSSObject['fontWeight'];
+                    paddingTop: CSSObject['paddingTop'];
+                    paddingRight: CSSObject['paddingRight'];
+                    paddingBottom: CSSObject['paddingBottom'];
+                    paddingLeft: CSSObject['paddingLeft'];
+                    border: CSSObject['border'];
+                    transition: CSSObject['transition'];
+                    cursor: CSSObject['cursor'];
+                    opacity: {
+                        [key in InputStateV2]: CSSObject['opacity'];
+                    };
+                };
+            };
+        };
+    };
+};
+export type ResponsiveChatInputV2TokensType = {
+    [key in keyof BreakpointType]: ChatInputV2TokensType;
+};

package/dist/components/InputsV2/ChatInputV2/ChatInputV2Mobile.dark.tokens.d.ts

@@ -1,4 +1,4 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ChatInputV2MobileTokensType } from './ChatInputV2Mobile.tokens';
+import { ChatInputV2MobileTokensType } from './ChatInputV2Mobile.tokens.types';
 /** Dark mobile shell: aligned with `getChatInputV2DarkTokens` (gray[800] chrome, gray[800] field borders, gray[100] text). */
 export declare const getChatInputV2MobileDarkTokens: (foundationToken: FoundationTokenType) => ChatInputV2MobileTokensType;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2Mobile.light.tokens.d.ts

@@ -1,3 +1,3 @@
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { ChatInputV2MobileTokensType } from './ChatInputV2Mobile.tokens';
+import { ChatInputV2MobileTokensType } from './ChatInputV2Mobile.tokens.types';
 export declare const getChatInputV2MobileLightTokens: (foundationToken: FoundationTokenType) => ChatInputV2MobileTokensType;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2Mobile.tokens.d.ts

@@ -1,60 +1,6 @@
-import { CSSObject } from 'styled-components';
 import { FoundationTokenType } from '../../../tokens/theme.token';
-import { InputStateV2 } from '../inputV2.types';
 import { Theme } from '../../../context/theme.enum';
-export type Dimensions = {
-    width: CSSObject['width'];
-    height: CSSObject['height'];
-    minHeight: CSSObject['minHeight'];
-    maxHeight: CSSObject['maxHeight'];
-    minWidth: CSSObject['minWidth'];
-    maxWidth: CSSObject['maxWidth'];
-};
-export type ChatInputV2MobileTokensType = {
-    gap: CSSObject['gap'];
-    attachmentButtonDimensions: {
-        width: CSSObject['width'];
-        height: CSSObject['height'];
-        border: CSSObject['border'];
-        borderRadius: CSSObject['borderRadius'];
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-        color: CSSObject['color'];
-    };
-    inputContainer: {
-        border: {
-            [key in InputStateV2]: CSSObject['border'];
-        };
-        borderRadius: {
-            [key in InputStateV2]: CSSObject['borderRadius'];
-        };
-        boxShadow: {
-            [key in InputStateV2]: CSSObject['boxShadow'];
-        };
-        paddingLeft: CSSObject['paddingLeft'];
-        paddingTop: CSSObject['paddingTop'];
-        paddingBottom: CSSObject['paddingBottom'];
-        lineHeight: CSSObject['lineHeight'];
-        fontSize: CSSObject['fontSize'];
-        fontWeight: CSSObject['fontWeight'];
-        color: CSSObject['color'];
-        placeholder: {
-            color: CSSObject['color'];
-        };
-        backgroundColor: CSSObject['backgroundColor'];
-    } & Dimensions;
-    secondaryAction: {
-        width: CSSObject['width'];
-        height: CSSObject['height'];
-        borderRadius: CSSObject['borderRadius'];
-        right: CSSObject['right'];
-        bottom: CSSObject['bottom'];
-        backgroundColor: {
-            [key in InputStateV2]: CSSObject['backgroundColor'];
-        };
-        color: CSSObject['color'];
-    };
-};
+import { ChatInputV2MobileTokensType } from './ChatInputV2Mobile.tokens.types';
+export type { Dimensions, ChatInputV2MobileTokensType, } from './ChatInputV2Mobile.tokens.types';
 export declare const getChatInputV2MobileTokens: (foundationToken: FoundationTokenType, theme?: Theme | string) => ChatInputV2MobileTokensType;
 export default getChatInputV2MobileTokens;

package/dist/components/InputsV2/ChatInputV2/ChatInputV2Mobile.tokens.types.d.ts

@@ -0,0 +1,56 @@
+import { CSSObject } from 'styled-components';
+import { InputStateV2 } from '../inputV2.types';
+export type Dimensions = {
+    width: CSSObject['width'];
+    height: CSSObject['height'];
+    minHeight: CSSObject['minHeight'];
+    maxHeight: CSSObject['maxHeight'];
+    minWidth: CSSObject['minWidth'];
+    maxWidth: CSSObject['maxWidth'];
+};
+export type ChatInputV2MobileTokensType = {
+    gap: CSSObject['gap'];
+    attachmentButtonDimensions: {
+        width: CSSObject['width'];
+        height: CSSObject['height'];
+        border: CSSObject['border'];
+        borderRadius: CSSObject['borderRadius'];
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+        color: CSSObject['color'];
+    };
+    inputContainer: {
+        border: {
+            [key in InputStateV2]: CSSObject['border'];
+        };
+        borderRadius: {
+            [key in InputStateV2]: CSSObject['borderRadius'];
+        };
+        boxShadow: {
+            [key in InputStateV2]: CSSObject['boxShadow'];
+        };
+        paddingLeft: CSSObject['paddingLeft'];
+        paddingTop: CSSObject['paddingTop'];
+        paddingBottom: CSSObject['paddingBottom'];
+        lineHeight: CSSObject['lineHeight'];
+        fontSize: CSSObject['fontSize'];
+        fontWeight: CSSObject['fontWeight'];
+        color: CSSObject['color'];
+        placeholder: {
+            color: CSSObject['color'];
+        };
+        backgroundColor: CSSObject['backgroundColor'];
+    } & Dimensions;
+    secondaryAction: {
+        width: CSSObject['width'];
+        height: CSSObject['height'];
+        borderRadius: CSSObject['borderRadius'];
+        right: CSSObject['right'];
+        bottom: CSSObject['bottom'];
+        backgroundColor: {
+            [key in InputStateV2]: CSSObject['backgroundColor'];
+        };
+        color: CSSObject['color'];
+    };
+};

package/dist/components/InputsV2/ChatInputV2/MobileChatInputV2.d.ts

@@ -11,7 +11,7 @@ declare const MobileChatInputV2: import('react').ForwardRefExoticComponent<{
     onFileClick?: (file: import('./ChatInputV2.types').ChatInputV2AttachedFile) => void;
     onSecondaryActionClick?: () => void;
     id?: string;
-    webTokens: import('./ChatInputV2.tokens').ChatInputV2TokensType;
+    webTokens: import('./ChatInputV2.tokens.types').ChatInputV2TokensType;
     onEnter?: () => void;
 } & Omit<import('react').TextareaHTMLAttributes<HTMLTextAreaElement>, "size" | "className" | "onFocus" | "onBlur" | "onChange" | "cols"> & import('react').RefAttributes<HTMLDivElement>>;
 export default MobileChatInputV2;