@anvilkit/plugin-asset-manager 0.1.6 → 0.1.8

package/dist/ui/AssetManagerUI.cjs

@@ -31,6 +31,7 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     AssetManagerUI: ()=>AssetManagerUI
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const card_namespaceObject = require("@anvilkit/ui/card");
 const progress_namespaceObject = require("@anvilkit/ui/progress");
 const external_react_namespaceObject = require("react");
@@ -41,7 +42,8 @@ const external_DeleteAssetDialog_cjs_namespaceObject = require("./DeleteAssetDia
 const external_MetadataPanel_cjs_namespaceObject = require("./MetadataPanel.cjs");
 const external_ReplaceAssetDialog_cjs_namespaceObject = require("./ReplaceAssetDialog.cjs");
 const external_UploadButton_cjs_namespaceObject = require("./UploadButton.cjs");
-function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, aboveFilters, dataUrlAllowlistOptIn, draggableRows, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [assets, setAssets] = external_react_namespaceObject.useState(()=>registry.list());
     const [progress, setProgress] = external_react_namespaceObject.useState(null);
     const [pendingDelete, setPendingDelete] = external_react_namespaceObject.useState(null);
@@ -103,9 +105,23 @@ function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlA
         registry.setTags(asset.id, next.tags);
         setPendingEdit(null);
     }
+    const handleBrowserDelete = external_react_namespaceObject.useCallback((asset)=>{
+        setPendingDelete(asset);
+    }, []);
+    const handleBrowserEdit = external_react_namespaceObject.useCallback((asset)=>{
+        setPendingEdit(asset);
+    }, []);
+    const handleBrowserInsert = external_react_namespaceObject.useCallback((asset)=>{
+        onAssetInserted?.(asset);
+    }, [
+        onAssetInserted
+    ]);
+    const handleBrowserReplace = external_react_namespaceObject.useCallback((asset)=>{
+        setPendingReplace(asset);
+    }, []);
     const showProgress = null !== progress && progress.total > 0;
     const percent = showProgress ? Math.round(progress.completed / progress.total * 100) : 0;
