@useupup/angular 3.3.0

package/dist/components/icon.component.d.ts

@@ -0,0 +1,17 @@
+import { type OnChanges } from '@angular/core';
+import { type SafeHtml } from '@angular/platform-browser';
+import { type IconName } from '@useupup/core';
+import * as i0 from "@angular/core";
+export declare class IconComponent implements OnChanges {
+    private sanitizer;
+    name: IconName;
+    size?: number;
+    className: string;
+    def: import("@useupup/core").IconDef;
+    px: number;
+    klass: string;
+    safeInner: SafeHtml;
+    ngOnChanges(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<IconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<IconComponent, "upup-icon", never, { "name": { "alias": "name"; "required": true; }; "size": { "alias": "size"; "required": false; }; "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/audio-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class AudioIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<AudioIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<AudioIconComponent, "upup-audio-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/box-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BoxIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BoxIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BoxIconComponent, "upup-box-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/camera-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class CameraIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CameraIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CameraIconComponent, "upup-camera-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/chevron-left-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ChevronLeftIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ChevronLeftIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ChevronLeftIconComponent, "upup-chevron-left-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/default-loader-icon.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class DefaultLoaderIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultLoaderIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultLoaderIconComponent, "upup-default-loader-icon", never, {}, {}, never, never, true, never>;
+}

package/dist/components/icons/dropbox-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DropboxIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DropboxIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DropboxIconComponent, "upup-dropbox-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/empty-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+/** Renders nothing. Default placeholder for optional icon props. */
+export declare class EmptyIconComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<EmptyIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<EmptyIconComponent, "upup-icon-empty", never, {}, {}, never, never, true, never>;
+}

package/dist/components/icons/file-icon-svg.component.d.ts

@@ -0,0 +1,8 @@
+import type { IconName } from '@useupup/core';
+import * as i0 from "@angular/core";
+export declare class FileIconSvgComponent {
+    name: IconName;
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileIconSvgComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileIconSvgComponent, "upup-file-icon-svg", never, { "name": { "alias": "name"; "required": false; }; "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/folder-filled-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class FolderFilledIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FolderFilledIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FolderFilledIconComponent, "upup-folder-filled-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/google-drive-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class GoogleDriveIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoogleDriveIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoogleDriveIconComponent, "upup-google-drive-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

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

@@ -0,0 +1,25 @@
+export { IconComponent } from '../icon.component';
+export { EmptyIconComponent } from './empty-icon.component';
+export { TrashIconComponent } from './trash-icon.component';
+export { DefaultLoaderIconComponent } from './default-loader-icon.component';
+export { UploadIconComponent } from './upload-icon.component';
+export { LoaderIconComponent } from './loader-icon.component';
+export { PlayerPlayFilledIconComponent } from './player-play-filled-icon.component';
+export { PlayerPauseFilledIconComponent } from './player-pause-filled-icon.component';
+export { XIconComponent } from './x-icon.component';
+export { LayoutGridIconComponent } from './layout-grid-icon.component';
+export { LayoutListIconComponent } from './layout-list-icon.component';
+export { FolderFilledIconComponent } from './folder-filled-icon.component';
+export { ChevronLeftIconComponent } from './chevron-left-icon.component';
+export { SearchIconComponent } from './search-icon.component';
+export { UserIconComponent } from './user-icon.component';
+export { FileIconSvgComponent } from './file-icon-svg.component';
+export { MyDeviceIconComponent } from './my-device-icon.component';
+export { BoxIconComponent } from './box-icon.component';
+export { DropboxIconComponent } from './dropbox-icon.component';
+export { GoogleDriveIconComponent } from './google-drive-icon.component';
+export { OneDriveIconComponent } from './one-drive-icon.component';
+export { LinkIconComponent } from './link-icon.component';
+export { CameraIconComponent } from './camera-icon.component';
+export { AudioIconComponent } from './audio-icon.component';
+export { ScreenCaptureIconComponent } from './screen-capture-icon.component';

package/dist/components/icons/layout-grid-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LayoutGridIconComponent {
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutGridIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutGridIconComponent, "upup-icon-layout-grid", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/layout-list-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LayoutListIconComponent {
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LayoutListIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LayoutListIconComponent, "upup-icon-layout-list", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/link-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LinkIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LinkIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkIconComponent, "upup-link-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/loader-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class LoaderIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<LoaderIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LoaderIconComponent, "upup-icon-loader", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/my-device-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class MyDeviceIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<MyDeviceIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<MyDeviceIconComponent, "upup-icon-my-device", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/one-drive-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class OneDriveIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OneDriveIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneDriveIconComponent, "upup-one-drive-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/player-pause-filled-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class PlayerPauseFilledIconComponent {
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlayerPauseFilledIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlayerPauseFilledIconComponent, "upup-player-pause-filled-icon", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/player-play-filled-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class PlayerPlayFilledIconComponent {
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<PlayerPlayFilledIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<PlayerPlayFilledIconComponent, "upup-player-play-filled-icon", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/screen-capture-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class ScreenCaptureIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenCaptureIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScreenCaptureIconComponent, "upup-screen-capture-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/search-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class SearchIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SearchIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SearchIconComponent, "upup-search-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/trash-icon.component.d.ts

@@ -0,0 +1,14 @@
+import * as i0 from "@angular/core";
+/**
+ * Default file-delete glyph — renders the shared registry 'trash' icon (parity with
+ * React's react-icons TbTrash default for icons.FileDeleteIcon).
+ *
+ * Rendered via NgComponentOutlet (no inputs passed), so the file-card delete-button
+ * size (upup-h-3 upup-w-3, matching React's <FileDeleteIcon className="upup-h-3 upup-w-3" />)
+ * is baked as the default class.
+ */
+export declare class TrashIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<TrashIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<TrashIconComponent, "upup-icon-trash", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/upload-icon.component.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+export declare class UploadIconComponent {
+    size: number;
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UploadIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UploadIconComponent, "upup-icon-upload", never, { "size": { "alias": "size"; "required": false; }; "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/user-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class UserIconComponent {
+    className: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<UserIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<UserIconComponent, "upup-user-icon", never, { "className": { "alias": "class"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/icons/x-icon.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class XIconComponent {
+    size: number;
+    static ɵfac: i0.ɵɵFactoryDeclaration<XIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<XIconComponent, "upup-x-icon", never, { "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/image-editor-stub.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+/**
+ * ImageEditorStubComponent — Angular port of ImageEditorStub.svelte.
+ *
+ * The image editor is not supported in Angular (React-only feature).
+ * This stub renders nothing, mirroring the svelte stub which is an empty
+ * template with only a comment:
+ *   <!-- Image editor is not supported in Svelte. Use @useupup/react if image editing is required. -->
+ */
+export declare class ImageEditorStubComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ImageEditorStubComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ImageEditorStubComponent, "upup-image-editor-stub", never, {}, {}, never, never, true, never>;
+}

package/dist/components/one-drive-uploader.component.d.ts

@@ -0,0 +1,22 @@
+import { UpupStore } from '../upup-store.service';
+import * as i0 from "@angular/core";
+/**
+ * OneDriveUploaderComponent — Angular port of OneDriveUploader.svelte.
+ *
+ * Routes by store.mode:
+ *   'server' → ServerModeDriveUploaderComponent(provider="one-drive")
+ *   'client' → ClientOneDriveUploaderComponent
+ *
+ * Mirrors svelte:
+ *   {#if mode === 'server'}
+ *     <ServerModeDriveUploader provider="one-drive" onBack={...} />
+ *   {:else}
+ *     <ClientOneDriveUploader />
+ *   {/if}
+ */
+export declare class OneDriveUploaderComponent {
+    readonly store: UpupStore;
+    readonly handleBack: () => void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<OneDriveUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OneDriveUploaderComponent, "upup-one-drive-uploader", never, {}, {}, never, never, true, never>;
+}

package/dist/components/progress-bar.component.d.ts

@@ -0,0 +1,30 @@
+import { isUploadActive } from '@useupup/core/internal';
+import { UpupStore } from '../upup-store.service';
+import * as i0 from "@angular/core";
+/**
+ * Progress bar — port of shared/ProgressBar.
+ *
+ * The `className` positioning classes land on the INNER container div via the
+ * @Input (never `class=` on the host), so the transparent `<upup-progress-bar>`
+ * host is unwrapped by the parity normalizer and the DOM matches React's div
+ * (F-712). At idle (no progress, not uploading) shouldShow is false, so the host
+ * renders empty and contributes nothing — matching React's `null` return.
+ *
+ * Reads: store.uploadStatus(), store.isDark(), store.slotOverrides(), store.slots(),
+ *        store.translations() (aria-label).
+ */
+export declare class ProgressBarComponent {
+    readonly store: UpupStore;
+    progress: number;
+    showValue: boolean;
+    progressBarClassName: string;
+    className: string;
+    readonly isUploadActive: typeof isUploadActive;
+    get shouldShow(): boolean;
+    get containerClass(): string;
+    get trackClass(): string;
+    get fillClass(): string;
+    get textClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarComponent, "upup-progress-bar", never, { "progress": { "alias": "progress"; "required": false; }; "showValue": { "alias": "showValue"; "required": false; }; "progressBarClassName": { "alias": "progressBarClassName"; "required": false; }; "className": { "alias": "className"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/screen-capture-uploader.component.d.ts

@@ -0,0 +1,47 @@
+import { OnDestroy, ElementRef } from '@angular/core';
+import { UpupStore } from '../upup-store.service';
+import * as i0 from "@angular/core";
+type RecordingState = 'idle' | 'recording' | 'recorded';
+/**
+ * Screen capture recorder leaf — port of ScreenCaptureUploader.svelte.
+ *
+ * Slot name : "screen-capture-uploader"
+ * (Both error-state and normal-state AVC use slotName="screen-capture-uploader".)
+ *
+ * Svelte parity:
+ *   - getDisplayMedia for screen + audio (svelte: navigator.mediaDevices.getDisplayMedia)
+ *   - Inline MediaRecorder lifecycle (no shared composable in svelte either)
+ *   - stream.getVideoTracks()[0].onended → auto-stop when user stops sharing
+ *   - Cleanup on ngOnDestroy (svelte: onDestroy)
+ *   - previewEl bound via @ViewChild (svelte: bind:this={previewEl})
+ *   - retryRecording() resets error and calls startRecording()
+ *
+ * Auto-start guard for tests:
+ *   startRecording() only runs on user click ("Share Screen"), not on mount → no jsdom hang.
+ */
+export declare class ScreenCaptureUploaderComponent implements OnDestroy {
+    readonly store: UpupStore;
+    recordingState: RecordingState;
+    duration: number;
+    videoUrl: string | null;
+    error: string | null;
+    set previewEl(ref: ElementRef<HTMLVideoElement> | undefined);
+    private mediaRecorder;
+    private chunks;
+    private timerHandle;
+    private streamRef;
+    ngOnDestroy(): void;
+    startRecording(): Promise<void>;
+    stopRecording(): void;
+    discardRecording(): void;
+    addRecording(): void;
+    retryRecording(): void;
+    formatTime(s: number): string;
+    get errorTextClass(): string;
+    get retryButtonClass(): string;
+    get shareButtonClass(): string;
+    get addButtonClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ScreenCaptureUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ScreenCaptureUploaderComponent, "upup-screen-capture-uploader", never, {}, {}, never, never, true, never>;
+}
+export {};

package/dist/components/server-mode-drive-uploader.component.d.ts

@@ -0,0 +1,49 @@
+import { OnInit, OnDestroy, Type } from '@angular/core';
+import { ServerModeDriveService, type ServerModeProvider, type ServerDriveFile } from '../services/server-mode-drive.service';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of ServerModeDriveUploader.svelte.
+ *
+ * Routes between two views based on server list state:
+ *   - 'reauth': renders DriveAuthFallback (sign-in prompt; testid upup-server-drive-browser absent)
+ *   - all other states: renders the server drive browser (data-testid="upup-server-drive-browser")
+ *
+ * Testid `upup-server-drive-browser` MUST be preserved byte-for-byte (live-verification + guards).
+ * Double-brace {{provider}} is resolved by DriveAuthFallbackComponent via core's formatUiMessage.
+ *
+ * Regression guards (from vanilla's server-drive.test.ts, ported to Angular):
+ *   1. 401 → state.status === 'reauth' → auth fallback rendered, browser testid absent
+ *   2. ngOnDestroy calls destroy() → abort controller aborted
+ *   3. ngOnDestroy calls destroy() → window 'message' listener removed
+ */
+export declare class ServerModeDriveUploaderComponent implements OnInit, OnDestroy {
+    private store;
+    readonly svc: ServerModeDriveService;
+    provider: ServerModeProvider;
+    onBack: () => void;
+    /** data-upup-slot forwarded to SourceViewContainer and DriveAuthFallback. */
+    slotName: string;
+    ngOnInit(): void;
+    ngOnDestroy(): void;
+    readonly startAuth: () => void;
+    get providerLabel(): string;
+    get isLoading(): boolean;
+    get loader(): Type<unknown>;
+    get displayFiles(): ServerDriveFile[];
+    get errorMessage(): string;
+    get addFilesLabel(): string;
+    /** Non-folder file-icon stroke; folder uses a static sky stroke. */
+    get fileIconStroke(): string;
+    get headerClass(): string;
+    get footerClass(): string;
+    get searchInputClass(): string;
+    get errorClass(): string;
+    fileItemClass(file: ServerDriveFile): string;
+    onFileClick(file: ServerDriveFile): void;
+    onSearchInput(ev: Event): void;
+    onSearchEnter(ev: Event): void;
+    handleTransfer(): void;
+    formatBytes(bytes: number): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ServerModeDriveUploaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ServerModeDriveUploaderComponent, "upup-server-mode-drive-uploader", never, { "provider": { "alias": "provider"; "required": true; }; "onBack": { "alias": "onBack"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/drive-auth-fallback.component.d.ts

@@ -0,0 +1,27 @@
+import { type DriveBrowserError } from '@useupup/core';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of DriveAuthFallback.svelte.
+ *
+ * Renders the "sign in" prompt when a cloud drive is not yet authenticated.
+ * Uses core's `formatUiMessage` (t) with {{provider}} double-brace placeholders —
+ * exactly as svelte does: t(tr.authenticatePrompt, { provider: providerName }).
+ * Single-brace is WRONG; this mirrors the proven svelte pattern.
+ */
+export declare class DriveAuthFallbackComponent {
+    private store;
+    providerName: string;
+    onRetry: () => void;
+    error: (() => DriveBrowserError | undefined) | undefined;
+    /** Maps to svelte's dataUpupSlot prop — forwarded to SourceViewContainer slotName. */
+    slotName: string;
+    get errorText(): string;
+    /** Resolved i18n string: "Sign in to access {{provider}}" → "Sign in to access Google Drive" */
+    get authenticatePrompt(): string;
+    /** Resolved i18n string: "Sign in with {{provider}}" → "Sign in with Google Drive" */
+    get signInLabel(): string;
+    get promptClass(): string;
+    get signInButtonClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DriveAuthFallbackComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DriveAuthFallbackComponent, "upup-drive-auth-fallback", never, { "providerName": { "alias": "providerName"; "required": true; }; "onRetry": { "alias": "onRetry"; "required": true; }; "error": { "alias": "error"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/drive-browser-header.component.d.ts

@@ -0,0 +1,64 @@
+import { ElementRef, OnDestroy } from '@angular/core';
+import { type DriveFolder, type DriveUser, type UiTranslations } from '@useupup/core';
+import { SourceViewHeaderExtraService } from '../../context/source-view-header-extra.service';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of DriveBrowserHeader.
+ *
+ * Boxless, merged header: once navigated past the root, a ghost chevron-left
+ * Back button (up one folder) + the current folder name, with the search
+ * collapsed into an icon toggle that expands into the styled input. At the root
+ * the full-width search shows directly. The account controls (avatar + log out +
+ * hairline separator) are portaled into the SourceView header row, next to Back
+ * — not their own strip. Only shown when `user` is set. Preserves
+ * data-upup-slot="drive-browser-header".
+ *
+ * Portal idiom: the account controls live in a `display:contents` wrapper which
+ * is appended into the header-extra host element (from
+ * SourceViewHeaderExtraService) once it mounts — Angular's equivalent of React's
+ * createPortal / Svelte's `portal` action.
+ */
+export declare class DriveBrowserHeaderComponent implements OnDestroy {
+    private store;
+    readonly headerExtra: SourceViewHeaderExtraService;
+    path: DriveFolder[];
+    setPath: (newPath: DriveFolder[]) => void;
+    handleSignOut: () => void;
+    showSearch: boolean;
+    searchTerm: string;
+    onSearch: (value: string) => void;
+    user: DriveUser | undefined;
+    /**
+     * The account-controls wrapper, relocated into the header-extra host once it
+     * mounts. Tracked so the moved node can be removed on destroy (mirrors
+     * Svelte's portal action `destroy()`), since it no longer lives inside this
+     * component's own view.
+     */
+    private movedNode;
+    set extra(ref: ElementRef<HTMLElement> | undefined);
+    searchOpen: boolean;
+    /**
+     * Focus the field the moment it expands. The input renders only while
+     * `searchOpen`, so the query result appears exactly on the open transition —
+     * mirroring React's `useEffect(focus, [searchOpen])`, using the same
+     * ViewChild-setter idiom as `extra` above.
+     */
+    set searchInput(ref: ElementRef<HTMLInputElement> | undefined);
+    get navigated(): boolean;
+    get currentFolder(): DriveFolder | undefined;
+    get hasFilter(): boolean;
+    onSearchBlur(): void;
+    get tr(): UiTranslations;
+    onLogout(): void;
+    ngOnDestroy(): void;
+    get headerClass(): string;
+    get backClass(): string;
+    get searchToggleClass(): string;
+    get logoutClass(): string;
+    get separatorClass(): string;
+    get searchContainerClass(): string;
+    get searchInputClass(): string;
+    getInputValue(event: Event): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DriveBrowserHeaderComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DriveBrowserHeaderComponent, "upup-drive-browser-header", never, { "path": { "alias": "path"; "required": true; }; "setPath": { "alias": "setPath"; "required": true; }; "handleSignOut": { "alias": "handleSignOut"; "required": true; }; "showSearch": { "alias": "showSearch"; "required": false; }; "searchTerm": { "alias": "searchTerm"; "required": false; }; "onSearch": { "alias": "onSearch"; "required": false; }; "user": { "alias": "user"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/drive-browser-icon.component.d.ts

@@ -0,0 +1,16 @@
+import { type DriveFile } from '@useupup/core';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of DriveBrowserIcon.svelte.
+ *
+ * Renders a folder icon, a file icon, or the drive thumbnail image for a DriveFile.
+ * Falls back to an inline SVG data-URI when the thumbnail image fails to load.
+ */
+export declare class DriveBrowserIconComponent {
+    private store;
+    file: DriveFile;
+    get fileIconClass(): string;
+    handleImgError(e: Event): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DriveBrowserIconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DriveBrowserIconComponent, "upup-drive-browser-icon", never, { "file": { "alias": "file"; "required": true; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/drive-browser-item.component.d.ts

@@ -0,0 +1,21 @@
+import { type DriveFile } from '@useupup/core';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of DriveBrowserItem.svelte.
+ *
+ * Renders a single drive file/folder row. Clicking calls handleClick.
+ * Highlights selected files. Preserves data-upup-slot="drive-browser-item".
+ */
+export declare class DriveBrowserItemComponent {
+    private store;
+    file: DriveFile;
+    handleClick: (file: DriveFile) => void;
+    selectedFiles: DriveFile[];
+    get isFolder(): boolean;
+    get isFileSelected(): boolean;
+    get containerClass(): string;
+    get innerClass(): string;
+    get textClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DriveBrowserItemComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DriveBrowserItemComponent, "upup-drive-browser-item", never, { "file": { "alias": "file"; "required": true; }; "handleClick": { "alias": "handleClick"; "required": true; }; "selectedFiles": { "alias": "selectedFiles"; "required": true; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/drive-browser.component.d.ts

@@ -0,0 +1,52 @@
+import { Type } from '@angular/core';
+import { type DriveBrowserError, type DriveFile, type DriveFolder, type DriveUser, type UiTranslations } from '@useupup/core';
+import * as i0 from "@angular/core";
+/**
+ * Angular port of DriveBrowser.svelte.
+ *
+ * The main drive file/folder browser. Driven entirely by signals passed as inputs
+ * from a drive service. No business logic: navigate/select/submit all delegate
+ * back to the service via the provided handler functions.
+ *
+ * Preserves data-testid="upup-drive-browser" and data-upup-slot={slotName}.
+ */
+export declare class DriveBrowserComponent {
+    private store;
+    driveFiles: () => DriveFolder | undefined;
+    path: () => DriveFolder[];
+    setPath: (newPath: DriveFolder[]) => void;
+    user: () => DriveUser | undefined;
+    handleSignOut: () => void;
+    handleClick: (file: DriveFile) => void;
+    selectedFiles: () => DriveFile[];
+    showLoader: () => boolean;
+    handleSubmit: () => Promise<void>;
+    handleCancelDownload: () => void;
+    isClickLoading: () => boolean;
+    onSelectCurrentFolder: (() => void) | undefined;
+    error: (() => DriveBrowserError | undefined) | undefined;
+    hasMore: (() => boolean) | undefined;
+    isLoadingMore: (() => boolean) | undefined;
+    loadMore: (() => void | Promise<void>) | undefined;
+    /** Maps to svelte's dataUpupSlot prop. */
+    slotName: string;
+    readonly searchTerm: import("@angular/core").WritableSignal<string>;
+    readonly onSearchChange: (v: string) => void;
+    readonly isLoading: import("@angular/core").Signal<boolean>;
+    get errorText(): string;
+    get loader(): Type<unknown>;
+    readonly items: import("@angular/core").Signal<DriveFile[]>;
+    readonly displayedItems: import("@angular/core").Signal<DriveFile[]>;
+    get tr(): UiTranslations;
+    /** Click handler that is a noop when loading (passed to DriveBrowserItem). */
+    get clickHandler(): (file: DriveFile) => void;
+    get addFilesLabel(): string;
+    get bodyClass(): string;
+    get footerClass(): string;
+    get selectFolderBtnClass(): string;
+    get addFilesBtnClass(): string;
+    get cancelBtnClass(): string;
+    private filterItems;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DriveBrowserComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DriveBrowserComponent, "upup-drive-browser", never, { "driveFiles": { "alias": "driveFiles"; "required": true; }; "path": { "alias": "path"; "required": true; }; "setPath": { "alias": "setPath"; "required": true; }; "user": { "alias": "user"; "required": true; }; "handleSignOut": { "alias": "handleSignOut"; "required": true; }; "handleClick": { "alias": "handleClick"; "required": true; }; "selectedFiles": { "alias": "selectedFiles"; "required": true; }; "showLoader": { "alias": "showLoader"; "required": true; }; "handleSubmit": { "alias": "handleSubmit"; "required": true; }; "handleCancelDownload": { "alias": "handleCancelDownload"; "required": true; }; "isClickLoading": { "alias": "isClickLoading"; "required": true; }; "onSelectCurrentFolder": { "alias": "onSelectCurrentFolder"; "required": false; }; "error": { "alias": "error"; "required": false; }; "hasMore": { "alias": "hasMore"; "required": false; }; "isLoadingMore": { "alias": "isLoadingMore"; "required": false; }; "loadMore": { "alias": "loadMore"; "required": false; }; "slotName": { "alias": "slotName"; "required": false; }; }, {}, never, never, true, never>;
+}

package/dist/components/shared/file-success-check.component.d.ts

@@ -0,0 +1,21 @@
+import * as i0 from "@angular/core";
+/**
+ * Completion checkmark (port of shared/FileSuccessCheck): a sky ring with a tick
+ * that DRAWS in and a wrapper that POPS, shown when a file reaches
+ * UploadStatus.SUCCESSFUL. Hosts (FilePreview tile, FileRow, FileHero) gate it
+ * on status; the fx classes render UNCONDITIONALLY — the shared CSS
+ * `data-motion="off"` kill rule is the one gate, so under motion-off the mark
+ * simply appears drawn. aria-hidden: completion is conveyed textually by the
+ * file list's live region + the upload announcement.
+ */
+export declare class FileSuccessCheckComponent {
+    /** Position in the sorted list — drives the draw/pop stagger (capped at 8). */
+    index: number;
+    /** Host-supplied positioning classes (absolute placement on tiles/hero). */
+    className: string;
+    size: number;
+    get delay(): string;
+    get spanClass(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<FileSuccessCheckComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<FileSuccessCheckComponent, "upup-file-success-check", never, { "index": { "alias": "index"; "required": false; }; "className": { "alias": "className"; "required": false; }; "size": { "alias": "size"; "required": false; }; }, {}, never, never, true, never>;
+}