@scaleflex/uploader 0.1.0

package/CHANGELOG.md

@@ -0,0 +1,57 @@
+# Changelog
+
+All notable changes to `@scaleflex/uploader` will be documented in this file.
+
+The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.1.0/),
+and this project adheres to [Semantic Versioning](https://semver.org/spec/v2.0.0.html).
+
+## [Unreleased]
+
+## [0.1.0] - 2026-03-18
+
+Initial release.
+
+### Added
+
+- `<sfx-uploader>` web component built with Lit 3 and Shadow DOM
+- Reactive store-based state management with centralised file collection (Map-based for O(1) lookups)
+- Modal and inline display modes
+- Drag & drop zone with animated ring feedback
+- Clipboard paste support for file uploads
+- URL upload dialog for importing files from direct HTTP links
+- Webcam capture dialog (photo and video via MediaRecorder API)
+- Screen capture dialog for recording screen content
+- Native file picker via device source
+- File queue with thumbnail previews, progress bars, and status indicators
+- Source pill buttons for switching between upload sources
+- Concurrent upload queue with configurable concurrency (default: 3)
+- Auto-proceed mode — start uploading as soon as files are added
+- Retry logic with exponential backoff for failed uploads
+- Per-file and aggregate progress tracking with speed and ETA calculations
+- File validation: type, size, total size, and file count restrictions
+- Per-file metadata and tag management (`updateFileMeta`, `updateFilesMeta`)
+- "Fill metadata" button support for external metadata workflows
+- Post-upload success card with file details
+- Abort and cancel operations for individual and batch uploads
+- Cloud provider connectors via Companion proxy server:
+  - Google Drive
+  - Dropbox
+  - OneDrive
+  - Box
+  - Instagram
+  - Facebook
+  - Unsplash
+- OAuth token management with `localStorage` caching for cloud providers
+- Provider browser UI with folder navigation and file selection
+- Custom source plugin architecture (`connectors.customSources`)
+- Three authentication modes: security template, SASS key, and session token
+- SASS key exchange for security template mode
+- Auth header generation and API base URL derivation
+- 20+ custom DOM events (`sfx-*`) with `bubbles` and `composed` for shadow DOM crossing
+- Config-based callback alternative (`UploaderCallbacks`) for all events
+- Cancelable `sfx-before-upload` event to intercept and prevent uploads
+- React wrapper with `forwardRef` support, controlled `open` prop, and imperative ref methods
+- CSS custom properties theming with `--sfx-up-*` prefix
+- Package exports: `.`, `./react`, `./define`
+- Vite 6 library build (ESM + CJS) with TypeScript declarations
+- Full TypeScript type exports for all public APIs

package/LICENSE

@@ -0,0 +1,50 @@
+PROPRIETARY SOFTWARE LICENSE
+
+Copyright (c) 2025 Scaleflex SAS. All Rights Reserved.
+
+NOTICE: This software and associated documentation files (the "Software") are
+the exclusive property of Scaleflex SAS. The Software is protected by copyright
+laws, international treaties, and other intellectual property laws.
+
+RESTRICTIONS
+
+You may NOT, without prior written permission from Scaleflex SAS:
+
+  1. Copy, reproduce, or duplicate the Software, in whole or in part.
+  2. Modify, adapt, translate, reverse engineer, decompile, or disassemble the
+     Software, or create derivative works based on the Software.
+  3. Distribute, sublicense, lease, rent, loan, sell, or otherwise transfer the
+     Software or any rights therein to any third party.
+  4. Remove, alter, or obscure any proprietary notices, labels, or marks on the
+     Software.
+  5. Use the Software for any purpose other than as expressly authorised under
+     a separate written licence agreement with Scaleflex SAS.
+
+GRANT OF LICENCE
+
+Use of this Software is permitted only under a separate written licence
+agreement between the licensee and Scaleflex SAS. Installing or downloading
+this Software does not, by itself, grant any licence or right to use the
+Software.
+
+NO WARRANTY
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE, AND NONINFRINGEMENT. IN NO EVENT SHALL
+SCALEFLEX SAS BE LIABLE FOR ANY CLAIM, DAMAGES, OR OTHER LIABILITY, WHETHER IN
+AN ACTION OF CONTRACT, TORT, OR OTHERWISE, ARISING FROM, OUT OF, OR IN
+CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
+
+ENFORCEMENT
+
+Unauthorised use, reproduction, or distribution of this Software, or any
+portion thereof, may result in severe civil and criminal penalties and will be
+prosecuted to the maximum extent permitted by applicable law.
+
+CONTACT
+
+For licensing enquiries:
+  Scaleflex SAS
+  Email: sales@scaleflex.com
+  Web:   https://www.scaleflex.com

package/README.md

@@ -0,0 +1,123 @@
+<p align="center">
+  <a href="https://www.scaleflex.com">
+    <img src="https://scaleflex.cloudimg.io/v7/plugins/js-cloudimage-360-view/logo_scaleflex_on_white_bg.jpg?vh=91b12d&w=700" alt="Scaleflex" width="350">
+  </a>
+</p>
+
+<h1 align="center">@scaleflex/uploader</h1>
+
+<p align="center">
+  Framework-agnostic file upload Web Component for <a href="https://www.scaleflex.com">Scaleflex VXP</a>.<br>
+  Drag &amp; drop, URL, webcam, screen capture, and cloud providers — in a single HTML tag.
+</p>
+
+<p align="center">
+  <a href="https://www.npmjs.com/package/@scaleflex/uploader"><img src="https://img.shields.io/npm/v/@scaleflex/uploader.svg?style=flat-square" alt="npm version"></a>
+  <a href="https://www.npmjs.com/package/@scaleflex/uploader"><img src="https://img.shields.io/npm/dm/@scaleflex/uploader.svg?style=flat-square" alt="npm downloads"></a>
+  <a href="https://bundlephobia.com/package/@scaleflex/uploader"><img src="https://img.shields.io/bundlephobia/minzip/@scaleflex/uploader?style=flat-square" alt="bundle size"></a>
+  <img src="https://img.shields.io/badge/license-proprietary-red?style=flat-square" alt="license">
+</p>
+
+<p align="center">
+  <a href="https://scaleflex.github.io/uploader/">Live Demo</a> |
+  <a href="https://scaleflex.github.io/uploader/#/docs/getting-started">Documentation</a> |
+  <a href="https://scaleflex.github.io/uploader/#/examples/basic">Examples</a> |
+  <a href="https://www.npmjs.com/package/@scaleflex/uploader">npm</a> |
+  <a href="https://www.scaleflex.com">Scaleflex</a>
+</p>
+
+---
+
+## Features
+
+- **Drag & drop** — animated drop zone with visual feedback, plus paste from clipboard
+- **Multiple sources** — device, URL import, webcam, screen capture, and 7 cloud providers (Google Drive, Dropbox, OneDrive, Box, Instagram, Facebook, Unsplash)
+- **Concurrent uploads** — configurable concurrency with retry and exponential backoff
+- **Real-time progress** — per-file and aggregate progress with speed and ETA
+- **File restrictions** — type, size, and count limits with clear rejection reasons
+- **Modal or inline** — use as a modal overlay or embed directly in your page
+- **Fully themeable** — CSS custom properties with `--sfx-up-*` prefix
+- **React wrapper** — controlled `open` prop and imperative ref via `@scaleflex/uploader/react`
+- **Lit 3** — lightweight Web Component with Shadow DOM encapsulation
+- **ESM + CJS** — dual build, tree-shakeable, TypeScript declarations included
+
+## Installation
+
+```bash
+npm install @scaleflex/uploader
+```
+
+## Quick start
+
+### Web Component
+
+```html
+<script type="module">
+  import '@scaleflex/uploader/define';
+
+  const uploader = document.querySelector('sfx-uploader');
+  uploader.config = {
+    auth: {
+      mode: 'security-template',
+      container: 'YOUR_CONTAINER',
+      securityTemplateId: 'SECU_...',
+    },
+  };
+  uploader.open();
+</script>
+
+<sfx-uploader></sfx-uploader>
+```
+
+### React
+
+```tsx
+import { useState } from 'react';
+import { Uploader } from '@scaleflex/uploader/react';
+
+function App() {
+  const [open, setOpen] = useState(false);
+
+  return (
+    <>
+      <button onClick={() => setOpen(true)}>Upload files</button>
+      <Uploader
+        open={open}
+        config={{
+          auth: {
+            mode: 'security-template',
+            container: 'YOUR_CONTAINER',
+            securityTemplateId: 'SECU_...',
+          },
+        }}
+        onClose={() => setOpen(false)}
+        onAllComplete={(ok, failed) => console.log('Done', ok, failed)}
+      />
+    </>
+  );
+}
+```
+
+## Package exports
+
+| Specifier | Description |
+|---|---|
+| `@scaleflex/uploader` | Core `SfxUploader` class (use with `customElements.define`) |
+| `@scaleflex/uploader/define` | Auto-registers `<sfx-uploader>` — import for side-effect |
+| `@scaleflex/uploader/react` | React wrapper component |
+
+## Browser support
+
+| Browser | Version |
+|---|---|
+| Chrome / Edge | 90+ |
+| Firefox | 100+ |
+| Safari | 15.4+ |
+
+## Documentation
+
+See the full documentation and interactive examples at **[scaleflex.github.io/uploader](https://scaleflex.github.io/uploader/)**.
+
+## License
+
+See [LICENSE](./LICENSE).

package/dist/auth/auth.service.d.ts

@@ -0,0 +1,25 @@
+import { AuthConfig, AuthHeaders } from './auth.types';
+/**
+ * Derive the Scaleflex API base URL from a container name.
+ * Returns e.g. "https://api.filerobot.com/my-container"
+ */
+export declare function getApiBase(container: string): string;
+/**
+ * Exchange a security template ID for a SASS key.
+ * Mirrors asset-picker's `exchangeSassKey()` pattern.
+ */
+export declare function exchangeSassKey(container: string, securityTemplateId: string): Promise<string>;
+/**
+ * Build auth headers from a resolved SASS key or session tokens.
+ */
+export declare function buildAuthHeaders(auth: AuthConfig, resolvedSassKey?: string): AuthHeaders;
+/**
+ * Resolve auth config into a ready-to-use API base + headers.
+ * For security-template mode, performs the SASS key exchange.
+ */
+export declare function resolveAuth(auth: AuthConfig): Promise<{
+    apiBase: string;
+    headers: AuthHeaders;
+    sassKey?: string;
+}>;
+//# sourceMappingURL=auth.service.d.ts.map

package/dist/auth/auth.service.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.service.d.ts","sourceRoot":"","sources":["../../src/auth/auth.service.ts"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAQ5D;;;GAGG;AACH,wBAAgB,UAAU,CAAC,SAAS,EAAE,MAAM,GAAG,MAAM,CAEpD;AAED;;;GAGG;AACH,wBAAsB,eAAe,CACnC,SAAS,EAAE,MAAM,EACjB,kBAAkB,EAAE,MAAM,GACzB,OAAO,CAAC,MAAM,CAAC,CA2BjB;AAED;;GAEG;AACH,wBAAgB,gBAAgB,CAAC,IAAI,EAAE,UAAU,EAAE,eAAe,CAAC,EAAE,MAAM,GAAG,WAAW,CAyBxF;AAED;;;GAGG;AACH,wBAAsB,WAAW,CAC/B,IAAI,EAAE,UAAU,GACf,OAAO,CAAC;IAAE,OAAO,EAAE,MAAM,CAAC;IAAC,OAAO,EAAE,WAAW,CAAC;IAAC,OAAO,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAStE"}

package/dist/auth/auth.types.d.ts

@@ -0,0 +1,24 @@
+export interface SecurityTemplateAuth {
+    mode: 'security-template';
+    container: string;
+    securityTemplateId: string;
+    airboxPuid?: string;
+}
+export interface SassKeyAuth {
+    mode: 'sass-key';
+    container: string;
+    sassKey: string;
+    airboxPuid?: string;
+}
+export interface SessionAuth {
+    mode: 'session';
+    container: string;
+    sessionToken: string;
+    companyToken?: string;
+    projectToken?: string;
+    airboxPuid?: string;
+}
+export type AuthConfig = SecurityTemplateAuth | SassKeyAuth | SessionAuth;
+/** Headers to attach to every Scaleflex API request. */
+export type AuthHeaders = Record<string, string>;
+//# sourceMappingURL=auth.types.d.ts.map

package/dist/auth/auth.types.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"auth.types.d.ts","sourceRoot":"","sources":["../../src/auth/auth.types.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,oBAAoB;IACnC,IAAI,EAAE,mBAAmB,CAAC;IAC1B,SAAS,EAAE,MAAM,CAAC;IAClB,kBAAkB,EAAE,MAAM,CAAC;IAC3B,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,UAAU,CAAC;IACjB,SAAS,EAAE,MAAM,CAAC;IAClB,OAAO,EAAE,MAAM,CAAC;IAChB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,WAAW,WAAW;IAC1B,IAAI,EAAE,SAAS,CAAC;IAChB,SAAS,EAAE,MAAM,CAAC;IAClB,YAAY,EAAE,MAAM,CAAC;IACrB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,UAAU,CAAC,EAAE,MAAM,CAAC;CACrB;AAED,MAAM,MAAM,UAAU,GAAG,oBAAoB,GAAG,WAAW,GAAG,WAAW,CAAC;AAE1E,wDAAwD;AACxD,MAAM,MAAM,WAAW,GAAG,MAAM,CAAC,MAAM,EAAE,MAAM,CAAC,CAAC"}

package/dist/auth/index.d.ts

@@ -0,0 +1,3 @@
+export type { AuthConfig, SecurityTemplateAuth, SassKeyAuth, SessionAuth, AuthHeaders } from './auth.types';
+export { resolveAuth, exchangeSassKey, getApiBase, buildAuthHeaders } from './auth.service';
+//# sourceMappingURL=index.d.ts.map

package/dist/auth/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/auth/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,UAAU,EAAE,oBAAoB,EAAE,WAAW,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,cAAc,CAAC;AAC5G,OAAO,EAAE,WAAW,EAAE,eAAe,EAAE,UAAU,EAAE,gBAAgB,EAAE,MAAM,gBAAgB,CAAC"}

package/dist/components/actions-bar.d.ts

@@ -0,0 +1,17 @@
+import { LitElement } from 'lit';
+export type UploadButtonState = 'idle' | 'uploading' | 'done';
+export declare class SfxActionsBar extends LitElement {
+    static styles: import('lit').CSSResult;
+    uploadState: UploadButtonState;
+    fileCount: number;
+    failedCount: number;
+    showFillMetadata: boolean;
+    private _clear;
+    private _addMore;
+    private _fillMetadata;
+    private _upload;
+    private _retryAll;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderUploadButton;
+}
+//# sourceMappingURL=actions-bar.d.ts.map

package/dist/components/actions-bar.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"actions-bar.d.ts","sourceRoot":"","sources":["../../src/components/actions-bar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,WAAW,GAAG,MAAM,CAAC;AAE9D,qBAAa,aAAc,SAAQ,UAAU;IAC3C,MAAM,CAAC,MAAM,0BA2IX;IAE0B,WAAW,EAAE,iBAAiB,CAAU;IACxC,SAAS,SAAK;IACd,WAAW,SAAK;IACf,gBAAgB,UAAS;IAEtD,OAAO,CAAC,MAAM;IAId,OAAO,CAAC,QAAQ;IAIhB,OAAO,CAAC,aAAa;IAIrB,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,SAAS;IAIjB,MAAM;IAoDN,OAAO,CAAC,mBAAmB;CAgC5B"}

package/dist/components/camera-dialog.d.ts

@@ -0,0 +1,27 @@
+import { LitElement } from 'lit';
+/**
+ * Modal dialog for capturing photos/video via webcam.
+ *
+ * Fires:
+ *  - `camera-capture`  → { file: File }
+ *  - `camera-cancel`   → void
+ */
+export declare class SfxCameraDialog extends LitElement {
+    static styles: import('lit').CSSResult;
+    private _stream;
+    private _error;
+    private _captured;
+    private _previewUrl;
+    private _onBackdropClick;
+    private _onKeyDown;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    private _startCamera;
+    private _stopStream;
+    private _capture;
+    private _retake;
+    private _usePhoto;
+    private _cancel;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=camera-dialog.d.ts.map

package/dist/components/camera-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"camera-dialog.d.ts","sourceRoot":"","sources":["../../src/components/camera-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAGrD;;;;;;GAMG;AACH,qBAAa,eAAgB,SAAQ,UAAU;IAC7C,MAAM,CAAC,MAAM,0BA0FX;IAEO,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,SAAS,CAAqB;IACtC,OAAO,CAAC,WAAW,CAAM;IAElC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,iBAAiB;IAKjB,oBAAoB;YAMN,YAAY;IAa1B,OAAO,CAAC,WAAW;IAKnB,OAAO,CAAC,QAAQ,CAgBd;IAEF,OAAO,CAAC,OAAO,CAKb;IAEF,OAAO,CAAC,SAAS,CAKf;IAEF,OAAO,CAAC,OAAO;IAKf,MAAM;CAqCP"}

package/dist/components/drop-zone.d.ts

@@ -0,0 +1,28 @@
+import { LitElement } from 'lit';
+import { SourceDef } from './source-pills';
+export declare class SfxDropZone extends LitElement {
+    static styles: import('lit').CSSResult;
+    compact: boolean;
+    accept: string;
+    sources: SourceDef[];
+    private _dragOver;
+    private _rippleEl;
+    fileInput: HTMLInputElement;
+    private _dragCounter;
+    /** Programmatically open file browser. */
+    browse(): void;
+    private _onDragEnter;
+    private _onDragOver;
+    private _onDragLeave;
+    private _onDrop;
+    private _onClick;
+    private _onKeyDown;
+    private _onFileChange;
+    private _onPaste;
+    private _onSourceIconClick;
+    private _emitFiles;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=drop-zone.d.ts.map

package/dist/components/drop-zone.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"drop-zone.d.ts","sourceRoot":"","sources":["../../src/components/drop-zone.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAIrD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAmTX;IAE2B,OAAO,UAAS;IACjB,MAAM,SAAM;IACb,OAAO,EAAE,SAAS,EAAE,CAAM;IAE5C,OAAO,CAAC,SAAS,CAAS;IAEjB,OAAO,CAAC,SAAS,CAAe;IACrB,SAAS,EAAG,gBAAgB,CAAC;IAE1D,OAAO,CAAC,YAAY,CAAK;IAEzB,0CAA0C;IAC1C,MAAM;IAMN,OAAO,CAAC,YAAY,CAMlB;IAEF,OAAO,CAAC,WAAW,CAEjB;IAEF,OAAO,CAAC,YAAY,CAOlB;IAEF,OAAO,CAAC,OAAO,CASb;IAIF,OAAO,CAAC,QAAQ,CAad;IAEF,OAAO,CAAC,UAAU,CAKhB;IAEF,OAAO,CAAC,aAAa,CAQnB;IAIF,OAAO,CAAC,QAAQ,CAkBd;IAEF,OAAO,CAAC,kBAAkB;IAU1B,OAAO,CAAC,UAAU;IAUlB,iBAAiB;IAKjB,oBAAoB;IAKpB,MAAM;CAyEP"}

package/dist/components/file-item.d.ts

@@ -0,0 +1,12 @@
+import { LitElement, nothing } from 'lit';
+import { UploadFile } from '../store/store.types';
+export declare class SfxFileItem extends LitElement {
+    static styles: import('lit').CSSResult;
+    file: UploadFile;
+    private _remove;
+    private _retry;
+    private _preview;
+    render(): typeof nothing | import('lit-html').TemplateResult<1>;
+    private _renderTypeIcon;
+}
+//# sourceMappingURL=file-item.d.ts.map

package/dist/components/file-item.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-item.d.ts","sourceRoot":"","sources":["../../src/components/file-item.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,OAAO,EAAE,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAGvD,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAwVX;IAE8B,IAAI,EAAG,UAAU,CAAC;IAElD,OAAO,CAAC,OAAO;IAUf,OAAO,CAAC,MAAM;IAUd,OAAO,CAAC,QAAQ;IAWhB,MAAM;IAwGN,OAAO,CAAC,eAAe;CAcxB"}

package/dist/components/file-list.d.ts

@@ -0,0 +1,8 @@
+import { LitElement } from 'lit';
+import { UploadFile } from '../store/store.types';
+export declare class SfxFileList extends LitElement {
+    static styles: import('lit').CSSResult;
+    files: UploadFile[];
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=file-list.d.ts.map

package/dist/components/file-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"file-list.d.ts","sourceRoot":"","sources":["../../src/components/file-list.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,sBAAsB,CAAC;AAEvD,qBAAa,WAAY,SAAQ,UAAU;IACzC,MAAM,CAAC,MAAM,0BAaX;IAE8B,KAAK,EAAE,UAAU,EAAE,CAAM;IAEzD,MAAM;CASP"}

package/dist/components/import-divider.d.ts

@@ -0,0 +1,6 @@
+import { LitElement } from 'lit';
+export declare class SfxImportDivider extends LitElement {
+    static styles: import('lit').CSSResult;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=import-divider.d.ts.map

package/dist/components/import-divider.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"import-divider.d.ts","sourceRoot":"","sources":["../../src/components/import-divider.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAE5C,qBAAa,gBAAiB,SAAQ,UAAU;IAC9C,MAAM,CAAC,MAAM,0BAsBX;IAEF,MAAM;CAOP"}

package/dist/components/index.d.ts

@@ -0,0 +1,9 @@
+export { SfxDropZone } from './drop-zone';
+export { SfxImportDivider } from './import-divider';
+export { SfxSourcePills, CORE_SOURCES, type SourceDef } from './source-pills';
+export { SfxFileList } from './file-list';
+export { SfxFileItem } from './file-item';
+export { SfxSuccessCard } from './success-card';
+export { SfxActionsBar, type UploadButtonState } from './actions-bar';
+export { SfxUrlDialog } from './url-dialog';
+//# sourceMappingURL=index.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/components/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,gBAAgB,EAAE,MAAM,kBAAkB,CAAC;AACpD,OAAO,EAAE,cAAc,EAAE,YAAY,EAAE,KAAK,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAC9E,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,cAAc,EAAE,MAAM,gBAAgB,CAAC;AAChD,OAAO,EAAE,aAAa,EAAE,KAAK,iBAAiB,EAAE,MAAM,eAAe,CAAC;AACtE,OAAO,EAAE,YAAY,EAAE,MAAM,cAAc,CAAC"}

package/dist/components/provider-browser.d.ts

@@ -0,0 +1,48 @@
+import { LitElement } from 'lit';
+import { ProviderId } from '../connectors/connector.types';
+export declare class SfxProviderBrowser extends LitElement {
+    static styles: import('lit').CSSResult;
+    provider: ProviderId;
+    companionUrl: string;
+    private _authenticated;
+    private _loading;
+    private _items;
+    private _selectedIds;
+    private _breadcrumbs;
+    private _nextPagePath;
+    private _error;
+    private _loadingMore;
+    private _username;
+    private _cleanupAuthListener;
+    private _authWindow;
+    connectedCallback(): void;
+    disconnectedCallback(): void;
+    updated(changed: Map<string, unknown>): void;
+    private _reset;
+    private _checkAuth;
+    private get _providerLabel();
+    private _handleConnect;
+    private _loadFolder;
+    private _onFolderClick;
+    private _onBreadcrumbClick;
+    private _onLoadMore;
+    private _lastClickedIndex;
+    private _toggleSelect;
+    private _toggleSelectAll;
+    private _onAddSelected;
+    private _onClose;
+    private _handleLogout;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderHeader;
+    private _renderAuthView;
+    private _renderLoading;
+    private _renderError;
+    private _renderBrowser;
+    private _renderBreadcrumbs;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sfx-provider-browser': SfxProviderBrowser;
+    }
+}
+//# sourceMappingURL=provider-browser.d.ts.map

package/dist/components/provider-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"provider-browser.d.ts","sourceRoot":"","sources":["../../src/components/provider-browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAiC,MAAM,+BAA+B,CAAC;AAgB/F,qBAAa,kBAAmB,SAAQ,UAAU;IAChD,MAAM,CAAC,MAAM,0BAmcX;IAE0B,QAAQ,EAAE,UAAU,CAAkB;IACtC,YAAY,SAAM;IAErC,OAAO,CAAC,cAAc,CAAS;IAC/B,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,YAAY,CAAoB;IACxC,OAAO,CAAC,aAAa,CAAuB;IAC5C,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,SAAS,CAAuB;IAEjD,OAAO,CAAC,oBAAoB,CAA6B;IACzD,OAAO,CAAC,WAAW,CAAuB;IAE1C,iBAAiB;IAKjB,oBAAoB;IAMpB,OAAO,CAAC,OAAO,EAAE,GAAG,CAAC,MAAM,EAAE,OAAO,CAAC;IAOrC,OAAO,CAAC,MAAM;IAWd,OAAO,CAAC,UAAU;IAQlB,OAAO,KAAK,cAAc,GAGzB;IAID,OAAO,CAAC,cAAc,CAiBpB;YAIY,WAAW;IAoCzB,OAAO,CAAC,cAAc;IAKtB,OAAO,CAAC,kBAAkB;YAcZ,WAAW;IAqBzB,OAAO,CAAC,iBAAiB,CAAuB;IAEhD,OAAO,CAAC,aAAa;IA2BrB,OAAO,CAAC,gBAAgB,CAQtB;IAEF,OAAO,CAAC,cAAc,CA2BpB;IAEF,OAAO,CAAC,QAAQ,CAOd;IAIF,OAAO,CAAC,aAAa,CAWnB;IAIF,MAAM;IAaN,OAAO,CAAC,aAAa;IAmBrB,OAAO,CAAC,eAAe;IAgBvB,OAAO,CAAC,cAAc;IAkBtB,OAAO,CAAC,YAAY;IAcpB,OAAO,CAAC,cAAc;IAqGtB,OAAO,CAAC,kBAAkB;CAiB3B;AAUD,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,sBAAsB,EAAE,kBAAkB,CAAC;KAC5C;CACF"}

package/dist/components/screen-cast-dialog.d.ts

@@ -0,0 +1,29 @@
+import { LitElement } from 'lit';
+/**
+ * Modal dialog for screen capture/recording.
+ *
+ * Fires:
+ *  - `screencast-capture` → { file: File }
+ *  - `screencast-cancel`  → void
+ */
+export declare class SfxScreenCastDialog extends LitElement {
+    static styles: import('lit').CSSResult;
+    private _stream;
+    private _recording;
+    private _error;
+    private _recordedBlob;
+    private _previewUrl;
+    private _recorder;
+    private _chunks;
+    private _onBackdropClick;
+    private _onKeyDown;
+    disconnectedCallback(): void;
+    private _stopAll;
+    private _startRecording;
+    private _stopRecording;
+    private _useRecording;
+    private _discard;
+    private _cancel;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=screen-cast-dialog.d.ts.map

package/dist/components/screen-cast-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"screen-cast-dialog.d.ts","sourceRoot":"","sources":["../../src/components/screen-cast-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;GAMG;AACH,qBAAa,mBAAoB,SAAQ,UAAU;IACjD,MAAM,CAAC,MAAM,0BA6GX;IAEO,OAAO,CAAC,OAAO,CAA4B;IAC3C,OAAO,CAAC,UAAU,CAAS;IAC3B,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,aAAa,CAAqB;IAC1C,OAAO,CAAC,WAAW,CAAM;IAElC,OAAO,CAAC,SAAS,CAA8B;IAC/C,OAAO,CAAC,OAAO,CAAc;IAE7B,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,UAAU,CAEhB;IAEF,oBAAoB;IAMpB,OAAO,CAAC,QAAQ;IAOhB,OAAO,CAAC,eAAe,CAuCrB;IAEF,OAAO,CAAC,cAAc,CAIpB;IAEF,OAAO,CAAC,aAAa,CAKnB;IAEF,OAAO,CAAC,QAAQ,CAId;IAEF,OAAO,CAAC,OAAO;IAKf,MAAM;CAuDP"}

package/dist/components/search-provider-browser.d.ts

@@ -0,0 +1,36 @@
+import { LitElement } from 'lit';
+import { ProviderId } from '../connectors/connector.types';
+export declare class SfxSearchProviderBrowser extends LitElement {
+    static styles: import('lit').CSSResult;
+    provider: ProviderId;
+    companionUrl: string;
+    private _loading;
+    private _loadingMore;
+    private _items;
+    private _selectedIds;
+    private _error;
+    private _searchQuery;
+    private _nextPageQuery;
+    private _searched;
+    private get _providerLabel();
+    private _onResultsScroll;
+    private _onSearchInput;
+    private _onSearchKeydown;
+    private _doSearch;
+    private _onLoadMore;
+    private _toggleSelect;
+    private _onAddSelected;
+    private _onClose;
+    render(): import('lit-html').TemplateResult<1>;
+    private _renderHeader;
+    private _renderSearchBar;
+    private _renderLoading;
+    private _renderError;
+    private _renderResults;
+}
+declare global {
+    interface HTMLElementTagNameMap {
+        'sfx-search-provider-browser': SfxSearchProviderBrowser;
+    }
+}
+//# sourceMappingURL=search-provider-browser.d.ts.map

package/dist/components/search-provider-browser.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"search-provider-browser.d.ts","sourceRoot":"","sources":["../../src/components/search-provider-browser.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAsB,MAAM,KAAK,CAAC;AAErD,OAAO,KAAK,EAAE,UAAU,EAAuC,MAAM,+BAA+B,CAAC;AAIrG,qBAAa,wBAAyB,SAAQ,UAAU;IACtD,MAAM,CAAC,MAAM,0BAoTX;IAE0B,QAAQ,EAAE,UAAU,CAAc;IAClC,YAAY,SAAM;IAErC,OAAO,CAAC,QAAQ,CAAS;IACzB,OAAO,CAAC,YAAY,CAAS;IAC7B,OAAO,CAAC,MAAM,CAA6B;IAC3C,OAAO,CAAC,YAAY,CAAqB;IACzC,OAAO,CAAC,MAAM,CAAuB;IACrC,OAAO,CAAC,YAAY,CAAM;IAC1B,OAAO,CAAC,cAAc,CAAuB;IAC7C,OAAO,CAAC,SAAS,CAAS;IAEnC,OAAO,KAAK,cAAc,GAGzB;IAED,OAAO,CAAC,gBAAgB,CAOtB;IAIF,OAAO,CAAC,cAAc,CAEpB;IAEF,OAAO,CAAC,gBAAgB,CAEtB;YAEY,SAAS;YA4BT,WAAW;IAyBzB,OAAO,CAAC,aAAa;IAUrB,OAAO,CAAC,cAAc,CAsBpB;IAEF,OAAO,CAAC,QAAQ,CAOd;IAIF,MAAM;IAYN,OAAO,CAAC,aAAa;IAarB,OAAO,CAAC,gBAAgB;IAsBxB,OAAO,CAAC,cAAc;IAQtB,OAAO,CAAC,YAAY;IASpB,OAAO,CAAC,cAAc;CAoEvB;AAED,OAAO,CAAC,MAAM,CAAC;IACb,UAAU,qBAAqB;QAC7B,6BAA6B,EAAE,wBAAwB,CAAC;KACzD;CACF"}

package/dist/components/source-pills.d.ts

@@ -0,0 +1,11 @@
+import { LitElement } from 'lit';
+import { SourceDef } from '../types/source.types';
+export type { SourceDef, UploaderHandle } from '../types/source.types';
+export declare const CORE_SOURCES: SourceDef[];
+export declare class SfxSourcePills extends LitElement {
+    static styles: import('lit').CSSResult;
+    sources: SourceDef[];
+    private _handleClick;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=source-pills.d.ts.map

package/dist/components/source-pills.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"source-pills.d.ts","sourceRoot":"","sources":["../../src/components/source-pills.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAK5C,YAAY,EAAE,SAAS,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AACvE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,uBAAuB,CAAC;AAOvD,eAAO,MAAM,YAAY,EAAE,SAAS,EAKnC,CAAC;AAEF,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BAqDX;IAEyB,OAAO,EAAE,SAAS,EAAE,CAAgB;IAE/D,OAAO,CAAC,YAAY;IAUpB,MAAM;CAYP"}

package/dist/components/success-card.d.ts

@@ -0,0 +1,10 @@
+import { LitElement } from 'lit';
+export declare class SfxSuccessCard extends LitElement {
+    static styles: import('lit').CSSResult;
+    fileCount: number;
+    primaryLabel: string;
+    private _uploadMore;
+    private _primaryAction;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=success-card.d.ts.map

package/dist/components/success-card.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"success-card.d.ts","sourceRoot":"","sources":["../../src/components/success-card.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C,qBAAa,cAAe,SAAQ,UAAU;IAC5C,MAAM,CAAC,MAAM,0BA4HX;IAE0B,SAAS,SAAK;IACd,YAAY,SAAU;IAElD,OAAO,CAAC,WAAW;IAMnB,OAAO,CAAC,cAAc;IAMtB,MAAM;CAqBP"}

package/dist/components/url-dialog.d.ts

@@ -0,0 +1,25 @@
+import { LitElement } from 'lit';
+/**
+ * Modal dialog for importing a file via URL.
+ *
+ * Fires:
+ *  - `url-submit`  → { url: string, name: string }
+ *  - `url-cancel`  → void
+ */
+export declare class SfxUrlDialog extends LitElement {
+    static styles: import('lit').CSSResult;
+    private _url;
+    private _name;
+    private _error;
+    private _loading;
+    private _onBackdropClick;
+    private _onUrlInput;
+    private _onNameInput;
+    private _autoName;
+    private _onKeyDown;
+    private _cancel;
+    private _submit;
+    connectedCallback(): void;
+    render(): import('lit-html').TemplateResult<1>;
+}
+//# sourceMappingURL=url-dialog.d.ts.map

package/dist/components/url-dialog.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"url-dialog.d.ts","sourceRoot":"","sources":["../../src/components/url-dialog.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,UAAU,EAAa,MAAM,KAAK,CAAC;AAG5C;;;;;;GAMG;AACH,qBAAa,YAAa,SAAQ,UAAU;IAC1C,MAAM,CAAC,MAAM,0BA6NX;IAEO,OAAO,CAAC,IAAI,CAAM;IAClB,OAAO,CAAC,KAAK,CAAM;IACnB,OAAO,CAAC,MAAM,CAAM;IACpB,OAAO,CAAC,QAAQ,CAAS;IAElC,OAAO,CAAC,gBAAgB,CAEtB;IAEF,OAAO,CAAC,WAAW,CAIjB;IAEF,OAAO,CAAC,YAAY,CAElB;IAEF,OAAO,CAAC,SAAS;IAcjB,OAAO,CAAC,UAAU,CAGhB;IAEF,OAAO,CAAC,OAAO;IAIf,OAAO,CAAC,OAAO;IAkCf,iBAAiB;IAQjB,MAAM;CA+CP"}