-    return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, "Asset manager"), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, "Upload via the configured adapter, then insert a validated asset reference.")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_UploadButton_cjs_namespaceObject.UploadButton, {
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.Card, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardHeader, null, /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardTitle, null, msg("assetManager.ui.title")), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardDescription, null, msg("assetManager.ui.subtitle"))), /*#__PURE__*/ external_react_namespaceObject.createElement(card_namespaceObject.CardContent, null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_UploadButton_cjs_namespaceObject.UploadButton, {
         acceptedMimeTypes: acceptedMimeTypes,
         allowMixedScriptHostnames: allowMixedScriptHostnames,
         dataUrlAllowlistOptIn: dataUrlAllowlistOptIn,
@@ -116,26 +132,24 @@ function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlA
     }), showProgress ? /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
         "data-asset-manager-progress": true
     }, /*#__PURE__*/ external_react_namespaceObject.createElement(progress_namespaceObject.Progress, {
-        "aria-label": "Batch upload progress",
+        "aria-label": msg("assetManager.upload.progressLabel"),
         value: percent
     }), /*#__PURE__*/ external_react_namespaceObject.createElement("p", {
         "aria-live": "polite",
         role: "status"
-    }, "Uploading ", progress.completed, " of ", progress.total)) : null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_AssetBrowser_cjs_namespaceObject.AssetBrowser, {
+    }, msg("assetManager.upload.status").replace("{completed}", String(progress.completed)).replace("{total}", String(progress.total)))) : null, /*#__PURE__*/ external_react_namespaceObject.createElement(external_AssetBrowser_cjs_namespaceObject.AssetBrowser, {
         assets: assets,
-        onDelete: (asset)=>{
-            setPendingDelete(asset);
-        },
-        onEdit: (asset)=>{
-            setPendingEdit(asset);
-        },
-        onInsert: (asset)=>{
-            onAssetInserted?.(asset);
-        },
-        onReplace: (asset)=>{
-            setPendingReplace(asset);
-        },
-        searchEnabled: searchEnabled
+        onDelete: handleBrowserDelete,
+        onEdit: handleBrowserEdit,
+        onInsert: handleBrowserInsert,
+        onReplace: handleBrowserReplace,
+        searchEnabled: searchEnabled,
+        ...void 0 !== aboveFilters ? {
+            aboveFilters
+        } : {},
+        ...void 0 !== draggableRows ? {
+            draggableRows
+        } : {}
     }), /*#__PURE__*/ external_react_namespaceObject.createElement(external_DeleteAssetDialog_cjs_namespaceObject.DeleteAssetDialog, {
         asset: pendingDelete,
         onCancel: ()=>{

package/dist/ui/AssetManagerUI.d.cts

@@ -1,5 +1,13 @@
-import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types/types.js";
-export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+import * as React from "react";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { AssetRegistry, UploadAdapter, UploadResult } from "../types/types.js";
+export interface AssetManagerUIProps 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.
+     */
+    readonly uploader: UploadAdapter;
     readonly registry: AssetRegistry;
     readonly onAssetInserted?: (asset: UploadResult) => void;
     /**
@@ -10,6 +18,14 @@ export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "accepted
      * chrome can opt out.
      */
     readonly searchEnabled?: boolean;
+    /**
+     * Optional content rendered above the browser's filter row — e.g. a
+     * `FolderBreadcrumb` + `FolderTree` for folder navigation (PRD 0002 §7.4).
+     * The host wires these to the resolved data source / composite source.
+     */
+    readonly aboveFilters?: React.ReactNode;
+    /** Make asset rows draggable so they can be dropped onto a `FolderTree`. */
+    readonly draggableRows?: boolean;
 }
-export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, aboveFilters, dataUrlAllowlistOptIn, draggableRows, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AssetManagerUI.d.cts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetManagerUI.d.cts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiKrB"}
+{"version":3,"file":"AssetManagerUI.d.cts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,mBAChB,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,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiLrB"}

package/dist/ui/AssetManagerUI.d.ts

@@ -1,5 +1,13 @@
-import type { AssetManagerOptions, AssetRegistry, UploadResult } from "../types/types.js";
-export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "acceptedMimeTypes" | "maxFileSize" | "uploader" | "dataUrlAllowlistOptIn" | "allowMixedScriptHostnames"> {
+import * as React from "react";
+import type { AssetManagerOptions } from "../types/options.js";
+import type { AssetRegistry, UploadAdapter, UploadResult } from "../types/types.js";
+export interface AssetManagerUIProps 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.
+     */
+    readonly uploader: UploadAdapter;
     readonly registry: AssetRegistry;
     readonly onAssetInserted?: (asset: UploadResult) => void;
     /**
@@ -10,6 +18,14 @@ export interface AssetManagerUIProps extends Pick<AssetManagerOptions, "accepted
      * chrome can opt out.
      */
     readonly searchEnabled?: boolean;
+    /**
+     * Optional content rendered above the browser's filter row — e.g. a
+     * `FolderBreadcrumb` + `FolderTree` for folder navigation (PRD 0002 §7.4).
+     * The host wires these to the resolved data source / composite source.
+     */
+    readonly aboveFilters?: React.ReactNode;
+    /** Make asset rows draggable so they can be dropped onto a `FolderTree`. */
+    readonly draggableRows?: boolean;
 }
-export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
+export declare function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, aboveFilters, dataUrlAllowlistOptIn, draggableRows, maxFileSize, onAssetInserted, registry, searchEnabled, uploader, }: AssetManagerUIProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=AssetManagerUI.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"AssetManagerUI.d.ts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAYA,OAAO,KAAK,EACX,mBAAmB,EACnB,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,mBAChB,SAAQ,IAAI,CACX,mBAAmB,EACjB,mBAAmB,GACnB,aAAa,GACb,UAAU,GACV,uBAAuB,GACvB,2BAA2B,CAC7B;IACD,QAAQ,CAAC,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,qBAAqB,EACrB,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiKrB"}
+{"version":3,"file":"AssetManagerUI.d.ts","sourceRoot":"","sources":["../../src/ui/AssetManagerUI.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,KAAK,EAAE,mBAAmB,EAAE,MAAM,qBAAqB,CAAC;AAC/D,OAAO,KAAK,EACX,aAAa,EACb,aAAa,EACb,YAAY,EACZ,MAAM,mBAAmB,CAAC;AAS3B,MAAM,WAAW,mBAChB,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,QAAQ,EAAE,aAAa,CAAC;IACjC,QAAQ,CAAC,eAAe,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,CAAC;IACzD;;;;;;OAMG;IACH,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;IACjC;;;;OAIG;IACH,QAAQ,CAAC,YAAY,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IACxC,4EAA4E;IAC5E,QAAQ,CAAC,aAAa,CAAC,EAAE,OAAO,CAAC;CACjC;AAED,wBAAgB,cAAc,CAAC,EAC9B,iBAAiB,EACjB,yBAAyB,EACzB,YAAY,EACZ,qBAAqB,EACrB,aAAa,EACb,WAAW,EACX,eAAe,EACf,QAAQ,EACR,aAAoB,EACpB,QAAQ,GACR,EAAE,mBAAmB,2CAiLrB"}

package/dist/ui/AssetManagerUI.js

@@ -1,4 +1,5 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Card, CardContent, CardDescription, CardHeader, CardTitle } from "@anvilkit/ui/card";
 import { Progress } from "@anvilkit/ui/progress";
 import { validateUploadResult } from "../utils/validate-upload-result.js";
