vuetty 0.2.1 → 0.3.1

package/dist/index.d.ts

@@ -45,6 +45,8 @@ export interface VuettyOptions {
   forceColors?: boolean;
   scrollIndicatorMode?: string;
   cache?: CacheOptions;
+  maxClickHandlers?: number;
+  maxClickRegions?: number;
   [key: string]: any;
 }
 
@@ -311,7 +313,7 @@ export interface NewlineProps {
 }
 
 // Interactive Input Components
-export interface TextInputProps extends BoxProps, StyleProps {
+export interface TextInputProps extends BoxProps, Pick<StyleProps, 'color' | 'bg' | 'bold' | 'italic' | 'dim'> {
   modelValue?: string;
   multiline?: boolean;
   rows?: number;
@@ -343,6 +345,7 @@ export interface SelectInputProps extends BoxProps, Pick<StyleProps, 'color' | '
   options?: Array<ListItem | string | number>;
   label?: string;
   height?: number;
+  width?: number;
   marker?: string;
   highlightMarker?: string;
   disabled?: boolean;
@@ -356,6 +359,8 @@ export interface SelectInputProps extends BoxProps, Pick<StyleProps, 'color' | '
 export interface ListComponentProps extends BoxProps, Pick<StyleProps, 'color' | 'bg' | 'bold' | 'dim'> {
   items?: Array<ListItem | string | number>;
   label?: string;
+  height?: number;
+  width?: number;
   marker?: string;
   highlightedValue?: string | number | object | null;
   highlightColor?: string;
@@ -367,8 +372,10 @@ export interface CheckboxProps extends BoxProps, Pick<StyleProps, 'color' | 'bg'
   label?: string;
   direction?: 'vertical' | 'horizontal';
   height?: number;
+  width?: number | null;
   itemSpacing?: number;
   disabled?: boolean;
+  borderColor?: string;
   focusColor?: string;
   selectedColor?: string;
   highlightColor?: string;
@@ -381,8 +388,10 @@ export interface RadioboxProps extends BoxProps, Pick<StyleProps, 'color' | 'bg'
   label?: string;
   direction?: 'vertical' | 'horizontal';
   height?: number;
+  width?: number | null;
   itemSpacing?: number;
   disabled?: boolean;
+  borderColor?: string;
   focusColor?: string;
   selectedColor?: string;
   highlightColor?: string;
@@ -411,6 +420,7 @@ export interface TabItem {
 export interface TabsProps extends BoxProps, Pick<StyleProps, 'color' | 'bg'> {
   modelValue?: string | number | null;
   tabs: Array<TabItem | string | number>;
+  width?: number;
   disabled?: boolean;
   focusColor?: string;
   activeColor?: string;
@@ -442,7 +452,7 @@ export interface TableProps extends BoxProps, Pick<StyleProps, 'color' | 'bg' |
 // Display Components
 export type SpinnerType = 'dots' | 'line' | 'arc' | 'arrow' | 'bounce' | 'clock' | 'box';
 
-export interface SpinnerProps extends BoxProps, StyleProps {
+export interface SpinnerProps extends BoxProps, Pick<StyleProps, 'color' | 'bold' | 'italic' | 'underline' | 'dim'> {
   type?: SpinnerType;
   modelValue?: boolean;
   interval?: number;
@@ -450,9 +460,10 @@ export interface SpinnerProps extends BoxProps, StyleProps {
   labelPosition?: 'left' | 'right';
 }
 
-export interface ProgressBarProps extends BoxProps, StyleProps {
+export interface ProgressBarProps extends BoxProps, Pick<StyleProps, 'color' | 'bold' | 'italic' | 'underline' | 'dim'> {
   value?: number;
   max?: number;
+  width?: number;
   char?: string;
   emptyChar?: string;
   showPercentage?: boolean;
@@ -490,12 +501,28 @@ export interface TreeProps extends BoxProps, Pick<StyleProps, 'color' | 'bg'> {
   treeStyle?: string | Record<string, string>;
 }
 
-export interface MarkdownProps extends BoxProps, StyleProps {
-  source?: string;
-  codeTheme?: string;
-  enableTables?: boolean;
-  enableLists?: boolean;
-  enableCodeBlocks?: boolean;
+export interface MarkdownProps extends BoxProps, Pick<StyleProps, 'color' | 'bg' | 'bold' | 'italic' | 'dim'> {
+  content?: string;
+  h1Color?: string;
+  h2Color?: string;
+  h3Color?: string;
+  h4Color?: string;
+  h5Color?: string;
+  h6Color?: string;
+  codeColor?: string;
+  codeBg?: string;
+  linkColor?: string;
+  emphasisColor?: string;
+  strongColor?: string;
+  blockquoteColor?: string;
+  blockquoteBorderColor?: string;
+  listBulletColor?: string;
+  listNumberColor?: string;
+  hrColor?: string;
+  hrChar?: string;
+  hrLength?: number;
+  tableHeaderColor?: string;
+  tableBorderColor?: string;
 }
 
 export interface ImageProps extends BoxProps {
@@ -508,6 +535,25 @@ export interface ImageProps extends BoxProps {
   errorBorderStyle?: string;
 }
 
+export interface CodeDiffProps extends BoxProps {
+  oldCode?: string;
+  newCode?: string;
+  mode?: 'inline' | 'side-by-side';
+  language?: string;
+  showLineNumbers?: boolean;
+  context?: number;
+  showAll?: boolean;
+  addedColor?: string | null;
+  removedColor?: string | null;
+  unchangedColor?: string | null;
+  addedBg?: string | null;
+  removedBg?: string | null;
+  lineNumberColor?: string | null;
+  codeBg?: string | null;
+  border?: boolean;
+  padding?: number;
+}
+
 // ============================================================================
 // Component Exports
 // ============================================================================
@@ -534,6 +580,7 @@ export const Button: DefineComponent<ButtonComponentProps>;
 export const Tree: DefineComponent<TreeProps>;
 export const List: DefineComponent<ListComponentProps>;
 export const Tabs: DefineComponent<TabsProps>;
+export const CodeDiff: DefineComponent<CodeDiffProps>;
 
 // ============================================================================
 // BigText Utilities