@floegence/floe-webapp-core 0.11.8 → 0.12.0

package/dist/components/ui/DirectoryPicker.d.ts

@@ -1,35 +1,7 @@
-import type { FileItem } from '../file-browser/types';
-export interface DirectoryPickerProps {
-    /** Whether the picker dialog is open */
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    /** Full file tree (same FileItem[] as FileBrowser) */
-    files: FileItem[];
-    /** Initial selected path (default: '/') */
-    initialPath?: string;
-    /** Dialog title (default: 'Select Directory') */
-    title?: string;
-    /** Confirm button text (default: 'Select') */
-    confirmText?: string;
-    /** Cancel button text (default: 'Cancel') */
-    cancelText?: string;
+import { type BasePickerProps } from './picker/PickerBase';
+export interface DirectoryPickerProps extends BasePickerProps {
     /** Called when user confirms selection */
     onSelect: (path: string) => void;
-    /**
-     * Called when user creates a new folder.
-     * When provided, a "New Folder" button is shown.
-     */
-    onCreateFolder?: (parentPath: string, name: string) => Promise<void>;
-    /** Optional: filter which directories are selectable (return false to grey-out) */
-    filter?: (item: FileItem) => boolean;
-    /** Label for the home/root directory in tree and breadcrumb (default: 'Root') */
-    homeLabel?: string;
-    /**
-     * Real filesystem path of the home directory (e.g. '/home/user').
-     * When set, path input and display paths show real filesystem paths.
-     */
-    homePath?: string;
-    class?: string;
 }
 /**
  * Modal directory picker for selecting a folder path.

package/dist/components/ui/FileSavePicker.d.ts

@@ -1,42 +1,14 @@
-import type { FileItem } from '../file-browser/types';
-export interface FileSavePickerProps {
-    /** Whether the picker dialog is open */
-    open: boolean;
-    onOpenChange: (open: boolean) => void;
-    /** Full file tree (same FileItem[] as FileBrowser) */
-    files: FileItem[];
-    /** Initial directory path (default: '/') */
-    initialPath?: string;
+import { type BasePickerProps } from './picker/PickerBase';
+export interface FileSavePickerProps extends BasePickerProps {
     /** Pre-filled filename (e.g. rename scenario) */
     initialFileName?: string;
-    /** Dialog title (default: 'Save File') */
-    title?: string;
-    /** Confirm button text (default: 'Save') */
-    confirmText?: string;
-    /** Cancel button text (default: 'Cancel') */
-    cancelText?: string;
     /** Called when user confirms save */
     onSave: (dirPath: string, fileName: string) => void;
-    /**
-     * Called when user creates a new folder.
-     * When provided, a "New Folder" button is shown.
-     */
-    onCreateFolder?: (parentPath: string, name: string) => Promise<void>;
-    /** Optional: filter which directories are selectable (return false to grey-out) */
-    filter?: (item: FileItem) => boolean;
     /**
      * Validate the filename before save.
      * Return an error message string to block, or empty string to allow.
      */
     validateFileName?: (name: string) => string;
-    /** Label for the home/root directory in tree and breadcrumb (default: 'Root') */
-    homeLabel?: string;
-    /**
-     * Real filesystem path of the home directory (e.g. '/home/user').
-     * When set, path input and display paths show real filesystem paths.
-     */
-    homePath?: string;
-    class?: string;
 }
 /**
  * Modal file-save picker with directory tree, file list, and filename input.

package/dist/components/ui/Input.d.ts

@@ -1,16 +1,25 @@
 import { type JSX } from 'solid-js';
 export type InputSize = 'sm' | 'md' | 'lg';
 export interface InputProps extends Omit<JSX.InputHTMLAttributes<HTMLInputElement>, 'size'> {
+    /** Input size variant */
     size?: InputSize;
+    /** Error message - also sets aria-invalid and aria-describedby */
     error?: string;
+    /** Helper text displayed below the input */
+    helperText?: string;
+    /** Icon displayed on the left side */
     leftIcon?: JSX.Element;
+    /** Icon displayed on the right side */
     rightIcon?: JSX.Element;
 }
 export declare function Input(props: InputProps): JSX.Element;
 /**
- * Textarea variant
+ * Textarea variant - Multi-line text input with auto-resize support
  */
 export interface TextareaProps extends JSX.TextareaHTMLAttributes<HTMLTextAreaElement> {
+    /** Error message - also sets aria-invalid and aria-describedby */
     error?: string;
+    /** Helper text displayed below the textarea */
+    helperText?: string;
 }
 export declare function Textarea(props: TextareaProps): JSX.Element;

package/dist/components/ui/ProcessingIndicator.d.ts