@@ -9,7 +10,8 @@ import { MetadataPanel } from "./MetadataPanel.js";
 import { ReplaceAssetDialog } from "./ReplaceAssetDialog.js";
 import { UploadButton } from "./UploadButton.js";
 import * as __rspack_external_react from "react";
-function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlAllowlistOptIn, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, aboveFilters, dataUrlAllowlistOptIn, draggableRows, maxFileSize, onAssetInserted, registry, searchEnabled = true, uploader }) {
+    const msg = useMsg();
     const [assets, setAssets] = __rspack_external_react.useState(()=>registry.list());
     const [progress, setProgress] = __rspack_external_react.useState(null);
     const [pendingDelete, setPendingDelete] = __rspack_external_react.useState(null);
@@ -71,9 +73,23 @@ function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlA
         registry.setTags(asset.id, next.tags);
         setPendingEdit(null);
     }
+    const handleBrowserDelete = __rspack_external_react.useCallback((asset)=>{
+        setPendingDelete(asset);
+    }, []);
+    const handleBrowserEdit = __rspack_external_react.useCallback((asset)=>{
+        setPendingEdit(asset);
+    }, []);
+    const handleBrowserInsert = __rspack_external_react.useCallback((asset)=>{
+        onAssetInserted?.(asset);
+    }, [
+        onAssetInserted
+    ]);
+    const handleBrowserReplace = __rspack_external_react.useCallback((asset)=>{
+        setPendingReplace(asset);
+    }, []);
     const showProgress = null !== progress && progress.total > 0;
     const percent = showProgress ? Math.round(progress.completed / progress.total * 100) : 0;
