@anvilkit/plugin-asset-manager 0.1.5 → 0.1.7

package/dist/ui/MetadataPanel.cjs

@@ -2,11 +2,15 @@
 "use client";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{
@@ -30,6 +34,7 @@ __webpack_require__.d(__webpack_exports__, {
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const input_namespaceObject = require("@anvilkit/ui/input");
+const label_namespaceObject = require("@anvilkit/ui/label");
 const external_react_namespaceObject = require("react");
 function MetadataPanel({ asset, onCancel, onConfirm }) {
     const [name, setName] = external_react_namespaceObject.useState("");
@@ -92,7 +97,7 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         onOpenChange: handleOpenChange
     }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Edit asset"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-metadata": true
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-name"
     }, "Name"), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
         id: "asset-metadata-name",
@@ -104,21 +109,23 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         disabled: busy
     }), /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-tag-editor": true
-    }, /*#__PURE__*/ external_react_namespaceObject.createElement("label", {
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(label_namespaceObject.Label, {
         htmlFor: "asset-metadata-tag-input"
     }, "Tags"), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
         "aria-label": "Current tags",
         role: "list"
     }, tags.map((tag)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
             key: tag
-        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", null, tag), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
             "aria-label": `Remove tag ${tag}`,
             "data-asset-action": "remove-tag",
             disabled: busy,
             onClick: ()=>{
                 removeTag(tag);
             },
-            type: "button"
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs"
         }, "\xd7")))), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
         id: "asset-metadata-tag-input",
         value: tagInput,

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,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,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.cts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAeA,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,2CAyIpB"}

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

@@ -1 +1 @@
-{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAcA,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,2CAuIpB"}
+{"version":3,"file":"MetadataPanel.d.ts","sourceRoot":"","sources":["../../src/ui/MetadataPanel.tsx"],"names":[],"mappings":"AAeA,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,2CAyIpB"}

package/dist/ui/MetadataPanel.js

@@ -2,6 +2,7 @@
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import { Input } from "@anvilkit/ui/input";
+import { Label } from "@anvilkit/ui/label";
 import * as __rspack_external_react from "react";
 function MetadataPanel({ asset, onCancel, onConfirm }) {
     const [name, setName] = __rspack_external_react.useState("");
@@ -64,7 +65,7 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         onOpenChange: handleOpenChange
     }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Edit asset"), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, asset?.id, mimeType ? ` (${mimeType})` : "")), /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-metadata": true
-    }, /*#__PURE__*/ __rspack_external_react.createElement("label", {
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
         htmlFor: "asset-metadata-name"
     }, "Name"), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
         id: "asset-metadata-name",
@@ -76,21 +77,23 @@ function MetadataPanel({ asset, onCancel, onConfirm }) {
         disabled: busy
     }), /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-tag-editor": true
