@luzmo/lucero 1.0.3-alpha.8 → 1.0.3-alpha.9

package/components/prompt-box/prompt-box.d.ts

@@ -5,13 +5,13 @@ import '../button';
 import '../button/clear-button';
 import '../icon';
 import '../overlay';
-import '../tags';
+import '../skeleton-loader';
 import '../text-field';
 import { AttachmentsController } from './controllers/attachments-controller';
 import { RecordingController } from './controllers/recording-controller';
 import { RichInputController } from './controllers/rich-input-controller';
 import { TriggerMenuController } from './controllers/trigger-menu-controller';
-import type { PromptBoxAttachment, PromptBoxElement, PromptBoxElementInsertedDetail, PromptBoxElementRemovedDetail, PromptBoxRecordErrorDetail, PromptBoxRecordingCompleteDetail, PromptBoxSegment, PromptBoxSubmitDetail, TriggerConfig, TriggerMenuChangeDetail, TriggerMenuSelectDetail, TriggerOption } from './types';
+import type { PromptBoxAttachment, PromptBoxElement, PromptBoxElementInsertedDetail, PromptBoxElementRemovedDetail, PromptBoxFileIcons, PromptBoxRecordErrorDetail, PromptBoxRecordingCompleteDetail, PromptBoxSegment, PromptBoxSubmitDetail, TriggerConfig, TriggerMenuChangeDetail, TriggerMenuSelectDetail, TriggerOption } from './types';
 declare const LuzmoPromptBox_base: typeof LuzmoElement & {
     new (...args: any[]): import("../..").SizedElementInterface;
     prototype: import("../..").SizedElementInterface;
@@ -77,6 +77,29 @@ export declare class LuzmoPromptBox extends LuzmoPromptBox_base {
     allowFiles: boolean;
     /** Accepted file types for attachments (MIME types or extensions). */
     acceptedFileTypes: string[];
+    /**
+     * Custom icons for file attachment tiles, keyed by extension
+     * without a leading dot (e.g. `pdf`, `csv`, `svg`).
+     * Merged over the built-in defaults (`DEFAULT_FILE_ICONS`); unmatched
+     * extensions fall back to the generic document icon.
+     *
+     * ```ts
+     * promptBox.fileIcons = {
+     *   pdf: luzmoHeart,
+     *   svg: luzmoFileImage
+     * };
+     * ```
+     */
+    fileIcons: PromptBoxFileIcons;
+    /**
+     * Formats the accessible name for attachment remove buttons.
+     * Override to localize; receives the file name.
+     *
+     * ```ts
+     * promptBox.removeAttachmentLabel = (name) => `Verwijder ${name}`;
+     * ```
+     */
+    removeAttachmentLabel: (fileName: string) => string;
     /**
      * Whether to enable rich input mode with inline element badges.
      * When enabled, the textarea is replaced with a contenteditable div.
@@ -123,7 +146,6 @@ export declare class LuzmoPromptBox extends LuzmoPromptBox_base {
     get hasRecordButton(): boolean;
     /** @internal — used by templates */
     get hasSubmitButton(): boolean;
-    get tagSize(): 's' | 'm';
     get segments(): PromptBoxSegment[];
     set segments(value: PromptBoxSegment[]);
     connectedCallback(): void;
@@ -133,6 +155,7 @@ export declare class LuzmoPromptBox extends LuzmoPromptBox_base {
     clear(): void;
     addFiles(files: File[]): string[];
     removeAttachment(id: string): void;
+    setAttachmentLoading(id: string, loading: boolean): void;
     clearAttachments(): void;
     getAttachments(): PromptBoxAttachment[];
     openFilePicker(): void;
@@ -153,6 +176,8 @@ export declare class LuzmoPromptBox extends LuzmoPromptBox_base {
     /** @internal */
     handleRecordClick: (event: Event) => void;
     /** @internal */
+    handleAttachmentRemoveClick: (event: Event) => void;
+    /** @internal */
     handleInput: (e: Event) => void;
     /** @internal */
     handleKeydown: (e: KeyboardEvent) => void;
@@ -177,8 +202,9 @@ export declare class LuzmoPromptBox extends LuzmoPromptBox_base {
     private _submit;
     protected render(): TemplateResult;
 }
-export type { ActionValue, PromptBoxAttachment, PromptBoxElement, PromptBoxElementInsertedDetail, PromptBoxElementRemovedDetail, PromptBoxRecordErrorDetail, PromptBoxRecordingCompleteDetail, PromptBoxSegment, PromptBoxSubmitDetail, TriggerConfig, TriggerMenuChangeDetail, TriggerMenuSelectDetail, TriggerOption } from './types';
+export type { ActionValue, PromptBoxAttachment, PromptBoxElement, PromptBoxElementInsertedDetail, PromptBoxElementRemovedDetail, PromptBoxFileIcons, PromptBoxRecordErrorDetail, PromptBoxRecordingCompleteDetail, PromptBoxSegment, PromptBoxSubmitDetail, TriggerConfig, TriggerMenuChangeDetail, TriggerMenuSelectDetail, TriggerOption } from './types';
 export { ELEMENT_MIME_TYPE } from './types';
+export { DEFAULT_FILE_ICONS } from './prompt-box-templates';
 declare global {
     interface GlobalEventHandlersEventMap {
         'luzmo-submit': CustomEvent<PromptBoxSubmitDetail>;

package/components/prompt-box/types.d.ts

@@ -1,3 +1,4 @@
+import type { IconDefinition } from '@luzmo/icons';
 export interface ActionValue {
     element: Element;
     name?: string;
@@ -8,7 +9,14 @@ export interface PromptBoxAttachment {
     file: File;
     id: string;
     previewUrl?: string;
+    /** When true, the attachment tile shows a same-size skeleton instead of the preview. */
+    loading?: boolean;
 }
+/**
+ * Map of file extension → Luzmo icon used for non-image attachment tiles.
+ * Keys are extensions without a leading dot (e.g. `pdf`, `csv`, `svg`).
+ */
+export type PromptBoxFileIcons = Record<string, IconDefinition>;
 export interface PromptBoxElement {
     id: string;
     elementType: string;