@anvilkit/plugin-asset-manager 0.1.6 → 0.1.8

package/dist/ui/UnsplashPanel.d.cts

@@ -0,0 +1,28 @@
+import type { AssetTheme } from "../sources/provider.js";
+/** A browsed Unsplash result + the attribution the tile must show. */
+export interface UnsplashResult {
+    readonly id: string;
+    readonly thumbnailUrl: string;
+    readonly photographerName: string;
+    readonly photographerUrl: string;
+    readonly unsplashUrl: string;
+}
+export type UnsplashPanelStatus = "idle" | "loading" | "rateLimited" | "error" | "disabled";
+export interface UnsplashPanelProps {
+    readonly themes: readonly AssetTheme[];
+    readonly activeThemeId?: string;
+    readonly onThemeChange: (themeId: string | undefined) => void;
+    readonly query: string;
+    readonly onQueryChange: (query: string) => void;
+    readonly results: readonly UnsplashResult[];
+    readonly status: UnsplashPanelStatus;
+    /** Insert a result — the host calls the provider's pickResult (download trigger). */
+    readonly onPick: (id: string) => void | Promise<void>;
+    readonly onLoadMore?: () => void;
+    /** Map a theme label key → display text (defaults to the raw key). */
+    readonly themeLabel?: (key: string) => string;
+    /** Skeleton tile count while loading the first page. */
+    readonly skeletonCount?: number;
+}
+export declare function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel, skeletonCount, }: UnsplashPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UnsplashPanel.d.cts.map

package/dist/ui/UnsplashPanel.d.cts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsplashPanel.d.cts","sourceRoot":"","sources":["../../src/ui/UnsplashPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,sEAAsE;AACtE,MAAM,WAAW,cAAc;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAC5B,MAAM,GACN,SAAS,GACT,aAAa,GACb,OAAO,GACP,UAAU,CAAC;AAEd,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,wDAAwD;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,aAAa,EACb,KAAK,EACL,aAAa,EACb,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAkB,GAClB,EAAE,kBAAkB,2CA8JpB"}

package/dist/ui/UnsplashPanel.d.ts

@@ -0,0 +1,28 @@
+import type { AssetTheme } from "../sources/provider.js";
+/** A browsed Unsplash result + the attribution the tile must show. */
+export interface UnsplashResult {
+    readonly id: string;
+    readonly thumbnailUrl: string;
+    readonly photographerName: string;
+    readonly photographerUrl: string;
+    readonly unsplashUrl: string;
+}
+export type UnsplashPanelStatus = "idle" | "loading" | "rateLimited" | "error" | "disabled";
+export interface UnsplashPanelProps {
+    readonly themes: readonly AssetTheme[];
+    readonly activeThemeId?: string;
+    readonly onThemeChange: (themeId: string | undefined) => void;
+    readonly query: string;
+    readonly onQueryChange: (query: string) => void;
+    readonly results: readonly UnsplashResult[];
+    readonly status: UnsplashPanelStatus;
+    /** Insert a result — the host calls the provider's pickResult (download trigger). */
+    readonly onPick: (id: string) => void | Promise<void>;
+    readonly onLoadMore?: () => void;
+    /** Map a theme label key → display text (defaults to the raw key). */
+    readonly themeLabel?: (key: string) => string;
+    /** Skeleton tile count while loading the first page. */
+    readonly skeletonCount?: number;
+}
+export declare function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel, skeletonCount, }: UnsplashPanelProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=UnsplashPanel.d.ts.map