-    }, /*#__PURE__*/ __rspack_external_react.createElement("label", {
+    }, /*#__PURE__*/ __rspack_external_react.createElement(Label, {
         htmlFor: "asset-metadata-tag-input"
     }, "Tags"), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
         "aria-label": "Current tags",
         role: "list"
     }, tags.map((tag)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
             key: tag
-        }, /*#__PURE__*/ __rspack_external_react.createElement("span", null, tag), /*#__PURE__*/ __rspack_external_react.createElement("button", {
+        }, /*#__PURE__*/ __rspack_external_react.createElement("span", null, tag), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
             "aria-label": `Remove tag ${tag}`,
             "data-asset-action": "remove-tag",
             disabled: busy,
             onClick: ()=>{
                 removeTag(tag);
             },
-            type: "button"
+            type: "button",
+            variant: "ghost",
+            size: "icon-xs"
         }, "\xd7")))), /*#__PURE__*/ __rspack_external_react.createElement(Input, {
         id: "asset-metadata-tag-input",
         value: tagInput,

package/dist/ui/MoveTargetPicker.cjs

@@ -0,0 +1,84 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    MoveTargetPicker: ()=>MoveTargetPicker
+});
+const button_namespaceObject = require("@anvilkit/ui/button");
+const dialog_namespaceObject = require("@anvilkit/ui/dialog");
+const external_react_namespaceObject = require("react");
+function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "All assets" }) {
+    const [busy, setBusy] = external_react_namespaceObject.useState(false);
+    async function pick(folderId) {
+        if (busy) return;
+        setBusy(true);
+        try {
+            await onPick(folderId);
+            onOpenChange(false);
+        } finally{
+            setBusy(false);
+        }
+    }
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (!busy) onOpenChange(next);
+        }
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogTitle, null, "Move to folder")), /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "aria-label": "Move to folder",
+        "data-testid": "ak-move-target-picker",
+        className: "flex max-h-72 flex-col gap-1 overflow-auto"
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement("li", null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "w-full justify-start",
+        "data-move-target": "root",
+        disabled: busy,
+        onClick: ()=>void pick(null)
+    }, rootLabel)), folders.map((folder)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+            key: folder.id
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start",
+            "data-move-target": folder.id,
+            disabled: busy,
+            onClick: ()=>void pick(folder.id)
+        }, folder.name))))));
+}
+exports.MoveTargetPicker = __webpack_exports__.MoveTargetPicker;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "MoveTargetPicker"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/MoveTargetPicker.d.cts

@@ -0,0 +1,16 @@
+import type { AssetFolder } from "../types/folders.js";
+/**
+ * Keyboard-accessible move-target picker — the a11y fallback for drag-to-folder.
+ * Renders, inside a focus-trapping `<Dialog>`, a labelled `<ul>` of Tab-focusable
+ * folder `<Button>`s plus a root option (no roving-tabindex listbox; each option
+ * is an individually focusable, Enter/Space-activatable button).
+ */
+export interface MoveTargetPickerProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly folders: readonly AssetFolder[];
+    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;
+//# sourceMappingURL=MoveTargetPicker.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoveTargetPicker.d.cts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAWA,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,SAAwB,GACxB,EAAE,qBAAqB,2CA8DvB"}

package/dist/ui/MoveTargetPicker.d.ts

@@ -0,0 +1,16 @@
+import type { AssetFolder } from "../types/folders.js";
+/**
+ * Keyboard-accessible move-target picker — the a11y fallback for drag-to-folder.
+ * Renders, inside a focus-trapping `<Dialog>`, a labelled `<ul>` of Tab-focusable
+ * folder `<Button>`s plus a root option (no roving-tabindex listbox; each option
+ * is an individually focusable, Enter/Space-activatable button).
+ */
+export interface MoveTargetPickerProps {
+    readonly open: boolean;
+    readonly onOpenChange: (open: boolean) => void;
+    readonly folders: readonly AssetFolder[];
+    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;
+//# sourceMappingURL=MoveTargetPicker.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"MoveTargetPicker.d.ts","sourceRoot":"","sources":["../../src/ui/MoveTargetPicker.tsx"],"names":[],"mappings":"AAWA,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,SAAwB,GACxB,EAAE,qBAAqB,2CA8DvB"}

package/dist/ui/MoveTargetPicker.js

@@ -0,0 +1,46 @@
+"use client";
+import { Button } from "@anvilkit/ui/button";
+import { Dialog, DialogContent, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
+import * as __rspack_external_react from "react";
+function MoveTargetPicker({ open, onOpenChange, folders, onPick, rootLabel = "All assets" }) {
+    const [busy, setBusy] = __rspack_external_react.useState(false);
+    async function pick(folderId) {
+        if (busy) return;
+        setBusy(true);
+        try {
+            await onPick(folderId);
+            onOpenChange(false);
+        } finally{
+            setBusy(false);
+        }
+    }
+    return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (!busy) onOpenChange(next);
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Move to folder")), /*#__PURE__*/ __rspack_external_react.createElement("ul", {
+        "aria-label": "Move to folder",
+        "data-testid": "ak-move-target-picker",
+        className: "flex max-h-72 flex-col gap-1 overflow-auto"
+    }, /*#__PURE__*/ __rspack_external_react.createElement("li", null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "ghost",
+        size: "sm",
+        className: "w-full justify-start",
+        "data-move-target": "root",
+        disabled: busy,
+        onClick: ()=>void pick(null)
+    }, rootLabel)), folders.map((folder)=>/*#__PURE__*/ __rspack_external_react.createElement("li", {
+            key: folder.id
+        }, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+            type: "button",
+            variant: "ghost",
+            size: "sm",
+            className: "w-full justify-start",
+            "data-move-target": folder.id,
+            disabled: busy,
+            onClick: ()=>void pick(folder.id)
+        }, folder.name))))));
+}
+export { MoveTargetPicker };