@@ -1,13 +1,10 @@
-import { type JSX } from 'solid-js';
 export type ProcessingIndicatorVariant = 'minimal' | 'pill' | 'card' | 'elegant' | 'aurora' | 'neural' | 'orbit' | 'quantum' | 'pulse' | 'atom';
 export type ProcessingIndicatorStatus = 'thinking' | 'working' | 'processing' | 'loading' | 'analyzing';
 export interface ProcessingIndicatorProps {
     /** Display status text */
     status?: ProcessingIndicatorStatus | string;
-    /** Visual variant */
+    /** Visual variant - each has unique built-in animations */
     variant?: ProcessingIndicatorVariant;
-    /** Custom icon */
-    icon?: JSX.Element;
     /** Show elapsed time */
     showElapsed?: boolean;
     /** Start time for elapsed calculation (defaults to mount time) */
@@ -34,5 +31,5 @@ export interface ProcessingIndicatorProps {
  * - Pulse: Expanding rings
  * - Atom: 3D electron orbits
  */
-export declare function ProcessingIndicator(props: ProcessingIndicatorProps): JSX.Element;
+export declare function ProcessingIndicator(props: ProcessingIndicatorProps): import("solid-js").JSX.Element;
 export default ProcessingIndicator;

package/dist/components/ui/Tabs.d.ts

@@ -7,14 +7,38 @@ export interface TabItem {
     disabled?: boolean;
 }
 export interface TabsProps extends Omit<JSX.HTMLAttributes<HTMLDivElement>, 'onChange' | 'onClose'> {
+    /** Tab data items */
     items: TabItem[];
+    /**
+     * Active tab id (controlled mode).
+     * When set, you must also provide onChange to handle changes.
+     */
     activeId?: string;
+    /**
+     * Default active tab id (uncontrolled mode).
+     * Use this when you don't need external control over the active tab.
+     */
+    defaultActiveId?: string;
+    /**
+     * Callback when active tab changes.
+     * Alias: onActiveIdChange (for consistency with other components)
+     */
     onChange?: (id: string) => void;
+    /**
+     * Alias for onChange (consistent naming with Radix/shadcn patterns).
+     */
+    onActiveIdChange?: (id: string) => void;
+    /** Callback when tab is closed */
     onClose?: (id: string) => void;
+    /** Callback when add button is clicked */
     onAdd?: () => void;
+    /** Whether to show add button */
     showAdd?: boolean;
+    /** Whether tabs are closable by default */
     closable?: boolean;
+    /** Tab size variant */
     size?: 'sm' | 'md';
+    /** Tab style variant */
     variant?: 'default' | 'card' | 'underline';
 }
 export declare function Tabs(props: TabsProps): JSX.Element;

package/dist/components/ui/index.d.ts

@@ -9,6 +9,7 @@ export { Card, CardHeader, CardTitle, CardDescription, CardContent, CardFooter,
 export { Tabs, TabPanel, type TabsProps, type TabPanelProps, type TabItem } from './Tabs';
 export { DirectoryPicker, type DirectoryPickerProps } from './DirectoryPicker';
 export { FileSavePicker, type FileSavePickerProps } from './FileSavePicker';
+export { type BasePickerProps } from './picker/PickerBase';
 export { QuoteBlock, type QuoteBlockProps } from './QuoteBlock';
 export { HighlightBlock, InfoBlock, WarningBlock, SuccessBlock, ErrorBlock, NoteBlock, TipBlock, type HighlightBlockProps, type HighlightVariant, } from './HighlightBlock';
 export { ProcessingIndicator, type ProcessingIndicatorProps, type ProcessingIndicatorVariant, type ProcessingIndicatorStatus, } from './ProcessingIndicator';

package/dist/components/ui/picker/PickerBase.d.ts

@@ -4,6 +4,42 @@
  */
 import { type Accessor, type JSX } from 'solid-js';
 import type { FileItem } from '../../file-browser/types';
+/**
+ * Base props shared by DirectoryPicker and FileSavePicker.
+ * Provides consistent API for file tree navigation.
+ */
+export interface BasePickerProps {
+    /** Whether the picker dialog is open */
+    open: boolean;
+    /** Callback when open state changes */
+    onOpenChange: (open: boolean) => void;
+    /** Full file tree data */
+    files: FileItem[];
+    /** Initial directory path (default: '/') */
+    initialPath?: string;
+    /** Dialog title */
+    title?: string;
+    /** Confirm button text */
+    confirmText?: string;
+    /** Cancel button text (default: 'Cancel') */
+    cancelText?: string;
+    /**
+     * Callback when user creates a new folder.
+     * When provided, a "New Folder" button is shown.
+     */
+    onCreateFolder?: (parentPath: string, name: string) => Promise<void>;
+    /** Filter which directories are selectable (return false to grey-out) */
+    filter?: (item: FileItem) => boolean;
+    /** Label for the home/root directory (default: 'Root') */
+    homeLabel?: string;
+    /**
+     * Real filesystem path of the home directory (e.g. '/home/user').
+     * When set, paths display with real filesystem paths.
+     */
+    homePath?: string;
+    /** Additional CSS class */
+    class?: string;
+}
 export declare function normalizePath(path: string): string;
 /**
  * Returns ancestor paths (excluding root and the path itself).