package/dist/ui/UnsplashPanel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"UnsplashPanel.d.ts","sourceRoot":"","sources":["../../src/ui/UnsplashPanel.tsx"],"names":[],"mappings":"AAOA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,wBAAwB,CAAC;AAGzD,sEAAsE;AACtE,MAAM,WAAW,cAAc;IAC9B,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,QAAQ,CAAC,YAAY,EAAE,MAAM,CAAC;IAC9B,QAAQ,CAAC,gBAAgB,EAAE,MAAM,CAAC;IAClC,QAAQ,CAAC,eAAe,EAAE,MAAM,CAAC;IACjC,QAAQ,CAAC,WAAW,EAAE,MAAM,CAAC;CAC7B;AAED,MAAM,MAAM,mBAAmB,GAC5B,MAAM,GACN,SAAS,GACT,aAAa,GACb,OAAO,GACP,UAAU,CAAC;AAEd,MAAM,WAAW,kBAAkB;IAClC,QAAQ,CAAC,MAAM,EAAE,SAAS,UAAU,EAAE,CAAC;IACvC,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;IAChC,QAAQ,CAAC,aAAa,EAAE,CAAC,OAAO,EAAE,MAAM,GAAG,SAAS,KAAK,IAAI,CAAC;IAC9D,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;IACvB,QAAQ,CAAC,aAAa,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IAChD,QAAQ,CAAC,OAAO,EAAE,SAAS,cAAc,EAAE,CAAC;IAC5C,QAAQ,CAAC,MAAM,EAAE,mBAAmB,CAAC;IACrC,qFAAqF;IACrF,QAAQ,CAAC,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACtD,QAAQ,CAAC,UAAU,CAAC,EAAE,MAAM,IAAI,CAAC;IACjC,sEAAsE;IACtE,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,KAAK,MAAM,CAAC;IAC9C,wDAAwD;IACxD,QAAQ,CAAC,aAAa,CAAC,EAAE,MAAM,CAAC;CAChC;AAED,wBAAgB,aAAa,CAAC,EAC7B,MAAM,EACN,aAAa,EACb,aAAa,EACb,KAAK,EACL,aAAa,EACb,OAAO,EACP,MAAM,EACN,MAAM,EACN,UAAU,EACV,UAAU,EACV,aAAkB,GAClB,EAAE,kBAAkB,2CA8JpB"}

package/dist/ui/UnsplashPanel.js

@@ -0,0 +1,99 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Button } from "@anvilkit/ui/button";
+import { Input } from "@anvilkit/ui/input";
+import * as __rspack_external_react from "react";
+function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel, skeletonCount = 12 }) {
+    const msg = useMsg();
+    const resolvedThemeLabel = themeLabel ?? ((key)=>msg(key));
+    if ("disabled" === status) return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "status",
+        "data-testid": "ak-unsplash-disabled",
+        className: "flex flex-col items-center gap-2 p-6 text-center text-sm text-[var(--ak-studio-muted-fg)]"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("p", null, msg("assetManager.unsplash.disabled")));
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-testid": "ak-unsplash-panel",
+        className: "flex flex-col gap-2"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("span", {
+        role: "status",
+        "aria-live": "polite",
+        "data-testid": "ak-unsplash-status",
+        className: "sr-only"
+    }, "loading" === status ? msg("assetManager.unsplash.loading") : ""), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
+        value: query,
+        placeholder: msg("assetManager.unsplash.searchPlaceholder"),
+        "data-testid": "ak-unsplash-search",
+        onChange: (event)=>onQueryChange(event.currentTarget.value)
+    }), themes.length > 0 ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        role: "group",
+        "aria-label": msg("assetManager.unsplash.themesLabel"),
+        "data-testid": "ak-unsplash-themes",
+        className: "flex flex-wrap gap-1"
+    }, themes.map((theme)=>/*#__PURE__*/ __rspack_external_react.createElement(Button, {
+            key: theme.id,
+            type: "button",
+            size: "sm",
+            variant: theme.id === activeThemeId ? "secondary" : "ghost",
+            "aria-pressed": theme.id === activeThemeId,
+            "data-theme-id": theme.id,
+            onClick: ()=>onThemeChange(theme.id === activeThemeId ? void 0 : theme.id)
+        }, resolvedThemeLabel(theme.label)))) : null, "rateLimited" === status ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        role: "alert",
+        "data-testid": "ak-unsplash-rate-limited",
+        className: "text-sm"
+    }, msg("assetManager.unsplash.rateLimited")) : null, "error" === status ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        role: "alert",
+        "data-testid": "ak-unsplash-error",
+        className: "text-sm"
+    }, msg("assetManager.unsplash.error")) : null, "loading" === status && 0 === results.length ? /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "data-testid": "ak-unsplash-skeletons",
+        className: "grid grid-cols-3 gap-2",
+        "aria-hidden": "true"
+    }, Array.from({
+        length: skeletonCount
+    }, (_, index)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
+            key: `skeleton-${index}`,
+            className: "aspect-square animate-pulse rounded bg-[var(--ak-studio-muted,#e5e7eb)]"
+        }))) : 0 === results.length && "idle" === status ? /*#__PURE__*/ __rspack_external_react.createElement("p", {
+        "data-testid": "ak-unsplash-empty",
+        className: "p-4 text-center text-sm"
+    }, msg("assetManager.unsplash.empty")) : /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "data-testid": "ak-unsplash-results",
+        className: "grid grid-cols-3 gap-2"
+    }, results.map((result)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
+            key: result.id,
+            className: "flex flex-col gap-0.5"
+        }, /*#__PURE__*/ __rspack_external_react.createElement("button", {
+            type: "button",
+            "data-unsplash-id": result.id,
+            "aria-label": msg("assetManager.unsplash.insert").replace("{photographer}", result.photographerName),
+            className: "overflow-hidden rounded",
+            onClick: ()=>void onPick(result.id)
+        }, /*#__PURE__*/ __rspack_external_react.createElement("img", {
+            src: result.thumbnailUrl,
+            alt: "",
+            className: "aspect-square w-full object-cover",
+            loading: "lazy"
+        })), /*#__PURE__*/ __rspack_external_react.createElement("p", {
+            className: "truncate text-[10px] text-[var(--ak-studio-muted-fg)]"
+        }, /*#__PURE__*/ __rspack_external_react.createElement("a", {
+            href: result.photographerUrl,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "underline"
+        }, result.photographerName), " ", "\xb7", " ", /*#__PURE__*/ __rspack_external_react.createElement("a", {
+            href: result.unsplashUrl,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "underline"
+        }, "Unsplash"))))), onLoadMore && results.length > 0 ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        className: "flex justify-center"
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled: "loading" === status,
+        onClick: onLoadMore
+    }, msg("assetManager.button.loadMore"))) : null);
+}
+export { UnsplashPanel };