-    return /*#__PURE__*/ __rspack_external_react.createElement(Card, null, /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, null, "Asset manager"), /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, "Upload via the configured adapter, then insert a validated asset reference.")), /*#__PURE__*/ __rspack_external_react.createElement(CardContent, null, /*#__PURE__*/ __rspack_external_react.createElement(UploadButton, {
+    return /*#__PURE__*/ __rspack_external_react.createElement(Card, null, /*#__PURE__*/ __rspack_external_react.createElement(CardHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(CardTitle, null, msg("assetManager.ui.title")), /*#__PURE__*/ __rspack_external_react.createElement(CardDescription, null, msg("assetManager.ui.subtitle"))), /*#__PURE__*/ __rspack_external_react.createElement(CardContent, null, /*#__PURE__*/ __rspack_external_react.createElement(UploadButton, {
         acceptedMimeTypes: acceptedMimeTypes,
         allowMixedScriptHostnames: allowMixedScriptHostnames,
         dataUrlAllowlistOptIn: dataUrlAllowlistOptIn,
@@ -84,26 +100,24 @@ function AssetManagerUI({ acceptedMimeTypes, allowMixedScriptHostnames, dataUrlA
     }), showProgress ? /*#__PURE__*/ __rspack_external_react.createElement("div", {
         "data-asset-manager-progress": true
     }, /*#__PURE__*/ __rspack_external_react.createElement(Progress, {
-        "aria-label": "Batch upload progress",
+        "aria-label": msg("assetManager.upload.progressLabel"),
         value: percent
     }), /*#__PURE__*/ __rspack_external_react.createElement("p", {
         "aria-live": "polite",
         role: "status"
-    }, "Uploading ", progress.completed, " of ", progress.total)) : null, /*#__PURE__*/ __rspack_external_react.createElement(AssetBrowser, {
+    }, msg("assetManager.upload.status").replace("{completed}", String(progress.completed)).replace("{total}", String(progress.total)))) : null, /*#__PURE__*/ __rspack_external_react.createElement(AssetBrowser, {
         assets: assets,
-        onDelete: (asset)=>{
-            setPendingDelete(asset);
-        },
-        onEdit: (asset)=>{
-            setPendingEdit(asset);
-        },
-        onInsert: (asset)=>{
-            onAssetInserted?.(asset);
-        },
-        onReplace: (asset)=>{
-            setPendingReplace(asset);
-        },
-        searchEnabled: searchEnabled
+        onDelete: handleBrowserDelete,
+        onEdit: handleBrowserEdit,
+        onInsert: handleBrowserInsert,
+        onReplace: handleBrowserReplace,
+        searchEnabled: searchEnabled,
+        ...void 0 !== aboveFilters ? {
+            aboveFilters
+        } : {},
+        ...void 0 !== draggableRows ? {
+            draggableRows
+        } : {}
     }), /*#__PURE__*/ __rspack_external_react.createElement(DeleteAssetDialog, {
         asset: pendingDelete,
         onCancel: ()=>{

package/dist/ui/DeleteAssetDialog.cjs

@@ -31,10 +31,12 @@ __webpack_require__.r(__webpack_exports__);
 __webpack_require__.d(__webpack_exports__, {
     DeleteAssetDialog: ()=>DeleteAssetDialog
 });
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
 const button_namespaceObject = require("@anvilkit/ui/button");
 const dialog_namespaceObject = require("@anvilkit/ui/dialog");
 const external_react_namespaceObject = require("react");
 function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
     const [busy, setBusy] = external_react_namespaceObject.useState(false);
     async function handleConfirm() {
         if (null === asset || busy) return;
@@ -54,17 +56,17 @@ function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
     return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
         open: open,
         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, "Delete asset?"), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " will be removed from the registry. References to it in the page will fail to resolve.", "number" == typeof referenceCount && referenceCount > 0 ? ` This asset is referenced in ${referenceCount} ${1 === referenceCount ? "node" : "nodes"}.` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+    }, /*#__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, msg("assetManager.dialog.deleteTitle")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " ", msg("assetManager.dialog.deleteDescription"), "number" == typeof referenceCount && referenceCount > 0 ? ` ${msg("assetManager.dialog.deleteReferenced").replace("{count}", String(referenceCount)).replace("{nodes}", 1 === referenceCount ? "node" : "nodes")}` : "")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         type: "button",
         variant: "outline",
         onClick: onCancel,
         disabled: busy
-    }, "Cancel"), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
         type: "button",
         variant: "destructive",
         onClick: handleConfirm,
         disabled: busy || null === asset
-    }, busy ? "Deleting…" : "Delete"))));
+    }, busy ? msg("assetManager.dialog.deleteProgress") : msg("assetManager.button.delete")))));
 }
 exports.DeleteAssetDialog = __webpack_exports__.DeleteAssetDialog;
 for(var __rspack_i in __webpack_exports__)if (-1 === [

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CA8DxB"}
+{"version":3,"file":"DeleteAssetDialog.d.cts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CAiExB"}

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

@@ -1 +1 @@
-{"version":3,"file":"DeleteAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAaA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CA8DxB"}
+{"version":3,"file":"DeleteAssetDialog.d.ts","sourceRoot":"","sources":["../../src/ui/DeleteAssetDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,mBAAmB,CAAC;AAEtD,MAAM,WAAW,sBAAsB;IACtC;;;;OAIG;IACH,QAAQ,CAAC,KAAK,EAAE,YAAY,GAAG,IAAI,CAAC;IACpC;;;OAGG;IACH,QAAQ,CAAC,SAAS,EAAE,CAAC,KAAK,EAAE,YAAY,KAAK,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAClE,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;IAC9B;;;OAGG;IACH,QAAQ,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;CACjC;AAED,wBAAgB,iBAAiB,CAAC,EACjC,KAAK,EACL,QAAQ,EACR,SAAS,EACT,cAAc,GACd,EAAE,sBAAsB,2CAiExB"}

package/dist/ui/DeleteAssetDialog.js

@@ -1,8 +1,10 @@
 "use client";
+import { useMsg } from "@anvilkit/core/i18n";
 import { Button } from "@anvilkit/ui/button";
 import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
 import * as __rspack_external_react from "react";
 function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
+    const msg = useMsg();
     const [busy, setBusy] = __rspack_external_react.useState(false);
     async function handleConfirm() {
         if (null === asset || busy) return;
@@ -22,16 +24,16 @@ function DeleteAssetDialog({ asset, onCancel, onConfirm, referenceCount }) {
     return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
         open: open,
         onOpenChange: handleOpenChange
-    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, "Delete asset?"), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " will be removed from the registry. References to it in the page will fail to resolve.", "number" == typeof referenceCount && referenceCount > 0 ? ` This asset is referenced in ${referenceCount} ${1 === referenceCount ? "node" : "nodes"}.` : "")), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, msg("assetManager.dialog.deleteTitle")), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, label, mimeType ? ` (${mimeType})` : "", " ", msg("assetManager.dialog.deleteDescription"), "number" == typeof referenceCount && referenceCount > 0 ? ` ${msg("assetManager.dialog.deleteReferenced").replace("{count}", String(referenceCount)).replace("{nodes}", 1 === referenceCount ? "node" : "nodes")}` : "")), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         type: "button",
         variant: "outline",
         onClick: onCancel,
         disabled: busy
-    }, "Cancel"), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
         type: "button",
         variant: "destructive",
         onClick: handleConfirm,
         disabled: busy || null === asset
-    }, busy ? "Deleting…" : "Delete"))));
+    }, busy ? msg("assetManager.dialog.deleteProgress") : msg("assetManager.button.delete")))));
 }
 export { DeleteAssetDialog };

package/dist/ui/DeleteFolderDialog.cjs

@@ -0,0 +1,80 @@
+"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__, {
+    DeleteFolderDialog: ()=>DeleteFolderDialog
+});
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const button_namespaceObject = require("@anvilkit/ui/button");
+const dialog_namespaceObject = require("@anvilkit/ui/dialog");
+const external_react_namespaceObject = require("react");
+function DeleteFolderDialog({ folder, onConfirm, onCancel }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const [busy, setBusy] = external_react_namespaceObject.useState(false);
+    async function confirm(cascade) {
+        if (null === folder || busy) return;
+        setBusy(true);
+        try {
+            await onConfirm(folder, cascade);
+        } finally{
+            setBusy(false);
+        }
+    }
+    const open = null !== folder;
+    const assetCount = folder?.counts.assets ?? 0;
+    return /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (!next && !busy) onCancel();
+        }
+    }, /*#__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, msg("assetManager.dialog.deleteFolderTitle")), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogDescription, null, msg("assetManager.dialog.deleteFolderDescription").replace("{name}", folder?.name ?? "").replace("{count}", String(assetCount)).replace("{assets}", 1 === assetCount ? "asset" : "assets"))), /*#__PURE__*/ external_react_namespaceObject.createElement(dialog_namespaceObject.DialogFooter, null, /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy,
+        onClick: onCancel
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy || null === folder,
+        onClick: ()=>void confirm(false)
+    }, busy ? msg("assetManager.dialog.removeProgress") : msg("assetManager.dialog.removeFolder")), /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "destructive",
+        disabled: busy || null === folder,
+        onClick: ()=>void confirm(true)
+    }, msg("assetManager.button.deleteContents")))));
+}
+exports.DeleteFolderDialog = __webpack_exports__.DeleteFolderDialog;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "DeleteFolderDialog"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/DeleteFolderDialog.d.cts

@@ -0,0 +1,11 @@
+import type { AssetFolder } from "../types/folders.js";
+export interface DeleteFolderDialogProps {
+    /** Folder to delete. `null` ⇒ closed. */
+    readonly folder: AssetFolder | null;
+    /** Confirm. `cascade=false` reparents children to the parent (default, safe);
+     *  `cascade=true` also deletes the descendant assets. */
+    readonly onConfirm: (folder: AssetFolder, cascade: boolean) => void | Promise<void>;
+    readonly onCancel: () => void;
+}
+export declare function DeleteFolderDialog({ folder, onConfirm, onCancel, }: DeleteFolderDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeleteFolderDialog.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFolderDialog.d.cts","sourceRoot":"","sources":["../../src/ui/DeleteFolderDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACvC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC;6DACyD;IACzD,QAAQ,CAAC,SAAS,EAAE,CACnB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,KACZ,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,MAAM,EACN,SAAS,EACT,QAAQ,GACR,EAAE,uBAAuB,2CAmEzB"}

package/dist/ui/DeleteFolderDialog.d.ts

@@ -0,0 +1,11 @@
+import type { AssetFolder } from "../types/folders.js";
+export interface DeleteFolderDialogProps {
+    /** Folder to delete. `null` ⇒ closed. */
+    readonly folder: AssetFolder | null;
+    /** Confirm. `cascade=false` reparents children to the parent (default, safe);
+     *  `cascade=true` also deletes the descendant assets. */
+    readonly onConfirm: (folder: AssetFolder, cascade: boolean) => void | Promise<void>;
+    readonly onCancel: () => void;
+}
+export declare function DeleteFolderDialog({ folder, onConfirm, onCancel, }: DeleteFolderDialogProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=DeleteFolderDialog.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"DeleteFolderDialog.d.ts","sourceRoot":"","sources":["../../src/ui/DeleteFolderDialog.tsx"],"names":[],"mappings":"AAcA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,qBAAqB,CAAC;AAEvD,MAAM,WAAW,uBAAuB;IACvC,yCAAyC;IACzC,QAAQ,CAAC,MAAM,EAAE,WAAW,GAAG,IAAI,CAAC;IACpC;6DACyD;IACzD,QAAQ,CAAC,SAAS,EAAE,CACnB,MAAM,EAAE,WAAW,EACnB,OAAO,EAAE,OAAO,KACZ,IAAI,GAAG,OAAO,CAAC,IAAI,CAAC,CAAC;IAC1B,QAAQ,CAAC,QAAQ,EAAE,MAAM,IAAI,CAAC;CAC9B;AAED,wBAAgB,kBAAkB,CAAC,EAClC,MAAM,EACN,SAAS,EACT,QAAQ,GACR,EAAE,uBAAuB,2CAmEzB"}

package/dist/ui/DeleteFolderDialog.js

@@ -0,0 +1,42 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Button } from "@anvilkit/ui/button";
+import { Dialog, DialogContent, DialogDescription, DialogFooter, DialogHeader, DialogTitle } from "@anvilkit/ui/dialog";
+import * as __rspack_external_react from "react";
+function DeleteFolderDialog({ folder, onConfirm, onCancel }) {
+    const msg = useMsg();
+    const [busy, setBusy] = __rspack_external_react.useState(false);
+    async function confirm(cascade) {
+        if (null === folder || busy) return;
+        setBusy(true);
+        try {
+            await onConfirm(folder, cascade);
+        } finally{
+            setBusy(false);
+        }
+    }
+    const open = null !== folder;
+    const assetCount = folder?.counts.assets ?? 0;
+    return /*#__PURE__*/ __rspack_external_react.createElement(Dialog, {
+        open: open,
+        onOpenChange: (next)=>{
+            if (!next && !busy) onCancel();
+        }
+    }, /*#__PURE__*/ __rspack_external_react.createElement(DialogContent, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogHeader, null, /*#__PURE__*/ __rspack_external_react.createElement(DialogTitle, null, msg("assetManager.dialog.deleteFolderTitle")), /*#__PURE__*/ __rspack_external_react.createElement(DialogDescription, null, msg("assetManager.dialog.deleteFolderDescription").replace("{name}", folder?.name ?? "").replace("{count}", String(assetCount)).replace("{assets}", 1 === assetCount ? "asset" : "assets"))), /*#__PURE__*/ __rspack_external_react.createElement(DialogFooter, null, /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy,
+        onClick: onCancel
+    }, msg("assetManager.button.cancel")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        disabled: busy || null === folder,
+        onClick: ()=>void confirm(false)
+    }, busy ? msg("assetManager.dialog.removeProgress") : msg("assetManager.dialog.removeFolder")), /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "destructive",
+        disabled: busy || null === folder,
+        onClick: ()=>void confirm(true)
+    }, msg("assetManager.button.deleteContents")))));
+}
+export { DeleteFolderDialog };

