@anvilkit/plugin-asset-manager 0.1.8 → 0.1.10

package/dist/ui/MetadataPanel.d.ts

@@ -1,4 +1,6 @@
+import * as React from "react";
 import type { UploadResult } from "../types/types.js";
+/** Props for the asset metadata editing dialog. */
 export interface MetadataPanelProps {
     /**
      * Asset whose metadata is being edited. When `null`, the panel is
@@ -17,5 +19,6 @@ export interface MetadataPanelProps {
     }) => void | Promise<void>;
     readonly onCancel: () => void;
 }
-export declare function MetadataPanel({ asset, onCancel, onConfirm, }: MetadataPanelProps): import("react/jsx-runtime").JSX.Element;
+/** Dialog panel for editing an asset name and tag metadata. */
+export declare function MetadataPanel({ asset, onCancel, onConfirm, }: MetadataPanelProps): React.JSX.Element;
 //# sourceMappingURL=MetadataPanel.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAgBA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,2CA2JpB"}
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,mDAAmD;AACnD,MAAM,WAAW,kBAAkB;IAClC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CACnB,KAAK,EAAE,YAAY,EACnB,IAAI,EAAE;QAAE,QAAQ,CAAC,IAAI,EAAE,MAAM,CAAC;QAAC,QAAQ,CAAC,IAAI,EAAE,SAAS,MAAM,EAAE,CAAA;KAAE,KAC7D,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,+DAA+D;AAC/D,wBAAgB,aAAa,CAAC,EAC7B,KAAK,EACL,QAAQ,EACR,SAAS,GACT,EAAE,kBAAkB,qBA2JpB"}

package/dist/ui/MoveTargetPicker.d.cts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AssetFolder } from "../types/folders.js";
 /**
  * Keyboard-accessible move-target picker — the a11y fallback for drag-to-folder.
@@ -12,5 +13,6 @@ export interface MoveTargetPickerProps {
     readonly onPick: (folderId: string | null) => void | Promise<void>;
     readonly rootLabel?: string;
 }
-export declare function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel, }: MoveTargetPickerProps): import("react/jsx-runtime").JSX.Element;
+/** Dialog for choosing the destination folder for an asset or folder move. */
+export declare function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel, }: MoveTargetPickerProps): React.JSX.Element;
 //# sourceMappingURL=MoveTargetPicker.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MoveTargetPicker.d.cts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,2CAgEvB"}
+{"version":3,"file":"MoveTargetPicker.d.cts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,qBAgEvB"}

package/dist/ui/MoveTargetPicker.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AssetFolder } from "../types/folders.js";
 /**
  * Keyboard-accessible move-target picker — the a11y fallback for drag-to-folder.
@@ -12,5 +13,6 @@ export interface MoveTargetPickerProps {
     readonly onPick: (folderId: string | null) => void | Promise<void>;
     readonly rootLabel?: string;
 }
-export declare function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel, }: MoveTargetPickerProps): import("react/jsx-runtime").JSX.Element;
+/** Dialog for choosing the destination folder for an asset or folder move. */
+export declare function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel, }: MoveTargetPickerProps): React.JSX.Element;
 //# sourceMappingURL=MoveTargetPicker.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"MoveTargetPicker.d.ts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,2CAgEvB"}
+{"version":3,"file":"MoveTargetPicker.d.ts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAUA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD;;;;;GAKG;AACH,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,IAAI,EAAE,OAAO,CAAC;IACvB,QAAQ,CAAC,YAAY,EAAE,CAAC,IAAI,EAAE,OAAO,KAAK,IAAI,CAAC;IAC/C,QAAQ,CAAC,OAAO,EAAE,SAAS,WAAW,EAAE,CAAC;IACzC,QAAQ,CAAC,MAAM,EAAE,CAAC,QAAQ,EAAE,MAAM,GAAG,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IACnE,QAAQ,CAAC,SAAS,CAAC,EAAE,MAAM,CAAC;CAC5B;AAED,8EAA8E;AAC9E,wBAAgB,gBAAgB,CAAC,EAChC,IAAI,EACJ,YAAY,EACZ,OAAO,EACP,MAAM,EACN,SAAS,GACT,EAAE,qBAAqB,qBAgEvB"}