package/dist/ui/UploadButton.cjs

@@ -31,11 +31,18 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     UploadButton: ()=>UploadButton
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const external_react_namespaceObject = require("react");
 const external_plugin_cjs_namespaceObject = require("../plugin.cjs");
 const validate_upload_result_cjs_namespaceObject = require("../utils/validate-upload-result.cjs");
+function handleDragOver(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+}
 function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const inputRef = external_react_namespaceObject.useRef(null);
     const [errorMessage, setErrorMessage] = external_react_namespaceObject.useState(null);
     const [batch, setBatch] = external_react_namespaceObject.useState(null);
@@ -121,11 +128,6 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         event.stopPropagation();
         if (event.dataTransfer?.types?.includes("Files")) setIsDragOver(true);
     }
-    function handleDragOver(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
-    }
     function handleDragLeave(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -138,7 +140,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];
         await processFiles(files);
     }
-    const statusMessage = errorMessage ?? (null !== batch ? `Uploading ${Math.min(batch.completed + 1, batch.total)} of ${batch.total}…` : "Accepted files upload through the configured adapter.");
+    const statusMessage = errorMessage ?? (null !== batch ? msg("assetManager.upload.statusProgress").replace("{completed}", String(Math.min(batch.completed + 1, batch.total))).replace("{total}", String(batch.total)) : msg("assetManager.upload.statusIdle"));
     return /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-drop-zone": true,
         "data-drag-over": isDragOver ? "true" : void 0,
@@ -151,6 +153,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         tabIndex: -1
     }, /*#__PURE__*/ external_react_namespaceObject.createElement("input", {
         accept: acceptAttr,
+        "aria-label": msg("assetManager.upload.chooseLabel"),
         multiple: true,
         onChange: (event)=>{
             handleChange(event);
@@ -161,14 +164,14 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         },
         type: "file"
     }), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
-        "aria-label": "Upload asset file",
+        "aria-label": msg("assetManager.upload.buttonLabel"),
         disabled: isUploading,
         onClick: ()=>{
             inputRef.current?.click();
         },
         type: "button",
         variant: "outline"
