@kingsimba/nc-ui 0.1.3 → 0.1.6

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 import { ClassValue } from 'clsx';
 import { default as default_2 } from 'react';
-import { i18n } from 'i18next';
+import { i18n } from 'node_modules/i18next';
 import { JSX as JSX_2 } from 'react/jsx-runtime';
 import { ReactNode } from 'react';
 
@@ -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.
@@ -241,37 +249,6 @@ declare interface AppTitleBarProps {
     hideBackButton?: boolean;
 }
 
-/**
- * Registry for back button handlers.
- * Allows apps to register handlers that are called when the user presses back.
- * Handlers are called in priority order (higher priority first).
- */
-declare type BackHandler = () => boolean;
-
-declare class BackHandlerRegistry {
-    private handlers;
-    /**
-     * Register a back handler.
-     * @param id - Unique identifier for this handler
-     * @param priority - Higher priority handlers are called first
-     * @param handler - Function that returns true if it handled the back action
-     * @returns Unsubscribe function
-     */
-    register(id: string, priority: number, handler: BackHandler): () => void;
-    /**
-     * Trigger the back action.
-     * Calls handlers in priority order until one returns true.
-     * @returns true if a handler processed the back action
-     */
-    handleBack(): boolean;
-    /**
-     * Unregister a handler by id.
-     */
-    unregister(id: string): void;
-}
-
-export declare const backHandlerRegistry: BackHandlerRegistry;
-
 export declare function Battery({ percentage, status, darkMode, colored, }: BatteryProps): JSX_2.Element;
 
 export declare interface BatteryProps {
@@ -341,11 +318,6 @@ export declare interface CheckboxProps {
 
 export declare type CheckboxSize = 'default' | 'small';
 
-/**
- * Clear the app from the URL when closing.
- */
-export declare function clearAppInUrl(): void;
-
 /**
  * A reusable close button.
  */
@@ -548,7 +520,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 +553,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 +611,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 {
@@ -853,12 +846,6 @@ declare class RunningAppsStore {
 
 export declare const runningAppsStore: RunningAppsStore;
 
-/**
- * Push a browser history entry for the app.
- * This enables the browser back button to close/navigate apps.
- */
-export declare function setAppInUrl(appId: string): void;
-
 export declare function Slider({ value, onChange, min, max, step, label, disabled, showValue, formatValue, width, }: SliderProps): JSX_2.Element;
 
 export declare interface SliderProps {