@kingsimba/nc-ui 0.1.20 → 0.1.21

package/dist/index.d.ts

@@ -276,9 +276,15 @@ export declare interface BatteryProps {
 
 export declare type BatteryStatus = 'charging' | 'discharging' | 'full';
 
-export declare function Button({ variant, block, size, className, disabled, textSelectable, loading, onClick, children, ...rest }: ButtonProps): JSX_2.Element;
+export declare function Button({ variant, block, size, appearance, className, disabled, textSelectable, loading, onClick, children, ...rest }: ButtonProps): JSX_2.Element;
 
-export declare function ButtonGroup<T extends string>({ value, onChange, options, disabled, labels, size, }: ButtonGroupProps<T>): JSX_2.Element;
+export declare function ButtonGroup<T extends string>({ value, onChange, options, disabled, size, }: ButtonGroupProps<T>): JSX_2.Element;
+
+declare type ButtonGroupOption<T extends string> = {
+    key: T;
+    label: React.ReactNode;
+    disabled?: boolean;
+};
 
 export declare interface ButtonGroupProps<T extends string> {
     /** Currently selected value */
@@ -286,11 +292,9 @@ export declare interface ButtonGroupProps<T extends string> {
     /** Callback when selection changes */
     onChange: (value: T) => void;
     /** Available options */
-    options: readonly T[];
+    options: readonly ButtonGroupOption<T>[];
     /** Disable all buttons */
     disabled?: boolean;
-    /** Custom labels for options */
-    labels?: Partial<Record<T, string>>;
     /** Size variant */
     size?: ButtonGroupSize;
 }
@@ -301,6 +305,8 @@ declare type ButtonProps = default_2.ButtonHTMLAttributes<HTMLButtonElement> & {
     variant?: ButtonVariant;
     block?: boolean;
     size?: 'default' | 'small' | 'large';
+    /** Visual appearance of the button surface */
+    appearance?: 'default' | 'transparent';
     textSelectable?: boolean;
     loading?: boolean;
 };
@@ -345,7 +351,7 @@ declare interface CloseButtonProps {
 
 export declare function cn(...inputs: ClassValue[]): string;
 
-export declare function ComboBox({ value, onChange, placeholder, options, disabled, label, clearable, allowTyping, placement, size, style, className, }: ComboBoxProps): JSX_2.Element;
+export declare function ComboBox({ value, onChange, placeholder, options, disabled, label, clearable, allowTyping, placement, size, appearance, style, className, }: ComboBoxProps): JSX_2.Element;
 
 export declare type ComboBoxOption = {
     label: string;
@@ -374,6 +380,8 @@ export declare interface ComboBoxProps {
     placement?: 'top' | 'bottom';
     /** Size variant */
     size?: 'default' | 'small';
+    /** Visual appearance of the closed control */
+    appearance?: 'default' | 'transparent';
     /** Custom styles */
     style?: default_2.CSSProperties;
     /** Additional CSS class names */
@@ -584,7 +592,7 @@ declare interface HyperlinkProps {
     size?: 'small' | 'default';
 }
 
-export declare function Input({ value: controlledValue, defaultValue, onChange, onEnter, onClear, placeholder, disabled, label, clearable, type, className, size, style, showPasswordToggle, multiline, rows, validator, showErrorMessage, }: InputProps): JSX_2.Element;
+export declare function Input({ value: controlledValue, defaultValue, onChange, onEnter, onClear, placeholder, disabled, label, clearable, type, className, size, style, leadingIcon, showPasswordToggle, multiline, rows, validator, showErrorMessage, }: InputProps): JSX_2.Element;
 
 export declare interface InputProps {
     /** Current value of the input (controlled mode) */
@@ -613,6 +621,8 @@ export declare interface InputProps {
     size?: 'default' | 'small';
     /** Additional inline styles */
     style?: default_2.CSSProperties;
+    /** Custom icon to display on the left side of the input */
+    leadingIcon?: default_2.ReactNode;
     /** Whether to show a toggle button for password visibility (only works when type is 'password') */
     showPasswordToggle?: boolean;
     /** Whether to use a textarea for multiline input */