@kingsimba/nc-ui 0.1.25 → 0.1.27

package/dist/index.d.ts

@@ -235,7 +235,27 @@ export declare const appStateStore: AppStateStore;
  * Displays pinned app icons that are always visible, plus any running non-pinned apps.
  * Clicking an icon launches the app or toggles its active state if already running.
  */
-export declare function AppTaskbar({ pinnedAppIds, className, showIndicators, }: AppTaskbarProps): JSX_2.Element;
+export declare function AppTaskbar({ pinnedAppIds, className, showIndicators, side, getBadge, }: AppTaskbarProps): JSX_2.Element;
+
+export declare interface AppTaskbarBadge {
+    /** Content displayed inside the badge, such as a count or short label */
+    content: ReactNode;
+    /** Visual tone of the badge */
+    tone?: AppTaskbarBadgeTone;
+    /** Accessible label for assistive technology */
+    ariaLabel?: string;
+}
+
+export declare type AppTaskbarBadgeTone = 'default' | 'primary' | 'success' | 'warning' | 'danger';
+
+export declare interface AppTaskbarItemState {
+    /** Whether the app is currently the active app */
+    isActive: boolean;
+    /** Whether the app is currently running */
+    isRunning: boolean;
+    /** Whether the app is from pinnedAppIds */
+    isPinned: boolean;
+}
 
 export declare interface AppTaskbarProps {
     /** Array of app IDs to pin to the taskbar (always visible) */
@@ -244,8 +264,14 @@ export declare interface AppTaskbarProps {
     className?: string;
     /** Whether to show the running and active indicator beneath app icons */
     showIndicators?: boolean;
+    /** Desktop placement side. Mobile always renders the taskbar at the bottom. */
+    side?: AppTaskbarSide;
+    /** Optional badge resolver for app icons, useful for alerts or counts. */
+    getBadge?: (app: AppDefinition, state: AppTaskbarItemState) => AppTaskbarBadge | null | undefined;
 }
 
+export declare type AppTaskbarSide = 'left' | 'right';
+
 /**
  * Title bar component for launched applications.
  * Displays the app title, optional back button, optional toolbar, and a close button.
@@ -1132,4 +1158,20 @@ export declare function ViewportProvider({ children }: {
     children: ReactNode;
 }): JSX_2.Element;
 
+export declare function YamlTextArea({ value, onChange, onValidationChange, readOnly, minHeight, maxHeight, debounceMs, className, style, language, }: YamlTextAreaProps): JSX_2.Element;
+
+export declare interface YamlTextAreaProps {
+    value: string;
+    onChange: (value: string) => void;
+    onValidationChange?: (isValid: boolean, error?: string) => void;
+    readOnly?: boolean;
+    minHeight?: number;
+    maxHeight?: number;
+    debounceMs?: number;
+    className?: string;
+    style?: default_2.CSSProperties;
+    /** Language for syntax highlighting and validation. Default: 'yaml'. */
+    language?: 'yaml' | 'json';
+}
+
 export { }