package/dist/ui/EmptyFolderState.cjs

@@ -0,0 +1,56 @@
+"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__, {
+    EmptyFolderState: ()=>EmptyFolderState
+});
+const i18n_namespaceObject = require("@anvilkit/core/i18n");
+const button_namespaceObject = require("@anvilkit/ui/button");
+const external_react_namespaceObject = require("react");
+function EmptyFolderState({ onUpload, message }) {
+    const msg = (0, i18n_namespaceObject.useMsg)();
+    const resolvedMessage = message ?? msg("assetManager.folder.empty");
+    return /*#__PURE__*/ external_react_namespaceObject.createElement("div", {
+        "data-testid": "ak-empty-folder",
+        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, resolvedMessage), onUpload ? /*#__PURE__*/ external_react_namespaceObject.createElement(button_namespaceObject.Button, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: onUpload
+    }, msg("assetManager.upload.toFolder")) : null);
+}
+exports.EmptyFolderState = __webpack_exports__.EmptyFolderState;
+for(var __rspack_i in __webpack_exports__)if (-1 === [
+    "EmptyFolderState"
+].indexOf(__rspack_i)) exports[__rspack_i] = __webpack_exports__[__rspack_i];
+Object.defineProperty(exports, '__esModule', {
+    value: true
+});