package/dist/ui/ReplaceAssetDialog.cjs

@@ -36,13 +36,17 @@ const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const external_react_namespaceObject = require("react");
 const external_plugin_cjs_namespaceObject = require("../plugin.cjs");
-function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
+function ReplaceAssetDialog({ acceptedFileExtensions, acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
     const msg = (0, i18n_namespaceObject.useMsg)();
     const inputRef = external_react_namespaceObject.useRef(null);
     const [selectedFile, setSelectedFile] = external_react_namespaceObject.useState(null);
     const [error, setError] = external_react_namespaceObject.useState(null);
     const [busy, setBusy] = external_react_namespaceObject.useState(false);
-    const acceptAttr = external_react_namespaceObject.useMemo(()=>acceptedMimeTypes?.join(","), [
+    const acceptAttr = external_react_namespaceObject.useMemo(()=>[
+            ...acceptedMimeTypes ?? [],
+            ...acceptedFileExtensions ?? []
+        ].join(",") || void 0, [
+        acceptedFileExtensions,
         acceptedMimeTypes
     ]);
     function resetPicker() {
@@ -55,6 +59,7 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         if (!file) return;
         try {
             (0, external_plugin_cjs_namespaceObject.validateSelectedFile)(file, {
+                acceptedFileExtensions,
                 acceptedMimeTypes,
                 maxFileSize
             });

package/dist/ui/ReplaceAssetDialog.d.cts

@@ -1,6 +1,8 @@
+import * as React from "react";
 import type { AssetManagerOptions } from "../types/options.js";
 import type { UploadResult } from "../types/types.js";
-export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
+/** Props for the replace-asset file selection dialog. */
+export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedFileExtensions" | "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;
     /**
@@ -11,5 +13,6 @@ export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acce
     readonly onConfirm: (asset: UploadResult, file: File) => void | Promise<void>;
     readonly onCancel: () => void;
 }
-export declare function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm, }: ReplaceAssetDialogProps): import("react/jsx-runtime").JSX.Element;
+/** Dialog that validates and confirms selecting a replacement file for an asset. */
+export declare function ReplaceAssetDialog({ acceptedFileExtensions, acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm, }: ReplaceAssetDialogProps): React.JSX.Element;
 //# sourceMappingURL=ReplaceAssetDialog.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuIzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,yDAAyD;AACzD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CACX,mBAAmB,EACnB,wBAAwB,GAAG,mBAAmB,GAAG,aAAa,CAC9D;IACD,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,EAClC,sBAAsB,EACtB,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,qBA8IzB"}

package/dist/ui/ReplaceAssetDialog.d.ts

@@ -1,6 +1,8 @@
+import * as React from "react";
 import type { AssetManagerOptions } from "../types/options.js";
 import type { UploadResult } from "../types/types.js";
-export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
+/** Props for the replace-asset file selection dialog. */
+export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedFileExtensions" | "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;
     /**
@@ -11,5 +13,6 @@ export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acce
     readonly onConfirm: (asset: UploadResult, file: File) => void | Promise<void>;
     readonly onCancel: () => void;
 }
-export declare function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm, }: ReplaceAssetDialogProps): import("react/jsx-runtime").JSX.Element;
+/** Dialog that validates and confirms selecting a replacement file for an asset. */
+export declare function ReplaceAssetDialog({ acceptedFileExtensions, acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm, }: ReplaceAssetDialogProps): React.JSX.Element;
 //# sourceMappingURL=ReplaceAssetDialog.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAeA,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CAAC,mBAAmB,EAAE,mBAAmB,GAAG,aAAa,CAAC;IACtE,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,2CAuIzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAG/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,yDAAyD;AACzD,MAAM,WAAW,uBAChB,SAAQ,IAAI,CACX,mBAAmB,EACnB,wBAAwB,GAAG,mBAAmB,GAAG,aAAa,CAC9D;IACD,kDAAkD;IAClD,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;;OAIG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,EAAE,IAAI,EAAE,IAAI,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC9E,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,oFAAoF;AACpF,wBAAgB,kBAAkB,CAAC,EAClC,sBAAsB,EACtB,iBAAiB,EACjB,KAAK,EACL,WAAW,EACX,QAAQ,EACR,SAAS,GACT,EAAE,uBAAuB,qBA8IzB"}

package/dist/ui/ReplaceAssetDialog.js

@@ -4,13 +4,17 @@ import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { validateSelectedFile } from "../plugin.js";
 import * as __rspack_external_react from "react";
-function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
+function ReplaceAssetDialog({ acceptedFileExtensions, acceptedMimeTypes, asset, maxFileSize, onCancel, onConfirm }) {
     const msg = useMsg();
     const inputRef = __rspack_external_react.useRef(null);
     const [selectedFile, setSelectedFile] = __rspack_external_react.useState(null);
     const [error, setError] = __rspack_external_react.useState(null);
     const [busy, setBusy] = __rspack_external_react.useState(false);
-    const acceptAttr = __rspack_external_react.useMemo(()=>acceptedMimeTypes?.join(","), [
+    const acceptAttr = __rspack_external_react.useMemo(()=>[
+            ...acceptedMimeTypes ?? [],
+            ...acceptedFileExtensions ?? []
+        ].join(",") || void 0, [
+        acceptedFileExtensions,
         acceptedMimeTypes
     ]);
     function resetPicker() {
@@ -23,6 +27,7 @@ function ReplaceAssetDialog({ acceptedMimeTypes, asset, maxFileSize, onCancel, o
         if (!file) return;
         try {
             validateSelectedFile(file, {
+                acceptedFileExtensions,
                 acceptedMimeTypes,
                 maxFileSize
             });

package/dist/ui/UnsplashPanel.d.cts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AssetTheme } from "../sources/provider.js";
 /** A browsed Unsplash result + the attribution the tile must show. */
 export interface UnsplashResult {
@@ -8,6 +9,7 @@ export interface UnsplashResult {
     readonly unsplashUrl: string;
 }
 export type UnsplashPanelStatus = "idle" | "loading" | "rateLimited" | "error" | "disabled";
+/** Props for the Unsplash browsing panel. */
 export interface UnsplashPanelProps {
     readonly themes: readonly AssetTheme[];
     readonly activeThemeId?: string;
@@ -24,5 +26,6 @@ export interface UnsplashPanelProps {
     /** 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;
+/** Browse, search, and pick assets from the configured Unsplash provider. */
+export declare function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel, skeletonCount, }: UnsplashPanelProps): React.JSX.Element;
 //# sourceMappingURL=UnsplashPanel.d.cts.map

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

@@ -1 +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"}
+{"version":3,"file":"UnsplashPanel.d.cts","sourceRoot":"","sources":["../../src/ui/UnsplashPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,6CAA6C;AAC7C,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,6EAA6E;AAC7E,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,qBA8JpB"}

package/dist/ui/UnsplashPanel.d.ts

@@ -1,3 +1,4 @@
+import * as React from "react";
 import type { AssetTheme } from "../sources/provider.js";
 /** A browsed Unsplash result + the attribution the tile must show. */
 export interface UnsplashResult {
@@ -8,6 +9,7 @@ export interface UnsplashResult {
     readonly unsplashUrl: string;
 }
 export type UnsplashPanelStatus = "idle" | "loading" | "rateLimited" | "error" | "disabled";
+/** Props for the Unsplash browsing panel. */
 export interface UnsplashPanelProps {
     readonly themes: readonly AssetTheme[];
     readonly activeThemeId?: string;
@@ -24,5 +26,6 @@ export interface UnsplashPanelProps {
     /** 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;
+/** Browse, search, and pick assets from the configured Unsplash provider. */
+export declare function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel, skeletonCount, }: UnsplashPanelProps): React.JSX.Element;
 //# sourceMappingURL=UnsplashPanel.d.ts.map

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

@@ -1 +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"}
+{"version":3,"file":"UnsplashPanel.d.ts","sourceRoot":"","sources":["../../src/ui/UnsplashPanel.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,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,6CAA6C;AAC7C,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,6EAA6E;AAC7E,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,qBA8JpB"}

package/dist/ui/UploadButton.cjs

@@ -41,7 +41,7 @@ function handleDragOver(event) {
     event.stopPropagation();
     if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
 }
-function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader }) {
+function UploadButton({ acceptedFileExtensions, 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);
@@ -50,7 +50,11 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
     const isUploading = null !== batch;
     const uploadAbortRef = external_react_namespaceObject.useRef(null);
     external_react_namespaceObject.useEffect(()=>()=>uploadAbortRef.current?.abort(), []);
-    const acceptAttr = external_react_namespaceObject.useMemo(()=>acceptedMimeTypes?.join(","), [
+    const acceptAttr = external_react_namespaceObject.useMemo(()=>[
+            ...acceptedMimeTypes ?? [],
+            ...acceptedFileExtensions ?? []
+        ].join(",") || void 0, [
+        acceptedFileExtensions,
         acceptedMimeTypes
     ]);
     async function processFiles(files) {
@@ -73,6 +77,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
             const file = files[index];
             if (file) try {
                 (0, external_plugin_cjs_namespaceObject.validateSelectedFile)(file, {
+                    acceptedFileExtensions,
                     acceptedMimeTypes,
                     maxFileSize
                 });

package/dist/ui/UploadButton.d.cts

@@ -1,10 +1,13 @@
+import * as React from "react";
 import type { AssetManagerOptions } from "../types/options.js";
 import type { UploadAdapter, UploadResult } from "../types/types.js";
+/** Aggregate progress snapshot for the active upload batch. */
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;
 }
-export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+/** Props for the upload button and drop-zone component. */
+export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedFileExtensions" | "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
     /**
      * Binary uploader. Required at the UI boundary even though
      * `AssetManagerOptions.uploader` is optional — the plugin passes the
@@ -20,5 +23,6 @@ export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMi
      */
     readonly onProgress?: (snapshot: UploadProgressSnapshot | null) => void;
 }
-export declare function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader, }: UploadButtonProps): import("react/jsx-runtime").JSX.Element;
+/** Upload control with file picker, drag/drop, progress, and validation. */
+export declare function UploadButton({ acceptedFileExtensions, acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader, }: UploadButtonProps): React.JSX.Element;
 //# sourceMappingURL=UploadButton.d.cts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"UploadButton.d.cts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,+DAA+D;AAC/D,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,2DAA2D;AAC3D,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,wBAAwB,GACxB,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,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,EAC5B,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,qBA0LnB"}

package/dist/ui/UploadButton.d.ts

@@ -1,10 +1,13 @@
+import * as React from "react";
 import type { AssetManagerOptions } from "../types/options.js";
 import type { UploadAdapter, UploadResult } from "../types/types.js";
+/** Aggregate progress snapshot for the active upload batch. */
 export interface UploadProgressSnapshot {
     readonly completed: number;
     readonly total: number;
 }
-export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+/** Props for the upload button and drop-zone component. */
+export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedFileExtensions" | "acceptedMimeTypes" | "maxFileSize" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
     /**
      * Binary uploader. Required at the UI boundary even though
      * `AssetManagerOptions.uploader` is optional — the plugin passes the
@@ -20,5 +23,6 @@ export interface UploadButtonProps extends Pick<AssetManagerOptions, "acceptedMi
      */
     readonly onProgress?: (snapshot: UploadProgressSnapshot | null) => void;
 }
-export declare function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader, }: UploadButtonProps): import("react/jsx-runtime").JSX.Element;
+/** Upload control with file picker, drag/drop, progress, and validation. */
+export declare function UploadButton({ acceptedFileExtensions, acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader, }: UploadButtonProps): React.JSX.Element;
 //# sourceMappingURL=UploadButton.d.ts.map

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

@@ -1 +1 @@
-{"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"}
+{"version":3,"file":"UploadButton.d.ts","sourceRoot":"","sources":["../../src/ui/UploadButton.tsx"],"names":[],"mappings":"AAIA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EAAE,aAAa,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAGrE,+DAA+D;AAC/D,MAAM,WAAW,sBAAsB;IACtC,QAAQ,CAAC,SAAS,EAAE,MAAM,CAAC;IAC3B,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC;CACvB;AAED,2DAA2D;AAC3D,MAAM,WAAW,iBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,wBAAwB,GACxB,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,4EAA4E;AAC5E,wBAAgB,YAAY,CAAC,EAC5B,sBAAsB,EACtB,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,OAAO,EACP,UAAU,EACV,UAAU,EACV,QAAQ,GACR,EAAE,iBAAiB,qBA0LnB"}

package/dist/ui/UploadButton.js

@@ -9,7 +9,7 @@ function handleDragOver(event) {
     event.stopPropagation();
     if (event.dataTransfer) event.dataTransfer.dropEffect = "copy";
 }
-function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onError, onProgress, onUploaded, uploader }) {
+function UploadButton({ acceptedFileExtensions, 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);
@@ -18,7 +18,11 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
     const isUploading = null !== batch;
     const uploadAbortRef = __rspack_external_react.useRef(null);
     __rspack_external_react.useEffect(()=>()=>uploadAbortRef.current?.abort(), []);
-    const acceptAttr = __rspack_external_react.useMemo(()=>acceptedMimeTypes?.join(","), [
+    const acceptAttr = __rspack_external_react.useMemo(()=>[
+            ...acceptedMimeTypes ?? [],
+            ...acceptedFileExtensions ?? []
+        ].join(",") || void 0, [
+        acceptedFileExtensions,
         acceptedMimeTypes
     ]);
     async function processFiles(files) {
@@ -41,6 +45,7 @@ function UploadButton({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAll
             const file = files[index];
             if (file) try {
                 validateSelectedFile(file, {
+                    acceptedFileExtensions,
                     acceptedMimeTypes,
                     maxFileSize
                 });

package/dist/utils/asset-reference.cjs

@@ -27,15 +27,98 @@ var __webpack_require__ = {};
 })();
 var __webpack_exports__ = {};
 __webpack_require__.r(__webpack_exports__);
-function createAssetReference(id) {
-    return `asset://${id}`;
+const ASSET_REFERENCE_PREFIX = "asset://";
+function createAssetReference(id, transform) {
+    const base = `${ASSET_REFERENCE_PREFIX}${encodeId(id)}`;
+    if (void 0 === transform) return base;
+    const query = encodeTransform(transform);
+    return "" === query ? base : `${base}?${query}`;
+}
+function parseAssetReference(url) {
+    if (!url.startsWith(ASSET_REFERENCE_PREFIX)) return null;
+    const rest = url.slice(ASSET_REFERENCE_PREFIX.length);
+    const queryIndex = rest.indexOf("?");
+    const id = decodeId((-1 === queryIndex ? rest : rest.slice(0, queryIndex)).trim());
+    if ("" === id) return null;
+    if (-1 === queryIndex) return {
+        id
+    };
+    const transform = decodeTransform(rest.slice(queryIndex + 1));
+    return void 0 === transform ? {
+        id
+    } : {
+        id,
+        transform
+    };
+}
+function encodeId(id) {
+    return id.replace(/%/g, "%25").replace(/\?/g, "%3F").replace(/#/g, "%23");
+}
+function decodeId(id) {
+    return id.replace(/%3F/gi, "?").replace(/%23/gi, "#").replace(/%25/g, "%");
+}
+const FITS = new Set([
+    "cover",
+    "contain",
+    "fill",
+    "inside",
+    "outside"
+]);
+const FORMATS = new Set([
+    "webp",
+    "avif",
+    "jpeg",
+    "png",
+    "auto"
+]);
+function encodeTransform(transform) {
+    const params = new URLSearchParams();
+    if (void 0 !== transform.width) params.set("w", String(transform.width));
+    if (void 0 !== transform.height) params.set("h", String(transform.height));
+    if (void 0 !== transform.fit) params.set("fit", transform.fit);
+    if (void 0 !== transform.format) params.set("fm", transform.format);
+    if (void 0 !== transform.quality) params.set("q", String(transform.quality));
+    if (void 0 !== transform.dpr) params.set("dpr", String(transform.dpr));
+    return params.toString();
+}
+function decodeTransform(query) {
+    const params = new URLSearchParams(query);
+    const out = {};
+    const width = toPositiveInteger(params.get("w"));
+    if (void 0 !== width) out.width = width;
+    const height = toPositiveInteger(params.get("h"));
+    if (void 0 !== height) out.height = height;
+    const fit = params.get("fit");
+    if (FITS.has(fit)) out.fit = fit;
+    const format = params.get("fm");
+    if (FORMATS.has(format)) out.format = format;
+    const quality = toPositiveInteger(params.get("q"));
+    if (void 0 !== quality && quality <= 100) out.quality = quality;
+    const dpr = toPositiveNumber(params.get("dpr"));
+    if (void 0 !== dpr) out.dpr = dpr;
+    return Object.keys(out).length > 0 ? out : void 0;
+}
+const DECIMAL_INTEGER_RE = /^[0-9]+$/;
+const DECIMAL_NUMBER_RE = /^[0-9]+(?:\.[0-9]+)?$/;
+function toPositiveInteger(value) {
+    if (null === value || !DECIMAL_INTEGER_RE.test(value)) return;
+    const n = Number(value);
+    return Number.isSafeInteger(n) && n > 0 ? n : void 0;
+}
+function toPositiveNumber(value) {
+    if (null === value || !DECIMAL_NUMBER_RE.test(value)) return;
+    const n = Number(value);
+    return Number.isFinite(n) && n > 0 ? n : void 0;
 }
 __webpack_require__.d(__webpack_exports__, {
-    createAssetReference: ()=>createAssetReference
+    createAssetReference: ()=>createAssetReference,
+    parseAssetReference: ()=>parseAssetReference
 });
 exports.createAssetReference = __webpack_exports__.createAssetReference;
+exports.parseAssetReference = __webpack_exports__.parseAssetReference;
 for(var __rspack_i in __webpack_exports__)if (-1 === [
-    "createAssetReference"
+    "createAssetReference",
+    "parseAssetReference"
 ].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
 Object.defineProperty(exports, '__esModule', {
     value: true

package/dist/utils/asset-reference.d.cts

@@ -1,10 +1,34 @@
 /**
- * @file Canonical `asset://${id}` reference helper.
+ * @file Canonical `asset://<id>` reference codec.
  *
- * Lives in its own file so both `plugin.ts` (which dispatches asset
- * references into Puck data) and `studio-asset-source.ts` (which
- * surfaces the URL to the sidebar's `image` module) can reuse it
- * without creating a circular import between them.
+ * Lives in its own file so both `plugin.ts` (which dispatches asset references
+ * into Puck data) and `resolver.ts` / `studio-asset-source.ts` can reuse it
+ * without a circular import. A reference may carry an optional transform query
+ * (`asset://<id>?w=800&fm=webp`) requesting a derivative rendition; the IR
+ * resolver decodes it and maps it to a derivative URL via the host's
+ * `TransformResolver` (review finding #9).
  */
-export declare function createAssetReference(id: string): string;
+import type { AssetTransform } from "../types/transform.js";
+/**
+ * Build the opaque `asset://<id>` reference stored in page data for an asset.
+ * The IR resolver ({@link createIRAssetResolver}) turns it back into a validated
+ * URL at export / render time; it is never a directly-loadable URL itself.
+ *
+ * Pass a {@link AssetTransform} to request a derivative rendition — it is
+ * encoded as a stable query (`?w=&h=&fit=&fm=&q=&dpr=`) and applied by the
+ * resolver's configured `TransformResolver`.
+ */
+export declare function createAssetReference(id: string, transform?: AssetTransform): string;
+/** Parsed components of an `asset://` reference. */
+export interface ParsedAssetReference {
+    readonly id: string;
+    /** Present only when the reference carried a (well-formed) transform query. */
+    readonly transform?: AssetTransform;
+}
+/**
+ * Parse an `asset://<id>[?transform]` reference. Returns `null` for any non-
+ * asset URL or an empty id. Malformed transform params are ignored rather than
+ * failing the parse (references can be host- or tamper-supplied).
+ */
+export declare function parseAssetReference(url: string): ParsedAssetReference | null;
 //# sourceMappingURL=asset-reference.d.cts.map

package/dist/utils/asset-reference.d.cts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-reference.d.cts","sourceRoot":"","sources":["../../src/utils/asset-reference.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEvD"}
+{"version":3,"file":"asset-reference.d.cts","sourceRoot":"","sources":["../../src/utils/asset-reference.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CACnC,EAAE,EAAE,MAAM,EACV,SAAS,CAAC,EAAE,cAAc,GACxB,MAAM,CAKR;AAED,oDAAoD;AACpD,MAAM,WAAW,oBAAoB;IACpC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAW5E"}

package/dist/utils/asset-reference.d.ts

@@ -1,10 +1,34 @@
 /**
- * @file Canonical `asset://${id}` reference helper.
+ * @file Canonical `asset://<id>` reference codec.
  *
- * Lives in its own file so both `plugin.ts` (which dispatches asset
- * references into Puck data) and `studio-asset-source.ts` (which
- * surfaces the URL to the sidebar's `image` module) can reuse it
- * without creating a circular import between them.
+ * Lives in its own file so both `plugin.ts` (which dispatches asset references
+ * into Puck data) and `resolver.ts` / `studio-asset-source.ts` can reuse it
+ * without a circular import. A reference may carry an optional transform query
+ * (`asset://<id>?w=800&fm=webp`) requesting a derivative rendition; the IR
+ * resolver decodes it and maps it to a derivative URL via the host's
+ * `TransformResolver` (review finding #9).
  */
-export declare function createAssetReference(id: string): string;
+import type { AssetTransform } from "../types/transform.js";
+/**
+ * Build the opaque `asset://<id>` reference stored in page data for an asset.
+ * The IR resolver ({@link createIRAssetResolver}) turns it back into a validated
+ * URL at export / render time; it is never a directly-loadable URL itself.
+ *
+ * Pass a {@link AssetTransform} to request a derivative rendition — it is
+ * encoded as a stable query (`?w=&h=&fit=&fm=&q=&dpr=`) and applied by the
+ * resolver's configured `TransformResolver`.
+ */
+export declare function createAssetReference(id: string, transform?: AssetTransform): string;
+/** Parsed components of an `asset://` reference. */
+export interface ParsedAssetReference {
+    readonly id: string;
+    /** Present only when the reference carried a (well-formed) transform query. */
+    readonly transform?: AssetTransform;
+}
+/**
+ * Parse an `asset://<id>[?transform]` reference. Returns `null` for any non-
+ * asset URL or an empty id. Malformed transform params are ignored rather than
+ * failing the parse (references can be host- or tamper-supplied).
+ */
+export declare function parseAssetReference(url: string): ParsedAssetReference | null;
 //# sourceMappingURL=asset-reference.d.ts.map

package/dist/utils/asset-reference.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"asset-reference.d.ts","sourceRoot":"","sources":["../../src/utils/asset-reference.ts"],"names":[],"mappings":"AAAA;;;;;;;GAOG;AAEH,wBAAgB,oBAAoB,CAAC,EAAE,EAAE,MAAM,GAAG,MAAM,CAEvD"}
+{"version":3,"file":"asset-reference.d.ts","sourceRoot":"","sources":["../../src/utils/asset-reference.ts"],"names":[],"mappings":"AAAA;;;;;;;;;GASG;AAEH,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,uBAAuB,CAAC;AAI5D;;;;;;;;GAQG;AACH,wBAAgB,oBAAoB,CACnC,EAAE,EAAE,MAAM,EACV,SAAS,CAAC,EAAE,cAAc,GACxB,MAAM,CAKR;AAED,oDAAoD;AACpD,MAAM,WAAW,oBAAoB;IACpC,QAAQ,CAAC,EAAE,EAAE,MAAM,CAAC;IACpB,+EAA+E;IAC/E,QAAQ,CAAC,SAAS,CAAC,EAAE,cAAc,CAAC;CACpC;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,GAAG,EAAE,MAAM,GAAG,oBAAoB,GAAG,IAAI,CAW5E"}