-    }, isUploading ? /*#__PURE__*/ external_react_namespaceObject.createElement(UploadSpinner, null) : null, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, isUploading ? "Uploading…" : "Upload asset")), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+    }, isUploading ? /*#__PURE__*/ external_react_namespaceObject.createElement(UploadSpinner, null) : null, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, isUploading ? msg("assetManager.upload.progress") : msg("assetManager.upload.button"))), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
         "aria-live": "polite",
         role: "status"
     }, statusMessage));
@@ -176,13 +179,9 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
 function UploadSpinner() {
     return /*#__PURE__*/ external_react_namespaceObject.createElement("svg", {
         "aria-hidden": true,
+        className: "mr-1.5 inline-block animate-spin",
         fill: "none",
         height: 14,
-        style: {
-            display: "inline-block",
-            marginRight: 6,
-            animation: "spin 1s linear infinite"
-        },
         viewBox: "0 0 24 24",
         width: 14
     }, /*#__PURE__*/ external_react_namespaceObject.createElement("circle", {

package/dist/ui/UploadButton.d.cts

@@ -1,9 +1,16 @@
-import type { AssetManagerOptions, UploadResult } from "../types/types.js";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { UploadAdapter, UploadResult } from "../types/types.js";
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;
 }
-export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+    /**
+     * Binary uploader. Required at the UI boundary even though
+     * `AssetManagerOptions.uploader` is optional — the plugin passes the
+     * resolved (defaulted) uploader, so the component never sees `undefined`.
+     */
+    readonly uploader: UploadAdapter;
     readonly onUploaded?: (asset: UploadResult) => void;
     readonly onError?: (error: unknown) => void;
     /**

package/dist/ui/UploadButton.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.cts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG3E,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CA6KnB"}
+{"version":3,"file":"UploadButton.d.cts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,uBAAuB,GACvB,2BAA2B,CAC7B;IACD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAYD,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CAmLnB"}

package/dist/ui/UploadButton.d.ts

@@ -1,9 +1,16 @@
-import type { AssetManagerOptions, UploadResult } from "../types/types.js";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { UploadAdapter, UploadResult } from "../types/types.js";
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;
 }
-export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+    /**
+     * Binary uploader. Required at the UI boundary even though
+     * `AssetManagerOptions.uploader` is optional — the plugin passes the
+     * resolved (defaulted) uploader, so the component never sees `undefined`.
+     */
+    readonly uploader: UploadAdapter;
     readonly onUploaded?: (asset: UploadResult) => void;
     readonly onError?: (error: unknown) => void;
     /**

package/dist/ui/UploadButton.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAG3E,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAED,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CA6KnB"}
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAMA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,uBAAuB,GACvB,2BAA2B,CAC7B;IACD;;;;OAIG;IACH,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACpD,QAAQ,CAAC,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,OAAO,KAAK,IAAI,CAAC;IAC5C;;;;OAIG;IACH,QAAQ,CAAC,UAAU,CAAC,EAAE,CAAC,QAAQ,EAAE,sBAAsB,GAAG,IAAI,KAAK,IAAI,CAAC;CACxE;AAYD,wBAAgB,YAAY,CAAC,EAC5B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,2CAmLnB"}

package/dist/ui/UploadButton.js

@@ -1,9 +1,16 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { validateSelectedFile } from "../plugin.js";
 import { validateUploadResult } from "../utils/validate-upload-result.js";
 import * as __rspack_external_react from "react";
+function handleDragOver(event) {
+    event.preventDefault();
+    event.stopPropagation();
+    if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
+}
 function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader }) {
+    const msg = useMsg();
     const inputRef = __rspack_external_react.useRef(null);
     const [errorMessage, setErrorMessage] = __rspack_external_react.useState(null);
     const [batch, setBatch] = __rspack_external_react.useState(null);
@@ -89,11 +96,6 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         event.stopPropagation();
         if (event.dataTransfer?.types?.includes("Files")) setIsDragOver(true);
     }
-    function handleDragOver(event) {
-        event.preventDefault();
-        event.stopPropagation();
-        if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
-    }
     function handleDragLeave(event) {
         event.preventDefault();
         event.stopPropagation();
@@ -106,7 +108,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         const files = event.dataTransfer?.files ? Array.from(event.dataTransfer.files) : [];
         await processFiles(files);
     }
-    const statusMessage = errorMessage ?? (null !== batch ? `Uploading ${Math.min(batch.completed + 1, batch.total)} of ${batch.total}…` : "Accepted files upload through the configured adapter.");
+    const statusMessage = errorMessage ?? (null !== batch ? msg("assetManager.upload.statusProgress").replace("{completed}", String(Math.min(batch.completed + 1, batch.total))).replace("{total}", String(batch.total)) : msg("assetManager.upload.statusIdle"));
     return /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-drop-zone": true,
         "data-drag-over": isDragOver ? "true" : void 0,
@@ -119,6 +121,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         tabIndex: -1
     }, /*#__PURE__*/ __rspack_external_react.createElement("input", {
         accept: acceptAttr,
+        "aria-label": msg("assetManager.upload.chooseLabel"),
         multiple: true,
         onChange: (event)=>{
             handleChange(event);
@@ -129,14 +132,14 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
         },
         type: "file"
     }), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
-        "aria-label": "Upload asset file",
+        "aria-label": msg("assetManager.upload.buttonLabel"),
         disabled: isUploading,
         onClick: ()=>{
             inputRef.current?.click();
         },
         type: "button",
         variant: "outline"
-    }, isUploading ? /*#__PURE__*/ __rspack_external_react.createElement(UploadSpinner, null) : null, /*#__PURE__*/ __rspack_external_react.createElement("span", null, isUploading ? "Uploading…" : "Upload asset")), /*#__PURE__*/ __rspack_external_react.createElement("p", {
+    }, isUploading ? /*#__PURE__*/ __rspack_external_react.createElement(UploadSpinner, null) : null, /*#__PURE__*/ __rspack_external_react.createElement("span", null, isUploading ? msg("assetManager.upload.progress") : msg("assetManager.upload.button"))), /*#__PURE__*/ __rspack_external_react.createElement("p", {
         "aria-live": "polite",
         role: "status"
     }, statusMessage));