package/dist/ui/EmptyFolderState.d.cts

@@ -0,0 +1,6 @@
+export interface EmptyFolderStateProps {
+    readonly onUpload?: () => void;
+    readonly message?: string;
+}
+export declare function EmptyFolderState({ onUpload, message }: EmptyFolderStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyFolderState.d.cts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyFolderState.d.cts","sourceRoot":"","sources":["../../src/ui/EmptyFolderState.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAgB5E"}

package/dist/ui/EmptyFolderState.d.ts

@@ -0,0 +1,6 @@
+export interface EmptyFolderStateProps {
+    readonly onUpload?: () => void;
+    readonly message?: string;
+}
+export declare function EmptyFolderState({ onUpload, message }: EmptyFolderStateProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=EmptyFolderState.d.ts.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"EmptyFolderState.d.ts","sourceRoot":"","sources":["../../src/ui/EmptyFolderState.tsx"],"names":[],"mappings":"AAMA,MAAM,WAAW,qBAAqB;IACrC,QAAQ,CAAC,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAC/B,QAAQ,CAAC,OAAO,CAAC,EAAE,MAAM,CAAC;CAC1B;AAED,wBAAgB,gBAAgB,CAAC,EAAE,QAAQ,EAAE,OAAO,EAAE,EAAE,qBAAqB,2CAgB5E"}

package/dist/ui/EmptyFolderState.js

@@ -0,0 +1,18 @@
+"use client";
+import { useMsg } from "@anvilkit/core/i18n";
+import { Button } from "@anvilkit/ui/button";
+import * as __rspack_external_react from "react";
+function EmptyFolderState({ onUpload, message }) {
+    const msg = useMsg();
+    const resolvedMessage = message ?? msg("assetManager.folder.empty");
+    return /*#__PURE__*/ __rspack_external_react.createElement("div", {
+        "data-testid": "ak-empty-folder",
+        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, resolvedMessage), onUpload ? /*#__PURE__*/ __rspack_external_react.createElement(Button, {
+        type: "button",
+        variant: "outline",
+        size: "sm",
+        onClick: onUpload
+    }, msg("assetManager.upload.toFolder")) : null);
+}
+export { EmptyFolderState };