package/dist/ui/ReplaceAssetDialog.cjs

@@ -2,11 +2,15 @@
 "use client";
 var __webpack_require__ = {};
 (()=>{
-    __webpack_require__.d = (exports1, definition)=>{
-        for(var key in definition)if (__webpack_require__.o(definition, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
-            enumerable: true,
-            get: definition[key]
-        });
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
     };
 })();
 (()=>{

package/dist/ui/ReplaceAssetDialog.d.cts

@@ -1,4 +1,5 @@
-import type { AssetManagerOptions, UploadResult } from "../types/types.js";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { UploadResult } from "../types/types.js";
 export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3E,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,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,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,2CAuHzB"}

package/dist/ui/ReplaceAssetDialog.d.ts

@@ -1,4 +1,5 @@
-import type { AssetManagerOptions, UploadResult } from "../types/types.js";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { UploadResult } from "../types/types.js";
 export interface ReplaceAssetDialogProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize"> {
     /** Asset to replace. `null` closes the dialog. */
     readonly asset: UploadResult | null;

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

@@ -1 +1 @@
-{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,mBAAmB,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAE3E,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,2CAuHzB"}
+{"version":3,"file":"ReplaceAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/ReplaceAssetDialog.tsx"],"names":[],"mappings":"AAcA,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,2CAuHzB"}

package/dist/ui/UnsplashPanel.cjs

@@ -0,0 +1,134 @@
+"use strict";
+"use client";
+var __webpack_require__ = {};
+(()=>{
+    __webpack_require__.d = (exports1, getters, values)=>{
+        var define = (defs, kind)=>{
+            for(var key in defs)if (__webpack_require__.o(defs, key) && !__webpack_require__.o(exports1, key)) Object.defineProperty(exports1, key, {
+                enumerable: true,
+                [kind]: defs[key]
+            });
+        };
+        define(getters, "get");
+        define(values, "value");
+    };
+})();
+(()=>{
+    __webpack_require__.o = (obj, prop)=>Object.prototype.hasOwnProperty.call(obj, prop);
+})();
+(()=>{
+    __webpack_require__.r = (exports1)=>{
+        if ("u" > typeof Symbol && Symbol.toStringTag) Object.defineProperty(exports1, Symbol.toStringTag, {
+            value: 'Module'
+        });
+        Object.defineProperty(exports1, '__esModule', {
+            value: true
+        });
+    };
+})();
+var __webpack_exports__ = {};
+__webpack_require__.r(__webpack_exports__);
+__webpack_require__.d(__webpack_exports__, {
+    UnsplashPanel: ()=>UnsplashPanel
+});
+const button_namespaceObject = require("@anvilkit/ui/button");
+const input_namespaceObject = require("@anvilkit/ui/input");
+const external_react_namespaceObject = require("react");
+function UnsplashPanel({ themes, activeThemeId, onThemeChange, query, onQueryChange, results, status, onPick, onLoadMore, themeLabel = (key)=>key, skeletonCount = 12 }) {
+    if ("disabled" === status) return /*#__PURE__*/ external_react_namespaceObject.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__*/ external_react_namespaceObject.createElement("p", null, "Connect Unsplash — add an access key via a server proxy."));
+    return /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-testid": "ak-unsplash-panel",
+        className: "flex flex-col gap-2"
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement("span", {
+        role: "status",
+        "aria-live": "polite",
+        "data-testid": "ak-unsplash-status",
+        className: "sr-only"
+    }, "loading" === status ? "Loading photos…" : ""), /*#__PURE__*/ external_react_namespaceObject.createElement(input_namespaceObject.Input, {
+        value: query,
+        placeholder: "Search Unsplash…",
+        "data-testid": "ak-unsplash-search",
+        onChange: (event)=>onQueryChange(event.currentTarget.value)
+    }), themes.length > 0 ? /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        role: "group",
+        "aria-label": "Unsplash themes",
+        "data-testid": "ak-unsplash-themes",
+        className: "flex flex-wrap gap-1"
+    }, themes.map((theme)=>/*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.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)
+        }, themeLabel(theme.label)))) : null, "rateLimited" === status ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+        role: "alert",
+        "data-testid": "ak-unsplash-rate-limited",
+        className: "text-sm"
+    }, "Unsplash rate limit reached — try again shortly.") : null, "error" === status ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+        role: "alert",
+        "data-testid": "ak-unsplash-error",
+        className: "text-sm"
+    }, "Couldn’t reach Unsplash. Retry.") : null, "loading" === status && 0 === results.length ? /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "data-testid": "ak-unsplash-skeletons",
+        className: "grid grid-cols-3 gap-2",
+        "aria-hidden": "true"
+    }, Array.from({
+        length: skeletonCount
+    }, (_, index)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+            key: `skeleton-${index}`,
+            className: "aspect-square animate-pulse rounded bg-[var(--ak-studio-muted,#e5e7eb)]"
+        }))) : 0 === results.length && "idle" === status ? /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+        "data-testid": "ak-unsplash-empty",
+        className: "p-4 text-center text-sm"
+    }, "Search Unsplash to browse photos.") : /*#__PURE__*/ external_react_namespaceObject.createElement("ul", {
+        "data-testid": "ak-unsplash-results",
+        className: "grid grid-cols-3 gap-2"
+    }, results.map((result)=>/*#__PURE__*/ external_react_namespaceObject.createElement("li", {
+            key: result.id,
+            className: "flex flex-col gap-0.5"
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("button", {
+            type: "button",
+            "data-unsplash-id": result.id,
+            "aria-label": `Insert photo by ${result.photographerName}`,
+            className: "overflow-hidden rounded",
+            onClick: ()=>void onPick(result.id)
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("img", {
+            src: result.thumbnailUrl,
+            alt: `Photo by ${result.photographerName}`,
+            className: "aspect-square w-full object-cover",
+            loading: "lazy"
+        })), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
+            className: "truncate text-[10px] text-[var(--ak-studio-muted-fg)]"
+        }, /*#__PURE__*/ external_react_namespaceObject.createElement("a", {
+            href: result.photographerUrl,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "underline"
+        }, result.photographerName), " ", "\xb7", " ", /*#__PURE__*/ external_react_namespaceObject.createElement("a", {
+            href: result.unsplashUrl,
+            target: "_blank",
+            rel: "noreferrer noopener",
+            className: "underline"
+        }, "Unsplash"))))), onLoadMore && results.length > 0 ? /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        className: "flex justify-center"
+    }, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        disabled: "loading" === status,
+        onClick: onLoadMore
+    }, "Load more")) : null);
+}
+exports.UnsplashPanel = __webpack_exports__.UnsplashPanel;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "UnsplashPanel"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

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":"AAMA,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,UAAyB,EACzB,aAAkB,GAClB,EAAE,kBAAkB,2CAoJpB"}

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":"AAMA,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,UAAyB,EACzB,aAAkB,GAClB,EAAE,kBAAkB,2CAoJpB"}