@@ -144,13 +147,9 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
 function UploadSpinner() {
     return /*#__PURE__*/ __rspack_external_react.createElement("svg", {
         "aria-hidden": true,
+        className: "mr-1.5 inline-block animate-spin",
         fill: "none",
         height: 14,
-        style: {
-            display: "inline-block",
-            marginRight: 6,
-            animation: "spin 1s linear infinite"
-        },
         viewBox: "0 0 24 24",
         width: 14
     }, /*#__PURE__*/ __rspack_external_react.createElement("circle", {

package/dist/ui/index.cjs

@@ -28,35 +28,76 @@ var __webpack_require__ = {};
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
+    ASSET_DRAG_MIME: ()=>external_FolderTree_cjs_namespaceObject.ASSET_DRAG_MIME,
     AssetBrowser: ()=>external_AssetBrowser_cjs_namespaceObject.AssetBrowser,
     AssetCommandPalette: ()=>external_AssetCommandPalette_cjs_namespaceObject.AssetCommandPalette,
+    AssetManagerI18nProvider: ()=>provider_cjs_namespaceObject.AssetManagerI18nProvider,
     AssetManagerUI: ()=>external_AssetManagerUI_cjs_namespaceObject.AssetManagerUI,
+    CreateFolderDialog: ()=>external_FolderNameDialog_cjs_namespaceObject.FolderNameDialog,
     DeleteAssetDialog: ()=>external_DeleteAssetDialog_cjs_namespaceObject.DeleteAssetDialog,
+    DeleteFolderDialog: ()=>external_DeleteFolderDialog_cjs_namespaceObject.DeleteFolderDialog,
+    EmptyFolderState: ()=>external_EmptyFolderState_cjs_namespaceObject.EmptyFolderState,
+    FolderBreadcrumb: ()=>external_FolderBreadcrumb_cjs_namespaceObject.FolderBreadcrumb,
+    FolderNameDialog: ()=>external_FolderNameDialog_cjs_namespaceObject.FolderNameDialog,
+    FolderTree: ()=>external_FolderTree_cjs_namespaceObject.FolderTree,
     MetadataPanel: ()=>external_MetadataPanel_cjs_namespaceObject.MetadataPanel,
+    MoveTargetPicker: ()=>external_MoveTargetPicker_cjs_namespaceObject.MoveTargetPicker,
+    RenameFolderDialog: ()=>external_FolderNameDialog_cjs_namespaceObject.FolderNameDialog,
     ReplaceAssetDialog: ()=>external_ReplaceAssetDialog_cjs_namespaceObject.ReplaceAssetDialog,
+    UnsplashPanel: ()=>external_UnsplashPanel_cjs_namespaceObject.UnsplashPanel,
     UploadButton: ()=>external_UploadButton_cjs_namespaceObject.UploadButton
 });
+const provider_cjs_namespaceObject = require("../i18n/provider.cjs");
 const external_AssetBrowser_cjs_namespaceObject = require("./AssetBrowser.cjs");
 const external_AssetCommandPalette_cjs_namespaceObject = require("./AssetCommandPalette.cjs");
 const external_AssetManagerUI_cjs_namespaceObject = require("./AssetManagerUI.cjs");
 const external_DeleteAssetDialog_cjs_namespaceObject = require("./DeleteAssetDialog.cjs");
+const external_DeleteFolderDialog_cjs_namespaceObject = require("./DeleteFolderDialog.cjs");
+const external_EmptyFolderState_cjs_namespaceObject = require("./EmptyFolderState.cjs");
+const external_FolderBreadcrumb_cjs_namespaceObject = require("./FolderBreadcrumb.cjs");
+const external_FolderNameDialog_cjs_namespaceObject = require("./FolderNameDialog.cjs");
+const external_FolderTree_cjs_namespaceObject = require("./FolderTree.cjs");
 const external_MetadataPanel_cjs_namespaceObject = require("./MetadataPanel.cjs");
+const external_MoveTargetPicker_cjs_namespaceObject = require("./MoveTargetPicker.cjs");
 const external_ReplaceAssetDialog_cjs_namespaceObject = require("./ReplaceAssetDialog.cjs");
+const external_UnsplashPanel_cjs_namespaceObject = require("./UnsplashPanel.cjs");
 const external_UploadButton_cjs_namespaceObject = require("./UploadButton.cjs");
+exports.ASSET_DRAG_MIME = __webpack_exports__.ASSET_DRAG_MIME;
 exports.AssetBrowser = __webpack_exports__.AssetBrowser;
 exports.AssetCommandPalette = __webpack_exports__.AssetCommandPalette;
+exports.AssetManagerI18nProvider = __webpack_exports__.AssetManagerI18nProvider;
 exports.AssetManagerUI = __webpack_exports__.AssetManagerUI;
+exports.CreateFolderDialog = __webpack_exports__.CreateFolderDialog;
 exports.DeleteAssetDialog = __webpack_exports__.DeleteAssetDialog;
+exports.DeleteFolderDialog = __webpack_exports__.DeleteFolderDialog;
+exports.EmptyFolderState = __webpack_exports__.EmptyFolderState;
+exports.FolderBreadcrumb = __webpack_exports__.FolderBreadcrumb;
+exports.FolderNameDialog = __webpack_exports__.FolderNameDialog;
+exports.FolderTree = __webpack_exports__.FolderTree;
 exports.MetadataPanel = __webpack_exports__.MetadataPanel;
+exports.MoveTargetPicker = __webpack_exports__.MoveTargetPicker;
+exports.RenameFolderDialog = __webpack_exports__.RenameFolderDialog;
 exports.ReplaceAssetDialog = __webpack_exports__.ReplaceAssetDialog;
+exports.UnsplashPanel = __webpack_exports__.UnsplashPanel;
 exports.UploadButton = __webpack_exports__.UploadButton;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "ASSET_DRAG_MIME",
     "AssetBrowser",
     "AssetCommandPalette",
+    "AssetManagerI18nProvider",
     "AssetManagerUI",
+    "CreateFolderDialog",
     "DeleteAssetDialog",
+    "DeleteFolderDialog",
+    "EmptyFolderState",
+    "FolderBreadcrumb",
+    "FolderNameDialog",
+    "FolderTree",
     "MetadataPanel",
+    "MoveTargetPicker",
+    "RenameFolderDialog",
     "ReplaceAssetDialog",
+    "UnsplashPanel",
     "UploadButton"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {

package/dist/ui/index.d.cts

@@ -1,3 +1,4 @@
+export { AssetManagerI18nProvider } from "../i18n/provider.js";
 export type { AssetBrowserProps } from "./AssetBrowser.js";
 export { AssetBrowser } from "./AssetBrowser.js";
 export type { AssetCommandPaletteProps } from "./AssetCommandPalette.js";
@@ -6,10 +7,24 @@ export type { AssetManagerUIProps } from "./AssetManagerUI.js";
 export { AssetManagerUI } from "./AssetManagerUI.js";
 export type { DeleteAssetDialogProps } from "./DeleteAssetDialog.js";
 export { DeleteAssetDialog } from "./DeleteAssetDialog.js";
+export type { DeleteFolderDialogProps } from "./DeleteFolderDialog.js";
+export { DeleteFolderDialog } from "./DeleteFolderDialog.js";
+export type { EmptyFolderStateProps } from "./EmptyFolderState.js";
+export { EmptyFolderState } from "./EmptyFolderState.js";
+export type { FolderBreadcrumbProps } from "./FolderBreadcrumb.js";
+export { FolderBreadcrumb } from "./FolderBreadcrumb.js";
+export type { FolderNameDialogProps } from "./FolderNameDialog.js";
+export { FolderNameDialog, FolderNameDialog as CreateFolderDialog, FolderNameDialog as RenameFolderDialog, } from "./FolderNameDialog.js";
+export type { FolderTreeProps } from "./FolderTree.js";
+export { ASSET_DRAG_MIME, FolderTree } from "./FolderTree.js";
 export type { MetadataPanelProps } from "./MetadataPanel.js";
 export { MetadataPanel } from "./MetadataPanel.js";
+export type { MoveTargetPickerProps } from "./MoveTargetPicker.js";
+export { MoveTargetPicker } from "./MoveTargetPicker.js";
 export type { ReplaceAssetDialogProps } from "./ReplaceAssetDialog.js";
 export { ReplaceAssetDialog } from "./ReplaceAssetDialog.js";
+export type { UnsplashPanelProps, UnsplashPanelStatus, UnsplashResult, } from "./UnsplashPanel.js";
+export { UnsplashPanel } from "./UnsplashPanel.js";
 export type { UploadButtonProps, UploadProgressSnapshot, } from "./UploadButton.js";
 export { UploadButton } from "./UploadButton.js";
 //# sourceMappingURL=index.d.cts.map

package/dist/ui/index.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EACX,iBAAiB,EACjB,sBAAsB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.cts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EACN,gBAAgB,EAChB,gBAAgB,IAAI,kBAAkB,EACtC,gBAAgB,IAAI,kBAAkB,GACtC,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,YAAY,EACX,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EACX,iBAAiB,EACjB,sBAAsB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/index.d.ts

@@ -1,3 +1,4 @@
+export { AssetManagerI18nProvider } from "../i18n/provider.js";
 export type { AssetBrowserProps } from "./AssetBrowser.js";
 export { AssetBrowser } from "./AssetBrowser.js";
 export type { AssetCommandPaletteProps } from "./AssetCommandPalette.js";
@@ -6,10 +7,24 @@ export type { AssetManagerUIProps } from "./AssetManagerUI.js";
 export { AssetManagerUI } from "./AssetManagerUI.js";
 export type { DeleteAssetDialogProps } from "./DeleteAssetDialog.js";
 export { DeleteAssetDialog } from "./DeleteAssetDialog.js";
+export type { DeleteFolderDialogProps } from "./DeleteFolderDialog.js";
+export { DeleteFolderDialog } from "./DeleteFolderDialog.js";
+export type { EmptyFolderStateProps } from "./EmptyFolderState.js";
+export { EmptyFolderState } from "./EmptyFolderState.js";
+export type { FolderBreadcrumbProps } from "./FolderBreadcrumb.js";
+export { FolderBreadcrumb } from "./FolderBreadcrumb.js";
+export type { FolderNameDialogProps } from "./FolderNameDialog.js";
+export { FolderNameDialog, FolderNameDialog as CreateFolderDialog, FolderNameDialog as RenameFolderDialog, } from "./FolderNameDialog.js";
+export type { FolderTreeProps } from "./FolderTree.js";
+export { ASSET_DRAG_MIME, FolderTree } from "./FolderTree.js";
 export type { MetadataPanelProps } from "./MetadataPanel.js";
 export { MetadataPanel } from "./MetadataPanel.js";
+export type { MoveTargetPickerProps } from "./MoveTargetPicker.js";
+export { MoveTargetPicker } from "./MoveTargetPicker.js";
 export type { ReplaceAssetDialogProps } from "./ReplaceAssetDialog.js";
 export { ReplaceAssetDialog } from "./ReplaceAssetDialog.js";
+export type { UnsplashPanelProps, UnsplashPanelStatus, UnsplashResult, } from "./UnsplashPanel.js";
+export { UnsplashPanel } from "./UnsplashPanel.js";
 export type { UploadButtonProps, UploadProgressSnapshot, } from "./UploadButton.js";
 export { UploadButton } from "./UploadButton.js";
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAC3D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EACX,iBAAiB,EACjB,sBAAsB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/ui/index.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,wBAAwB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,YAAY,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC3D,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AACjD,YAAY,EAAE,wBAAwB,EAAE,MAAM,0BAA0B,CAAC;AACzE,OAAO,EAAE,mBAAmB,EAAE,MAAM,0BAA0B,CAAC;AAC/D,YAAY,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,EAAE,cAAc,EAAE,MAAM,qBAAqB,CAAC;AACrD,YAAY,EAAE,sBAAsB,EAAE,MAAM,wBAAwB,CAAC;AACrE,OAAO,EAAE,iBAAiB,EAAE,MAAM,wBAAwB,CAAC;AAE3D,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAC7D,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AAEnE,OAAO,EACN,gBAAgB,EAChB,gBAAgB,IAAI,kBAAkB,EACtC,gBAAgB,IAAI,kBAAkB,GACtC,MAAM,uBAAuB,CAAC;AAC/B,YAAY,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AACvD,OAAO,EAAE,eAAe,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAC9D,YAAY,EAAE,kBAAkB,EAAE,MAAM,oBAAoB,CAAC;AAC7D,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EAAE,qBAAqB,EAAE,MAAM,uBAAuB,CAAC;AACnE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uBAAuB,CAAC;AACzD,YAAY,EAAE,uBAAuB,EAAE,MAAM,yBAAyB,CAAC;AACvE,OAAO,EAAE,kBAAkB,EAAE,MAAM,yBAAyB,CAAC;AAE7D,YAAY,EACX,kBAAkB,EAClB,mBAAmB,EACnB,cAAc,GACd,MAAM,oBAAoB,CAAC;AAC5B,OAAO,EAAE,aAAa,EAAE,MAAM,oBAAoB,CAAC;AACnD,YAAY,EACX,iBAAiB,EACjB,sBAAsB,GACtB,MAAM,mBAAmB,CAAC;AAC3B,OAAO,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC"}

package/dist/ui/index.js

@@ -1,7 +1,15 @@
+export { AssetManagerI18nProvider } from "../i18n/provider.js";
 export { AssetBrowser } from "./AssetBrowser.js";
 export { AssetCommandPalette } from "./AssetCommandPalette.js";
 export { AssetManagerUI } from "./AssetManagerUI.js";
 export { DeleteAssetDialog } from "./DeleteAssetDialog.js";
+export { DeleteFolderDialog } from "./DeleteFolderDialog.js";
+export { EmptyFolderState } from "./EmptyFolderState.js";
+export { FolderBreadcrumb } from "./FolderBreadcrumb.js";
+export { FolderNameDialog as CreateFolderDialog, FolderNameDialog, FolderNameDialog as RenameFolderDialog } from "./FolderNameDialog.js";
+export { ASSET_DRAG_MIME, FolderTree } from "./FolderTree.js";
 export { MetadataPanel } from "./MetadataPanel.js";
+export { MoveTargetPicker } from "./MoveTargetPicker.js";
 export { ReplaceAssetDialog } from "./ReplaceAssetDialog.js";
+export { UnsplashPanel } from "./UnsplashPanel.js";
 export { UploadButton } from "./UploadButton.js";