@kingsimba/nc-ui 0.1.2 → 0.1.5

package/dist/index.d.ts

@@ -145,12 +145,20 @@ export declare interface AppDialogProps {
 export declare type AppI18nResources = Record<string, Record<string, unknown>>;
 
 /**
- * AppPanel component - Renders the right-side panel that displays running apps.
+ * AppPanel component - Renders the panel that displays running apps.
  * Each running app is rendered via AppContainer, but only the active app is visible.
- * On mobile devices, the panel overlays on top of the main area.
- * On desktop, the panel sits inline next to the main area.
+ * Layout positioning is controlled by the parent via style/className props.
  */
-export declare function AppPanel(): JSX_2.Element;
+export declare function AppPanel({ autoWidth, className, style }: AppPanelProps): JSX_2.Element;
+
+export declare interface AppPanelProps {
+    /** When true, panel width is determined by the active app's registered width. When false, parent controls width via style/className. Default: true */
+    autoWidth?: boolean;
+    /** Additional CSS class names */
+    className?: string;
+    /** Custom styles (merged with internal styles, takes precedence) */
+    style?: default_2.CSSProperties;
+}
 
 /**
  * Registry for all available applications.
@@ -548,7 +556,7 @@ declare interface HyperlinkProps {
     size?: 'small' | 'default';
 }
 
-export declare function Input({ value, onChange, onEnter, onClear, placeholder, disabled, label, clearable, type, className, size, style, showPasswordToggle, multiline, rows, }: InputProps): JSX_2.Element;
+export declare function Input({ value, onChange, onEnter, onClear, placeholder, disabled, label, clearable, type, className, size, style, showPasswordToggle, multiline, rows, validator, showErrorMessage, }: InputProps): JSX_2.Element;
 
 export declare interface InputProps {
     /** Current value of the input */
@@ -581,6 +589,10 @@ export declare interface InputProps {
     multiline?: boolean;
     /** Number of rows for multiline input */
     rows?: number;
+    /** Validation function that returns an error message string if invalid, or null/undefined if valid */
+    validator?: (value: string) => string | null | undefined;
+    /** Whether to display the error message text (still shows red border when false) */
+    showErrorMessage?: boolean;
 }
 
 /**
@@ -635,6 +647,23 @@ export declare interface ListGroupProps {
     style?: default_2.CSSProperties;
 }
 
+export declare function MonthRangePicker({ startMonth, endMonth, onChange, label, className, disabled, }: MonthRangePickerProps): JSX_2.Element;
+
+export declare interface MonthRangePickerProps {
+    /** Start month value in YY-M, YY-MM, YYYY-M, or YYYY-MM format */
+    startMonth?: string;
+    /** End month value in YY-M, YY-MM, YYYY-M, or YYYY-MM format */
+    endMonth?: string;
+    /** Callback when the range changes */
+    onChange?: (startMonth: string, endMonth: string) => void;
+    /** Label text displayed above the picker */
+    label?: string;
+    /** Additional CSS class names */
+    className?: string;
+    /** Whether the picker is disabled */
+    disabled?: boolean;
+}
+
 export declare function MultiSelect({ values, onChange, options, placeholder, label }: MultiSelectProps): JSX_2.Element;
 
 export declare interface MultiSelectProps {