@feedmepos/mf-media 1.0.1-dev.3 → 1.0.1

package/dist/{AiStudio-4e54cdff.js → AiStudio-866a5c97.js}

@@ -2,7 +2,7 @@ import { defineComponent as V, computed as S, resolveComponent as E, openBlock a
 import { defineStore as de, storeToRefs as ce } from "pinia";
 import { useI18n as L, useCoreStore as ue } from "@feedmepos/mf-common";
 import { useDialog as me, useSnackbar as fe } from "@feedmepos/ui-library";
-import { i as W, u as pe, p as ve, j as xe } from "./media-picker-40af065f.js";
+import { i as W, u as pe, p as ve, j as xe } from "./media-picker-fdce9066.js";
 const ge = { class: "rounded-xl border border-fm-color-neutral-gray-200 bg-white overflow-hidden" }, ye = ["src", "alt"], be = {
   key: 1,
   class: "absolute inset-0 flex flex-col items-center justify-center gap-4 p-12 text-center"

package/dist/{AssetLibrary-e042670f.js → AssetLibrary-2444af84.js}

@@ -1,7 +1,7 @@
 import { defineComponent as de, computed as C, ref as n, onMounted as ce, watch as U, resolveComponent as k, openBlock as w, createElementBlock as S, createElementVNode as c, toDisplayString as _, unref as t, createVNode as u, createBlock as ve, createCommentVNode as J, withCtx as N } from "vue";
 import { useCoreStore as me, useI18n as fe } from "@feedmepos/mf-common";
 import { useDialog as pe } from "@feedmepos/ui-library";
-import { o as ge, I as ye, g as be, f as we, c as O, m as _e, e as xe, d as he, U as Be, h as Ce, a as ke, E as Se, T as K, b as Ie } from "./media-picker-40af065f.js";
+import { o as ge, I as ye, g as be, f as we, c as O, m as _e, e as xe, d as he, U as Be, h as Ce, a as ke, E as Se, T as K, b as Ie } from "./media-picker-fdce9066.js";
 const Ve = { class: "p-24 relative min-h-full" }, De = { class: "flex items-center justify-between mb-8" }, Te = { class: "fm-typo-en-title-md-600 fm-step-title line-clamp-2" }, ze = { class: "flex gap-8" }, Pe = { class: "flex flex-col gap-12 mb-16" }, Ae = { class: "flex items-center gap-12" }, Fe = { class: "flex-1 text-xs text-fm-color-typo-secondary" }, Re = {
   key: 0,
   class: "text-fm-color-typo-primary font-semibold"

package/dist/app.js

@@ -2531,7 +2531,7 @@ const ka = [
   {
     path: "/library",
     name: "$media-library",
-    component: Ae(S(() => import("./AssetLibrary-e042670f.js"))),
+    component: Ae(S(() => import("./AssetLibrary-2444af84.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [
@@ -2546,7 +2546,7 @@ const ka = [
   {
     path: "/studio",
     name: "$media-studio",
-    component: Ae(S(() => import("./AiStudio-4e54cdff.js"))),
+    component: Ae(S(() => import("./AiStudio-866a5c97.js"))),
     meta: {
       validationManifest: {
         requiredCaslPermissions: [

package/dist/{media-picker-40af065f.js → media-picker-fdce9066.js}

@@ -1,4 +1,4 @@
-import { defineComponent as be, resolveComponent as K, resolveDirective as ua, openBlock as b, createElementBlock as k, toDisplayString as x, unref as h, createElementVNode as v, normalizeStyle as j, Fragment as Z, renderList as he, withDirectives as et, normalizeClass as ee, withModifiers as ct, createBlock as oe, createCommentVNode as F, createVNode as W, createTextVNode as de, ref as G, withKeys as $a, vModelText as Ja, computed as z, withCtx as Se, onScopeDispose as Ha, watch as xe, mergeModels as yt, useModel as da } from "vue";
+import { defineComponent as be, resolveComponent as K, resolveDirective as ua, openBlock as y, createElementBlock as k, toDisplayString as x, unref as h, createElementVNode as b, normalizeStyle as j, Fragment as Z, renderList as he, withDirectives as et, normalizeClass as ee, withModifiers as ct, createBlock as oe, createCommentVNode as F, createVNode as W, createTextVNode as de, ref as G, withKeys as $a, vModelText as Ja, computed as z, withCtx as Se, onScopeDispose as Ha, watch as xe, mergeModels as yt, useModel as da } from "vue";
 import { useI18n as ye, useCoreStore as Ka } from "@feedmepos/mf-common";
 import { useDialog as Xa } from "@feedmepos/ui-library";
 function ca(e, t) {
@@ -684,8 +684,8 @@ function st(e, t, a) {
       indexes: !1
     },
     !1,
-    function(p, y) {
-      return !l.isUndefined(y[p]);
+    function(p, v) {
+      return !l.isUndefined(v[p]);
     }
   );
   const n = a.metaTokens, o = a.visitor || P, r = a.dots, i = a.indexes, s = a.Blob || typeof Blob < "u" && Blob, u = a.maxDepth === void 0 ? ka : a.maxDepth, c = s && l.isSpecCompliantForm(t), d = [];
@@ -716,7 +716,7 @@ function st(e, t, a) {
         T.ERR_FORM_DATA_DEPTH_EXCEEDED
       );
   }
-  function _(p, y) {
+  function _(p, v) {
     if (u === 1 / 0)
       return JSON.stringify(p);
     const C = [];
@@ -725,38 +725,38 @@ function st(e, t, a) {
         return V;
       for (; C.length && C[C.length - 1] !== this; )
         C.pop();
-      return C.push(V), w(y + C.length - 1), V;
+      return C.push(V), w(v + C.length - 1), V;
     });
   }
-  function P(p, y, C) {
+  function P(p, v, C) {
     let A = p;
     if (l.isReactNative(t) && l.isReactNativeBlob(p))
-      return t.append(ft(C, y, r), f(p)), !1;
+      return t.append(ft(C, v, r), f(p)), !1;
     if (p && !C && typeof p == "object") {
-      if (l.endsWith(y, "{}"))
-        y = n ? y : y.slice(0, -2), p = _(p, 1);
-      else if (l.isArray(p) && no(p) || (l.isFileList(p) || l.endsWith(y, "[]")) && (A = l.toArray(p)))
-        return y = xa(y), A.forEach(function(V, Q) {
+      if (l.endsWith(v, "{}"))
+        v = n ? v : v.slice(0, -2), p = _(p, 1);
+      else if (l.isArray(p) && no(p) || (l.isFileList(p) || l.endsWith(v, "[]")) && (A = l.toArray(p)))
+        return v = xa(v), A.forEach(function(V, Q) {
           !(l.isUndefined(V) || V === null) && t.append(
             // eslint-disable-next-line no-nested-ternary
-            i === !0 ? ft([y], Q, r) : i === null ? y : y + "[]",
+            i === !0 ? ft([v], Q, r) : i === null ? v : v + "[]",
             f(V)
           );
         }), !1;
     }
-    return wt(p) ? !0 : (t.append(ft(C, y, r), f(p)), !1);
+    return wt(p) ? !0 : (t.append(ft(C, v, r), f(p)), !1);
   }
   const E = Object.assign(oo, {
     defaultVisitor: P,
     convertValue: f,
     isVisitable: wt
   });
-  function R(p, y, C = 0) {
+  function R(p, v, C = 0) {
     if (!l.isUndefined(p)) {
       if (w(C), d.indexOf(p) !== -1)
-        throw new Error("Circular reference detected in " + y.join("."));
+        throw new Error("Circular reference detected in " + v.join("."));
       d.push(p), l.forEach(p, function(A, V) {
-        (!(l.isUndefined(A) || A === null) && o.call(t, A, l.isString(V) ? V.trim() : V, y, E)) === !0 && R(A, y ? y.concat(V) : [V], C + 1);
+        (!(l.isUndefined(A) || A === null) && o.call(t, A, l.isString(V) ? V.trim() : V, v, E)) === !0 && R(A, v ? v.concat(V) : [V], C + 1);
       }), d.pop();
     }
   }
@@ -1340,13 +1340,13 @@ const No = typeof XMLHttpRequest < "u", Io = No && function(e) {
     function R() {
       if (!E)
         return;
-      const y = ce.from(
+      const v = ce.from(
         "getAllResponseHeaders" in E && E.getAllResponseHeaders()
       ), C = {
         data: !i || i === "text" || i === "json" ? E.responseText : E.response,
         status: E.status,
         statusText: E.statusText,
-        headers: y,
+        headers: v,
         config: e,
         request: E
       };
@@ -1364,24 +1364,24 @@ const No = typeof XMLHttpRequest < "u", Io = No && function(e) {
       !E || E.readyState !== 4 || E.status === 0 && !(E.responseURL && E.responseURL.startsWith("file:")) || setTimeout(R);
     }, E.onabort = function() {
       E && (a(new T("Request aborted", T.ECONNABORTED, e, E)), P(), E = null);
-    }, E.onerror = function(y) {
-      const C = y && y.message ? y.message : "Network Error", A = new T(C, T.ERR_NETWORK, e, E);
-      A.event = y || null, a(A), P(), E = null;
+    }, E.onerror = function(v) {
+      const C = v && v.message ? v.message : "Network Error", A = new T(C, T.ERR_NETWORK, e, E);
+      A.event = v || null, a(A), P(), E = null;
     }, E.ontimeout = function() {
-      let y = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
+      let v = n.timeout ? "timeout of " + n.timeout + "ms exceeded" : "timeout exceeded";
       const C = n.transitional || St;
-      n.timeoutErrorMessage && (y = n.timeoutErrorMessage), a(
+      n.timeoutErrorMessage && (v = n.timeoutErrorMessage), a(
         new T(
-          y,
+          v,
           C.clarifyTimeoutError ? T.ETIMEDOUT : T.ECONNABORTED,
           e,
           E
         )
       ), P(), E = null;
-    }, o === void 0 && r.setContentType(null), "setRequestHeader" in E && l.forEach(wa(r), function(y, C) {
-      E.setRequestHeader(C, y);
-    }), l.isUndefined(n.withCredentials) || (E.withCredentials = !!n.withCredentials), i && i !== "json" && (E.responseType = n.responseType), u && ([f, _] = at(u, !0), E.addEventListener("progress", f)), s && E.upload && ([d, w] = at(s), E.upload.addEventListener("progress", d), E.upload.addEventListener("loadend", w)), (n.cancelToken || n.signal) && (c = (y) => {
-      E && (a(!y || y.type ? new Ge(null, e, E) : y), E.abort(), P(), E = null);
+    }, o === void 0 && r.setContentType(null), "setRequestHeader" in E && l.forEach(wa(r), function(v, C) {
+      E.setRequestHeader(C, v);
+    }), l.isUndefined(n.withCredentials) || (E.withCredentials = !!n.withCredentials), i && i !== "json" && (E.responseType = n.responseType), u && ([f, _] = at(u, !0), E.addEventListener("progress", f)), s && E.upload && ([d, w] = at(s), E.upload.addEventListener("progress", d), E.upload.addEventListener("loadend", w)), (n.cancelToken || n.signal) && (c = (v) => {
+      E && (a(!v || v.type ? new Ge(null, e, E) : v), E.abort(), P(), E = null);
     }, n.cancelToken && n.cancelToken.subscribe(c), n.signal && (n.signal.aborted ? c() : n.signal.addEventListener("abort", c)));
     const p = ko(n.url);
     if (p && !te.protocols.includes(p)) {
@@ -1558,24 +1558,24 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
   const { fetch: o, Request: r, Response: i } = e, s = o ? Ke(o) : typeof fetch == "function", u = Ke(r), c = Ke(i);
   if (!s)
     return !1;
-  const d = s && Ke(a), f = s && (typeof n == "function" ? ((p) => (y) => p.encode(y))(new n()) : async (p) => new Uint8Array(await new r(p).arrayBuffer())), w = u && d && aa(() => {
+  const d = s && Ke(a), f = s && (typeof n == "function" ? ((p) => (v) => p.encode(v))(new n()) : async (p) => new Uint8Array(await new r(p).arrayBuffer())), w = u && d && aa(() => {
     let p = !1;
-    const y = new r(te.origin, {
+    const v = new r(te.origin, {
       body: new a(),
       method: "POST",
       get duplex() {
         return p = !0, "half";
       }
-    }), C = y.headers.has("Content-Type");
-    return y.body != null && y.body.cancel(), p && !C;
+    }), C = v.headers.has("Content-Type");
+    return v.body != null && v.body.cancel(), p && !C;
   }), _ = c && d && aa(() => l.isReadableStream(new i("").body)), P = {
     stream: _ && ((p) => p.body)
   };
   s && ["text", "arrayBuffer", "blob", "formData", "stream"].forEach((p) => {
-    !P[p] && (P[p] = (y, C) => {
-      let A = y && y[p];
+    !P[p] && (P[p] = (v, C) => {
+      let A = v && v[p];
       if (A)
-        return A.call(y);
+        return A.call(v);
       throw new T(
         `Response type '${p}' is not supported`,
         T.ERR_NOT_SUPPORT,
@@ -1597,10 +1597,10 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
       return p.byteLength;
     if (l.isURLSearchParams(p) && (p = p + ""), l.isString(p))
       return (await f(p)).byteLength;
-  }, R = async (p, y) => l.toFiniteNumber(p.getContentLength()) ?? E(y);
+  }, R = async (p, v) => l.toFiniteNumber(p.getContentLength()) ?? E(v);
   return async (p) => {
     let {
-      url: y,
+      url: v,
       method: C,
       data: A,
       signal: V,
@@ -1642,8 +1642,8 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
           password: ue
         };
       }
-      if (Go(y)) {
-        const D = new URL(y, te.origin);
+      if (Go(v)) {
+        const D = new URL(v, te.origin);
         if (!q && (D.username || D.password)) {
           const ue = ta(D.username), Ee = ta(D.password);
           q = {
@@ -1651,12 +1651,12 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
             password: Ee
           };
         }
-        (D.username || D.password) && (D.username = "", D.password = "", y = D.href);
+        (D.username || D.password) && (D.username = "", D.password = "", v = D.href);
       }
       if (q && (J.delete("authorization"), J.set(
         "Authorization",
         "Basic " + btoa(Wo((q.username || "") + ":" + (q.password || "")))
-      )), g && typeof y == "string" && y.startsWith("data:") && qo(y) > Y)
+      )), g && typeof v == "string" && v.startsWith("data:") && qo(v) > Y)
         throw new T(
           "maxContentLength size of " + Y + " exceeded",
           T.ERR_BAD_RESPONSE,
@@ -1680,7 +1680,7 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
       );
       if (w && C !== "get" && C !== "head" && (O || He)) {
         if (Pe = Pe ?? await R(J, A), Pe !== 0 || He) {
-          let D = new r(y, {
+          let D = new r(v, {
             method: "POST",
             body: A,
             duplex: "half"
@@ -1718,8 +1718,8 @@ const At = "1.18.1", ea = 64 * 1024, { isFunction: Ke } = l, Wo = (e) => encodeU
         duplex: "half",
         credentials: Wa ? le : void 0
       };
-      I = u && new r(y, Ft);
-      let we = await (u ? B(I, H) : B(y, Ft));
+      I = u && new r(v, Ft);
+      let we = await (u ? B(I, H) : B(v, Ft));
       const zt = ce.from(we.headers);
       if (g) {
         const D = l.toFiniteNumber(zt.getContentLength());
@@ -3304,8 +3304,8 @@ const Wr = {
       var p;
       if (Re(R) || !R.refId)
         return null;
-      const y = (p = n.variantsByRefId) == null ? void 0 : p.get(R.refId);
-      return y ? rr(y.variants) : null;
+      const v = (p = n.variantsByRefId) == null ? void 0 : p.get(R.refId);
+      return v ? rr(v.variants) : null;
     }
     function r(R) {
       var p;
@@ -3342,11 +3342,11 @@ const Wr = {
       return R >= 1024 * 1024 ? `${(R / 1024 / 1024).toFixed(1)} MB` : `${Math.round(R / 1024)} KB`;
     }
     function E(R) {
-      const p = Date.now() - new Date(R).getTime(), y = 6e4, C = 36e5, A = 864e5;
-      if (p < y)
+      const p = Date.now() - new Date(R).getTime(), v = 6e4, C = 36e5, A = 864e5;
+      if (p < v)
         return a("mediaPicker.assetGrid.time.justNow");
       if (p < C)
-        return a("mediaPicker.assetGrid.time.minutesAgo", { n: Math.floor(p / y) });
+        return a("mediaPicker.assetGrid.time.minutesAgo", { n: Math.floor(p / v) });
       if (p < A)
         return a("mediaPicker.assetGrid.time.hoursAgo", { n: Math.floor(p / C) });
       if (p < A * 8)
@@ -3355,22 +3355,22 @@ const Wr = {
       return `${V.getFullYear()}-${String(V.getMonth() + 1).padStart(2, "0")}-${String(V.getDate()).padStart(2, "0")}`;
     }
     return (R, p) => {
-      const y = K("FmIcon"), C = K("FmThumbnail"), A = K("FmAvatar"), V = K("FmButton"), Q = ua("tooltip");
-      return e.loading ? (b(), k("div", Wr, x(h(a)("mediaPicker.assetGrid.loading")), 1)) : e.assets.length === 0 ? (b(), k("div", Gr, x(h(a)("mediaPicker.assetGrid.empty")), 1)) : e.view === "list" ? (b(), k("div", $r, [
-        v("div", {
+      const v = K("FmIcon"), C = K("FmThumbnail"), A = K("FmAvatar"), V = K("FmButton"), Q = ua("tooltip");
+      return e.loading ? (y(), k("div", Wr, x(h(a)("mediaPicker.assetGrid.loading")), 1)) : e.assets.length === 0 ? (y(), k("div", Gr, x(h(a)("mediaPicker.assetGrid.empty")), 1)) : e.view === "list" ? (y(), k("div", $r, [
+        b("div", {
           class: "grid items-center gap-8 px-16 h-40 bg-fm-color-neutral-gray-100 border-b border-fm-color-neutral-gray-200 text-xs font-semibold text-fm-color-typo-secondary",
           style: j({ gridTemplateColumns: h(ia) })
         }, [
-          p[0] || (p[0] = v("span", null, null, -1)),
-          p[1] || (p[1] = v("span", null, null, -1)),
-          v("span", null, x(h(a)("mediaPicker.assetGrid.columns.name")), 1),
-          v("span", null, x(h(a)("mediaPicker.assetGrid.columns.dimensions")), 1),
-          v("span", null, x(h(a)("mediaPicker.assetGrid.columns.fileSize")), 1),
-          v("span", null, x(h(a)("mediaPicker.assetGrid.columns.uploader")), 1),
-          v("span", null, x(h(a)("mediaPicker.assetGrid.columns.uploadedAt")), 1),
-          p[2] || (p[2] = v("span", null, null, -1))
+          p[0] || (p[0] = b("span", null, null, -1)),
+          p[1] || (p[1] = b("span", null, null, -1)),
+          b("span", null, x(h(a)("mediaPicker.assetGrid.columns.name")), 1),
+          b("span", null, x(h(a)("mediaPicker.assetGrid.columns.dimensions")), 1),
+          b("span", null, x(h(a)("mediaPicker.assetGrid.columns.fileSize")), 1),
+          b("span", null, x(h(a)("mediaPicker.assetGrid.columns.uploader")), 1),
+          b("span", null, x(h(a)("mediaPicker.assetGrid.columns.uploadedAt")), 1),
+          p[2] || (p[2] = b("span", null, null, -1))
         ], 4),
-        (b(!0), k(Z, null, he(e.assets, (S) => et((b(), k("div", {
+        (y(!0), k(Z, null, he(e.assets, (S) => et((y(), k("div", {
           key: S.id,
           class: ee(["grid items-center gap-8 px-16 h-56 border-b border-fm-color-neutral-gray-200 last:border-b-0 hover:bg-fm-color-neutral-gray-100", r(S) ? "opacity-40 cursor-not-allowed" : "cursor-pointer"]),
           style: j({
@@ -3379,7 +3379,7 @@ const Wr = {
           }),
           onClick: (re) => c(S)
         }, [
-          e.selectable ? (b(), k("button", {
+          e.selectable ? (y(), k("button", {
             key: 0,
             class: ee(["rounded flex items-center justify-center", e.selectedIds.has(S.id) ? "" : "bg-white border border-fm-color-neutral-gray-200"]),
             style: j({
@@ -3389,39 +3389,39 @@ const Wr = {
             }),
             onClick: ct((re) => d(S), ["stop"])
           }, [
-            e.selectedIds.has(S.id) ? (b(), oe(y, {
+            e.selectedIds.has(S.id) ? (y(), oe(v, {
               key: 0,
               name: "check",
               size: "sm",
               color: "white"
             })) : F("", !0)
-          ], 14, Hr)) : (b(), k("span", Kr)),
-          v("div", Xr, [
-            s(S) ? (b(), oe(C, {
+          ], 14, Hr)) : (y(), k("span", Kr)),
+          b("div", Xr, [
+            s(S) ? (y(), oe(C, {
               key: 0,
               src: s(S),
               size: "sm",
               class: "!w-full !h-full"
-            }, null, 8, ["src"])) : (b(), k("div", Qr, [
-              W(y, {
+            }, null, 8, ["src"])) : (y(), k("div", Qr, [
+              W(v, {
                 name: "movie",
                 size: "sm"
               })
             ]))
           ]),
-          v("div", Yr, [
-            v("span", Zr, x(S.fileName), 1),
-            v("div", ei, [
-              v("span", {
+          b("div", Yr, [
+            b("span", Zr, x(S.fileName), 1),
+            b("div", ei, [
+              b("span", {
                 class: "text-fm-color-typo-tertiary",
                 style: j(h($))
               }, x(_(S.mimeType)), 5),
-              u(S) ? (b(), k("span", {
+              u(S) ? (y(), k("span", {
                 key: 0,
                 class: "text-fm-color-typo-tertiary",
                 style: j(h($))
               }, x(u(S)), 5)) : F("", !0),
-              o(S) ? (b(), k("span", {
+              o(S) ? (y(), k("span", {
                 key: 1,
                 class: ee(["font-semibold", {
                   "text-fm-color-typo-tertiary": o(S).tone === "done",
@@ -3432,16 +3432,16 @@ const Wr = {
               }, x(f(o(S))), 7)) : F("", !0)
             ])
           ]),
-          v("span", ti, x(h(ze)(S) ?? "—"), 1),
-          v("span", ai, x(P(S.fileSizeBytes)), 1),
-          v("div", ni, [
+          b("span", ti, x(h(ze)(S) ?? "—"), 1),
+          b("span", ai, x(P(S.fileSizeBytes)), 1),
+          b("div", ni, [
             W(A, {
               name: S.uploadedBy,
               size: "sm"
             }, null, 8, ["name"]),
-            v("span", oi, x(S.uploadedBy), 1)
+            b("span", oi, x(S.uploadedBy), 1)
           ]),
-          v("span", ri, x(E(S.createdAt)), 1),
+          b("span", ri, x(E(S.createdAt)), 1),
           W(V, {
             variant: "tertiary",
             size: "md",
@@ -3452,8 +3452,8 @@ const Wr = {
         ], 14, Jr)), [
           [Q, i(S)]
         ])), 128))
-      ])) : (b(), k("div", ii, [
-        (b(!0), k(Z, null, he(e.assets, (S) => et((b(), k("div", {
+      ])) : (y(), k("div", ii, [
+        (y(!0), k(Z, null, he(e.assets, (S) => et((y(), k("div", {
           key: S.id,
           class: ee(["rounded-lg border bg-white overflow-hidden transition-shadow hover:shadow-lg", [
             e.selectedIds.has(S.id) ? "border-2" : "border-gray-200",
@@ -3462,53 +3462,53 @@ const Wr = {
           style: j(e.selectedIds.has(S.id) ? { borderColor: h(me) } : {}),
           onClick: (re) => c(S)
         }, [
-          v("div", li, [
-            s(S) ? (b(), oe(C, {
+          b("div", li, [
+            s(S) ? (y(), oe(C, {
               key: 0,
               src: s(S),
               size: "xl",
               class: "w-full h-full"
-            }, null, 8, ["src"])) : (b(), k("div", ui, [
-              W(y, {
+            }, null, 8, ["src"])) : (y(), k("div", ui, [
+              W(v, {
                 name: "movie",
                 size: "lg"
               }),
-              v("span", {
+              b("span", {
                 style: j(h($))
               }, x(h(a)("mediaPicker.assetGrid.noPoster")), 5)
             ])),
-            h(Re)(S) ? (b(), k("div", di, [
-              v("span", ci, [
-                W(y, {
+            h(Re)(S) ? (y(), k("div", di, [
+              b("span", ci, [
+                W(v, {
                   name: "play_arrow",
                   size: "md",
                   color: "white"
                 })
               ])
             ])) : F("", !0),
-            e.selectable ? (b(), k("button", {
+            e.selectable ? (y(), k("button", {
               key: 3,
               class: ee(["absolute top-8 left-8 z-10 w-24 h-24 rounded-full flex items-center justify-center", e.selectedIds.has(S.id) ? "" : "bg-black/30 border border-white/80"]),
               style: j(e.selectedIds.has(S.id) ? { background: h(me) } : {}),
               onClick: ct((re) => d(S), ["stop"])
             }, [
-              e.selectedIds.has(S.id) ? (b(), oe(y, {
+              e.selectedIds.has(S.id) ? (y(), oe(v, {
                 key: 0,
                 name: "check",
                 size: "sm",
                 color: "white"
               })) : F("", !0)
             ], 14, pi)) : F("", !0),
-            v("span", {
+            b("span", {
               class: "absolute bottom-8 left-8 bg-black/70 text-white font-semibold rounded",
               style: j([h($), h(bt)])
             }, x(_(S.mimeType)), 5),
-            u(S) ? (b(), k("span", {
+            u(S) ? (y(), k("span", {
               key: 4,
               class: "absolute bottom-8 right-8 bg-black/70 text-white font-semibold rounded",
               style: j([h($), h(bt)])
             }, x(u(S)), 5)) : F("", !0),
-            o(S) ? (b(), k("span", {
+            o(S) ? (y(), k("span", {
               key: 5,
               class: ee(["absolute bottom-8 right-8 text-white font-semibold rounded", {
                 "bg-black/70": o(S).tone === "done",
@@ -3518,13 +3518,13 @@ const Wr = {
               style: j([h($), h(bt)])
             }, x(f(o(S))), 7)) : F("", !0)
           ]),
-          v("div", fi, [
-            v("div", mi, x(S.fileName), 1),
-            v("span", {
+          b("div", fi, [
+            b("div", mi, x(S.fileName), 1),
+            b("span", {
               class: "text-gray-500 truncate",
               style: j(h($))
             }, [
-              h(ze)(S) ? (b(), k(Z, { key: 0 }, [
+              h(ze)(S) ? (y(), k(Z, { key: 0 }, [
                 de(x(h(ze)(S)) + " · ", 1)
               ], 64)) : F("", !0),
               de(x(P(S.fileSizeBytes)), 1)
@@ -3548,18 +3548,18 @@ const Wr = {
     const { t: a } = ye({ messages: ve }), n = t;
     return (o, r) => {
       const i = K("FmChip");
-      return b(), k("div", hi, [
+      return y(), k("div", hi, [
         W(i, {
           selectable: "",
           selected: e.modelValue === null,
           onClick: r[0] || (r[0] = (s) => n("update:modelValue", null))
         }, {
           default: Se(() => [
-            v("span", {
+            b("span", {
               class: ee(["fm-typo-en-body-md-600 flex items-center gap-6", { "text-white": e.modelValue === null }])
             }, [
               de(x(h(a)("mediaPicker.tagFilterTabs.all")) + " ", 1),
-              v("span", {
+              b("span", {
                 class: ee(["leading-none rounded-full px-6 py-2", e.modelValue === null ? "bg-white/25" : "bg-fm-color-neutral-gray-100"]),
                 style: j(h($))
               }, x(e.total), 7)
@@ -3567,18 +3567,18 @@ const Wr = {
           ]),
           _: 1
         }, 8, ["selected"]),
-        (b(!0), k(Z, null, he(e.tags, (s) => (b(), oe(i, {
+        (y(!0), k(Z, null, he(e.tags, (s) => (y(), oe(i, {
           key: s.tag,
           selectable: "",
           selected: e.modelValue === s.tag,
           onClick: (u) => n("update:modelValue", e.modelValue === s.tag ? null : s.tag)
         }, {
           default: Se(() => [
-            v("span", {
+            b("span", {
               class: ee(["fm-typo-en-body-md-600 flex items-center gap-6", { "text-white": e.modelValue === s.tag }])
             }, [
               de(x(s.tag) + " ", 1),
-              v("span", {
+              b("span", {
                 class: ee(["leading-none rounded-full px-6 py-2", e.modelValue === s.tag ? "bg-white/25" : "bg-fm-color-neutral-gray-100"]),
                 style: j(h($))
               }, x(s.count), 7)
@@ -3635,16 +3635,16 @@ const Wr = {
     }
     return (u, c) => {
       const d = ua("tooltip");
-      return b(), k("div", yi, [
-        v("span", vi, x(h(t)("mediaPicker.ratioBar.label")), 1),
-        v("div", wi, [
-          v("button", {
+      return y(), k("div", yi, [
+        b("span", vi, x(h(t)("mediaPicker.ratioBar.label")), 1),
+        b("div", wi, [
+          b("button", {
             type: "button",
             class: ee(["px-12 rounded-full border font-semibold transition-colors", r(n.value === null)]),
             style: j(s(n.value === null)),
             onClick: c[0] || (c[0] = (f) => o(null))
           }, x(h(t)("mediaPicker.variants.original")), 7),
-          (b(!0), k(Z, null, he(h(Dt), (f) => et((b(), k("button", {
+          (y(!0), k(Z, null, he(h(Dt), (f) => et((y(), k("button", {
             key: f,
             type: "button",
             class: ee(["px-12 rounded-full border font-semibold transition-colors", r(n.value === f, f)]),
@@ -3656,8 +3656,8 @@ const Wr = {
             [d, i(f)]
           ])), 128))
         ]),
-        c[1] || (c[1] = v("div", { class: "flex-1" }, null, -1)),
-        e.facts ? (b(), k("span", xi, x(e.facts.dimensions) + " · " + x(h(lr)(e.facts.sizeBytes)), 1)) : F("", !0)
+        c[1] || (c[1] = b("div", { class: "flex-1" }, null, -1)),
+        e.facts ? (y(), k("span", xi, x(e.facts.dimensions) + " · " + x(h(lr)(e.facts.sizeBytes)), 1)) : F("", !0)
       ]);
     };
   }
@@ -3692,10 +3692,10 @@ const Ri = { class: "space-y-8" }, Si = { class: "text-xs font-semibold text-gra
         n.modelValue.includes(i) ? n.modelValue.filter((s) => s !== i) : [...n.modelValue, i]
       );
     }
-    return (i, s) => (b(), k("div", Ri, [
-      v("div", Si, x(h(a)("mediaPicker.ratios.title")), 1),
-      v("div", Ti, [
-        (b(!0), k(Z, null, he(h(Dt), (u) => (b(), k("button", {
+    return (i, s) => (y(), k("div", Ri, [
+      b("div", Si, x(h(a)("mediaPicker.ratios.title")), 1),
+      b("div", Ti, [
+        (y(!0), k(Z, null, he(h(Dt), (u) => (y(), k("button", {
           key: u,
           type: "button",
           class: ee(["px-12 rounded-full border font-semibold transition-colors", [
@@ -3710,7 +3710,7 @@ const Ri = { class: "space-y-8" }, Si = { class: "text-xs font-semibold text-gra
           onClick: (c) => r(u)
         }, x(h(Be)(u)), 15, Oi))), 128))
       ]),
-      v("div", {
+      b("div", {
         class: "text-gray-400",
         style: j(h($))
       }, x(h(a)("mediaPicker.ratios.hint")), 5)
@@ -3747,23 +3747,23 @@ const Ai = { class: "flex flex-wrap items-center gap-8" }, Bi = {
     }
     return (u, c) => {
       const d = K("FmChip"), f = K("FmIcon");
-      return b(), k("div", Ai, [
-        e.mode === "filter" ? (b(), oe(d, {
+      return y(), k("div", Ai, [
+        e.mode === "filter" ? (y(), oe(d, {
           key: 0,
           label: h(a)("mediaPicker.tagFilterBar.all"),
           selected: e.modelValue.length === 0,
           selectable: "",
           onClick: c[0] || (c[0] = (w) => o("update:modelValue", []))
         }, null, 8, ["label", "selected"])) : F("", !0),
-        (b(!0), k(Z, null, he(e.tags, (w) => (b(), oe(d, {
+        (y(!0), k(Z, null, he(e.tags, (w) => (y(), oe(d, {
           key: w,
           label: w,
           selected: e.modelValue.includes(w),
           selectable: "",
           onClick: (_) => r(w)
         }, null, 8, ["label", "selected", "onClick"]))), 128)),
-        e.mode === "assign" ? (b(), k("div", Bi, [
-          et(v("input", {
+        e.mode === "assign" ? (y(), k("div", Bi, [
+          et(b("input", {
             "onUpdate:modelValue": c[1] || (c[1] = (w) => i.value = w),
             placeholder: h(a)("mediaPicker.tagFilterBar.newTagPlaceholder"),
             class: "text-xs outline-none",
@@ -3772,7 +3772,7 @@ const Ai = { class: "flex flex-wrap items-center gap-8" }, Bi = {
           }, null, 40, _i), [
             [Ja, i.value]
           ]),
-          v("button", {
+          b("button", {
             class: "p-2",
             onClick: s
           }, [
@@ -3831,7 +3831,7 @@ const zi = { class: "space-y-16" }, Vi = {
   },
   emits: ["tag-created", "uploaded"],
   setup(e, { expose: t, emit: a }) {
-    const { t: n } = ye({ messages: ve }), o = e, r = a, i = G([]), s = G([]), u = G([]), c = G(!1), d = z(() => i.value.length), f = z(() => o.availableTags.filter((m) => !s.value.includes(m)).slice(0, 6)), w = z(() => i.value.some((m) => m.isVideo)), _ = z(() => i.value.some((m) => !m.isVideo)), P = z(() => Ui(o.kinds)), E = z(() => Li(o.kinds)), R = z(() => Ii(o.kinds)), p = z(() => qa(o.kinds)), y = z(() => p.value ? R.value ? n("mediaPicker.uploadPanel.dropLabel") : n("mediaPicker.uploadPanel.dropLabelVideos") : n("mediaPicker.uploadPanel.dropLabelImages")), C = z(() => p.value ? R.value ? n("mediaPicker.uploadPanel.helperText") : n("mediaPicker.uploadPanel.helperTextVideos") : n("mediaPicker.uploadPanel.helperTextImages"));
+    const { t: n } = ye({ messages: ve }), o = e, r = a, i = G([]), s = G([]), u = G([]), c = G(!1), d = z(() => i.value.length), f = z(() => o.availableTags.filter((m) => !s.value.includes(m)).slice(0, 6)), w = z(() => i.value.some((m) => m.isVideo)), _ = z(() => i.value.some((m) => !m.isVideo)), P = z(() => Ui(o.kinds)), E = z(() => Li(o.kinds)), R = z(() => Ii(o.kinds)), p = z(() => qa(o.kinds)), v = z(() => p.value ? R.value ? n("mediaPicker.uploadPanel.dropLabel") : n("mediaPicker.uploadPanel.dropLabelVideos") : n("mediaPicker.uploadPanel.dropLabelImages")), C = z(() => p.value ? R.value ? n("mediaPicker.uploadPanel.helperText") : n("mediaPicker.uploadPanel.helperTextVideos") : n("mediaPicker.uploadPanel.helperTextImages"));
     function A(m) {
       URL.revokeObjectURL(m.previewUrl), m.posterPreviewUrl && URL.revokeObjectURL(m.posterPreviewUrl);
     }
@@ -3961,72 +3961,74 @@ const zi = { class: "space-y-16" }, Vi = {
     }
     return t({ stagedCount: d, uploading: c, upload: Y, reset: V }), (m, g) => {
       const L = K("FmDropField"), U = K("FmIcon");
-      return b(), k("div", zi, [
+      return y(), k("div", zi, [
         W(L, {
-          label: y.value,
+          label: v.value,
           accept: P.value,
           "max-file-size": E.value,
           onFileUpload: Q
         }, {
-          "accept-text": Se(() => [...g[3] || (g[3] = [])]),
+          "accept-text": Se(() => [...g[3] || (g[3] = [
+            b("span", null, null, -1)
+          ])]),
           "helper-text": Se(() => [
             de(x(C.value), 1)
           ]),
           _: 1
         }, 8, ["label", "accept", "max-file-size"]),
-        R.value && (_.value || !w.value) ? (b(), oe(Ci, {
+        R.value && (_.value || !w.value) ? (y(), oe(Ci, {
           key: 0,
           modelValue: u.value,
           "onUpdate:modelValue": g[0] || (g[0] = (B) => u.value = B),
           disabled: c.value
         }, null, 8, ["modelValue", "disabled"])) : F("", !0),
-        w.value && _.value ? (b(), k("div", {
+        w.value && _.value ? (y(), k("div", {
           key: 1,
           class: "text-gray-500",
           style: j(h($))
         }, x(h(n)("mediaPicker.uploadPanel.videoNoRatiosNote")), 5)) : F("", !0),
-        i.value.length ? (b(), k("div", Vi, [
-          v("div", qi, x(h(n)("mediaPicker.uploadPanel.stagedCount", { count: i.value.length })), 1),
-          (b(!0), k(Z, null, he(i.value, (B) => (b(), k("div", {
+        i.value.length ? (y(), k("div", Vi, [
+          b("div", qi, x(h(n)("mediaPicker.uploadPanel.stagedCount", { count: i.value.length })), 1),
+          (y(!0), k(Z, null, he(i.value, (B) => (y(), k("div", {
             key: B.id,
             class: ee(["flex items-center gap-12 p-8 border rounded-lg", B.error ? "border-red-300 bg-red-50" : "border-fm-color-neutral-gray-200"]),
             style: j(S(B) && !B.error ? h(Er) : void 0)
           }, [
-            !B.isVideo || B.posterPreviewUrl ? (b(), k("img", {
+            !B.isVideo || B.posterPreviewUrl ? (y(), k("img", {
               key: 0,
               src: B.isVideo ? B.posterPreviewUrl : B.previewUrl,
               class: "rounded flex-shrink-0 object-cover",
               style: { width: "44px", height: "44px" }
-            }, null, 8, Wi)) : (b(), k("div", Gi, [
+            }, null, 8, Wi)) : (y(), k("div", Gi, [
               W(U, {
                 name: "movie",
                 size: "sm"
               })
             ])),
-            v("div", $i, [
-              v("span", Ji, x(B.file.name), 1),
-              B.error ? (b(), k("span", {
+            b("div", $i, [
+              b("span", Ji, x(B.file.name), 1),
+              B.error ? (y(), k("span", {
                 key: 0,
                 class: "text-red-600",
                 style: j(h($))
-              }, x(B.error), 5)) : S(B) ? (b(), k("span", {
+              }, x(B.error), 5)) : S(B) ? (y(), k("span", {
                 key: 1,
                 style: j([h($), h(Rr)])
-              }, x(h(n)("mediaPicker.uploadPanel.videoUndecodableWarning")), 5)) : (b(), k("span", {
+              }, x(h(n)("mediaPicker.uploadPanel.videoUndecodableWarning")), 5)) : (y(), k("span", {
                 key: 2,
                 class: "text-gray-500",
                 style: j(h($))
               }, [
-                B.dimensions ? (b(), k(Z, { key: 0 }, [
+                B.dimensions ? (y(), k(Z, { key: 0 }, [
                   de(x(B.dimensions.width) + "×" + x(B.dimensions.height) + " · ", 1)
                 ], 64)) : F("", !0),
-                re(B) ? (b(), k(Z, { key: 1 }, [
+                re(B) ? (y(), k(Z, { key: 1 }, [
                   de(x(re(B)) + " · ", 1)
                 ], 64)) : F("", !0),
                 de(x(N(B.file.size)), 1)
               ], 4))
             ]),
-            v("button", {
+            b("button", {
               class: "rounded flex-shrink-0 flex items-center justify-center text-gray-500 hover:bg-red-50 hover:text-red-600",
               style: { width: "28px", height: "28px" },
               onClick: (M) => O(B.id)
@@ -4038,8 +4040,8 @@ const zi = { class: "space-y-16" }, Vi = {
             ], 8, Hi)
           ], 6))), 128))
         ])) : F("", !0),
-        v("div", Ki, [
-          v("div", Xi, x(h(n)("mediaPicker.uploadPanel.tagsLabel")), 1),
+        b("div", Ki, [
+          b("div", Xi, x(h(n)("mediaPicker.uploadPanel.tagsLabel")), 1),
           W(Di, {
             modelValue: s.value,
             "onUpdate:modelValue": g[1] || (g[1] = (B) => s.value = B),
@@ -4047,12 +4049,12 @@ const zi = { class: "space-y-16" }, Vi = {
             mode: "assign",
             onTagCreated: g[2] || (g[2] = (B) => r("tag-created", B))
           }, null, 8, ["modelValue", "tags"]),
-          f.value.length ? (b(), k("div", Qi, [
-            v("span", {
+          f.value.length ? (y(), k("div", Qi, [
+            b("span", {
               class: "text-gray-400",
               style: j(h($))
             }, x(h(n)("mediaPicker.uploadPanel.suggestedTagsLabel")), 5),
-            (b(!0), k(Z, null, he(f.value, (B) => (b(), k("button", {
+            (y(!0), k(Z, null, he(f.value, (B) => (y(), k("button", {
               key: B,
               class: "px-12 rounded-full border border-dashed border-fm-color-neutral-gray-300 font-semibold text-gray-500",
               style: j([h($), "height:26px"]),
@@ -4160,7 +4162,7 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
       () => n.open,
       (m) => {
         var g;
-        m && (i.value = "browse", s.value = "", u.value = null, Q.value = /* @__PURE__ */ new Set(), y.value = n.ratio ?? null, (g = H.value) == null || g.reset(), R(), E());
+        m && (i.value = "browse", s.value = "", u.value = null, Q.value = /* @__PURE__ */ new Set(), v.value = n.ratio ?? null, (g = H.value) == null || g.reset(), R(), E());
       }
     ), xe(u, E), xe(
       () => o.value.join(","),
@@ -4170,10 +4172,10 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
     xe(s, () => {
       clearTimeout(p), p = setTimeout(E, 250);
     });
-    const y = G(n.ratio ?? null);
+    const v = G(n.ratio ?? null);
     xe(
       () => n.ratio,
-      (m) => y.value = m ?? null
+      (m) => v.value = m ?? null
     );
     const C = z(() => n.ratio !== void 0 && n.ratio !== null);
     function A(m) {
@@ -4182,10 +4184,10 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
     }
     const V = z(() => {
       const m = /* @__PURE__ */ new Set();
-      if (y.value === null)
+      if (v.value === null)
         return m;
       for (const g of c.value)
-        ht(g, y.value, A(g)) || m.add(g.id);
+        ht(g, v.value, A(g)) || m.add(g.id);
       return m;
     }), Q = G(/* @__PURE__ */ new Set());
     function S(m) {
@@ -4196,7 +4198,7 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
       S(m);
     }
     const O = z(
-      () => c.value.filter((m) => Q.value.has(m.id)).map((m) => ht(m, y.value, A(m))).filter((m) => m !== null)
+      () => c.value.filter((m) => Q.value.has(m.id)).map((m) => ht(m, v.value, A(m))).filter((m) => m !== null)
     ), N = z(() => {
       if (O.value.length !== 1)
         return /* @__PURE__ */ new Set();
@@ -4230,18 +4232,18 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
     }
     return (m, g) => {
       const L = K("FmSearch"), U = K("FmButton"), B = K("FmDialog");
-      return b(), oe(B, {
+      return y(), oe(B, {
         "model-value": e.open,
         "max-width": 900,
         "onUpdate:modelValue": g[8] || (g[8] = (M) => !M && r("update:open", !1))
       }, {
         "dialog-header": Se(() => [
-          v("div", ns, [
-            v("div", null, [
-              v("div", null, x(h(a)("mediaPicker.pickerModal.title")), 1),
-              v("div", os, x(e.selectionMode === "multiple" ? h(a)("mediaPicker.pickerModal.subtitleMultiple") : h(a)("mediaPicker.pickerModal.subtitleSingle")), 1)
+          b("div", ns, [
+            b("div", null, [
+              b("div", null, x(h(a)("mediaPicker.pickerModal.title")), 1),
+              b("div", os, x(e.selectionMode === "multiple" ? h(a)("mediaPicker.pickerModal.subtitleMultiple") : h(a)("mediaPicker.pickerModal.subtitleSingle")), 1)
             ]),
-            i.value === "browse" ? (b(), oe(L, {
+            i.value === "browse" ? (y(), oe(L, {
               key: 0,
               modelValue: s.value,
               "onUpdate:modelValue": g[0] || (g[0] = (M) => s.value = M),
@@ -4254,31 +4256,31 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
         "dialog-footer": Se(() => {
           var M, I;
           return [
-            v("div", ls, [
-              i.value === "browse" && e.selectionMode === "single" ? (b(), k("div", us, [
+            b("div", ls, [
+              i.value === "browse" && e.selectionMode === "single" ? (y(), k("div", us, [
                 W(Pi, {
-                  modelValue: y.value,
-                  "onUpdate:modelValue": g[5] || (g[5] = (ie) => y.value = ie),
+                  modelValue: v.value,
+                  "onUpdate:modelValue": g[5] || (g[5] = (ie) => v.value = ie),
                   facts: J.value,
                   locked: C.value,
                   "unavailable-ratios": N.value
                 }, null, 8, ["modelValue", "facts", "locked", "unavailable-ratios"])
               ])) : F("", !0),
-              v("div", ds, [
-                i.value === "browse" ? (b(), k("span", cs, [
-                  Q.value.size ? (b(), k(Z, { key: 0 }, [
+              b("div", ds, [
+                i.value === "browse" ? (y(), k("span", cs, [
+                  Q.value.size ? (y(), k(Z, { key: 0 }, [
                     de(x(h(a)("mediaPicker.pickerModal.selectedCount", { count: Q.value.size })), 1)
-                  ], 64)) : (b(), k(Z, { key: 1 }, [
+                  ], 64)) : (y(), k(Z, { key: 1 }, [
                     de(x(h(a)("mediaPicker.pickerModal.selectPrompt")), 1)
                   ], 64))
-                ])) : (b(), k("span", ps)),
-                v("div", fs, [
+                ])) : (y(), k("span", ps)),
+                b("div", fs, [
                   W(U, {
                     label: h(a)("mediaPicker.pickerModal.cancelButton"),
                     variant: "tertiary",
                     onClick: g[6] || (g[6] = (ie) => r("update:open", !1))
                   }, null, 8, ["label"]),
-                  i.value === "upload" ? (b(), oe(U, {
+                  i.value === "upload" ? (y(), oe(U, {
                     key: 0,
                     label: h(a)("mediaPicker.pickerModal.uploadSubmitButton", { count: ((M = H.value) == null ? void 0 : M.stagedCount) ?? 0 }),
                     variant: "primary",
@@ -4287,7 +4289,7 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
                       var Pe;
                       return (Pe = H.value) == null ? void 0 : Pe.upload();
                     })
-                  }, null, 8, ["label", "disabled"])) : (b(), oe(U, {
+                  }, null, 8, ["label", "disabled"])) : (y(), oe(U, {
                     key: 1,
                     label: h(a)("mediaPicker.pickerModal.confirmButton"),
                     variant: "primary",
@@ -4302,16 +4304,16 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
         default: Se(() => {
           var M;
           return [
-            v("div", rs, [
-              (M = H.value) != null && M.uploading ? (b(), k("div", is, [
-                (b(), k("svg", {
+            b("div", rs, [
+              (M = H.value) != null && M.uploading ? (y(), k("div", is, [
+                (y(), k("svg", {
                   class: "animate-spin",
                   style: j({ width: "32px", height: "32px", color: h(me) }),
                   xmlns: "http://www.w3.org/2000/svg",
                   fill: "none",
                   viewBox: "0 0 24 24"
                 }, [...g[9] || (g[9] = [
-                  v("circle", {
+                  b("circle", {
                     class: "opacity-25",
                     cx: "12",
                     cy: "12",
@@ -4319,31 +4321,31 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
                     stroke: "currentColor",
                     "stroke-width": "3"
                   }, null, -1),
-                  v("path", {
+                  b("path", {
                     class: "opacity-75",
                     fill: "currentColor",
                     d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4z"
                   }, null, -1)
                 ])], 4)),
-                v("span", {
+                b("span", {
                   class: "text-sm font-semibold",
                   style: j({ color: h(me) })
                 }, x(h(a)("mediaPicker.uploadPanel.uploading")), 5)
               ])) : F("", !0),
-              e.allowUpload ? (b(), k("div", ss, [
-                v("button", {
+              e.allowUpload ? (y(), k("div", ss, [
+                b("button", {
                   class: ee(["pb-8 px-4 text-sm", i.value === "browse" ? "font-semibold border-b-2" : "text-gray-500"]),
                   style: j(i.value === "browse" ? { borderColor: h(me) } : {}),
                   onClick: g[1] || (g[1] = (I) => i.value = "browse")
                 }, x(h(a)("mediaPicker.pickerModal.browseTab")), 7),
-                v("button", {
+                b("button", {
                   class: ee(["pb-8 px-4 text-sm", i.value === "upload" ? "font-semibold border-b-2" : "text-gray-500"]),
                   style: j(i.value === "upload" ? { borderColor: h(me) } : {}),
                   onClick: g[2] || (g[2] = (I) => i.value = "upload")
                 }, x(h(a)("mediaPicker.pickerModal.uploadTab")), 7)
               ])) : F("", !0),
-              i.value === "browse" ? (b(), k(Z, { key: 2 }, [
-                f.value.length ? (b(), oe(bi, {
+              i.value === "browse" ? (y(), k(Z, { key: 2 }, [
+                f.value.length ? (y(), oe(bi, {
                   key: 0,
                   modelValue: u.value,
                   "onUpdate:modelValue": g[3] || (g[3] = (I) => u.value = I),
@@ -4358,11 +4360,11 @@ const ns = { class: "w-full flex items-center justify-between gap-16 pr-8" }, os
                   "selected-ids": Q.value,
                   "variants-by-ref-id": h(d).byRefId.value,
                   "unavailable-ids": V.value,
-                  "unavailable-ratio": y.value,
+                  "unavailable-ratio": v.value,
                   onOpen: re,
                   onToggle: S
                 }, null, 8, ["assets", "loading", "selected-ids", "variants-by-ref-id", "unavailable-ids", "unavailable-ratio"])
-              ], 64)) : e.allowUpload ? (b(), oe(Zi, {
+              ], 64)) : e.allowUpload ? (y(), oe(Zi, {
                 key: 3,
                 ref_key: "uploadPanelRef",
                 ref: H,
@@ -4419,16 +4421,16 @@ const bs = {
     }
     return (d, f) => {
       const w = K("FmSelect"), _ = K("FmButton");
-      return e.totalPages > 1 ? (b(), k("div", bs, [
-        v("span", ys, x(h(o)("mediaPicker.assetPagination.itemCount", { start: r.value.start, end: r.value.end, total: e.totalResources })), 1),
-        v("div", vs, [
+      return e.totalPages > 1 ? (y(), k("div", bs, [
+        b("span", ys, x(h(o)("mediaPicker.assetPagination.itemCount", { start: r.value.start, end: r.value.end, total: e.totalResources })), 1),
+        b("div", vs, [
           W(w, {
             items: i.value,
             "model-value": e.page,
             disabled: e.disabled,
             "onUpdate:modelValue": f[0] || (f[0] = (P) => c(P))
           }, null, 8, ["items", "model-value", "disabled"]),
-          v("span", ws, x(h(o)("mediaPicker.assetPagination.pageCount", { total: e.totalPages })), 1),
+          b("span", ws, x(h(o)("mediaPicker.assetPagination.pageCount", { total: e.totalPages })), 1),
           W(_, {
             icon: "chevron_left",
             "icon-color": "neutral-black",
@@ -4477,41 +4479,41 @@ const bs = {
     return (d, f) => {
       var w, _, P, E;
       const R = K("FmIcon"), p = K("FmButton");
-      return b(), k("div", ks, [
-        (w = s.value) != null && w.url ? (b(), k("img", {
+      return y(), k("div", ks, [
+        (w = s.value) != null && w.url ? (y(), k("img", {
           key: 0,
           src: s.value.url,
           alt: e.alt,
           class: "max-w-full max-h-full object-contain"
-        }, null, 8, xs)) : s.value ? (b(), k("div", Ps, [
+        }, null, 8, xs)) : s.value ? (y(), k("div", Ps, [
           W(R, {
             name: "error",
             size: "lg",
             color: "white"
           }),
-          v("span", Es, x(h(a)(h(Ei)(s.value.failureCode))), 1),
+          b("span", Es, x(h(a)(h(Ei)(s.value.failureCode))), 1),
           W(p, {
             label: h(a)("mediaPicker.variants.regenerate"),
             variant: "secondary",
             size: "md",
             "prepend-icon": "refresh",
-            onClick: f[0] || (f[0] = (y) => s.value.ratio && o("regenerate", s.value.ratio))
+            onClick: f[0] || (f[0] = (v) => s.value.ratio && o("regenerate", s.value.ratio))
           }, null, 8, ["label"])
         ])) : F("", !0),
-        v("span", {
+        b("span", {
           class: "absolute top-8 left-8 bg-black/70 text-white font-semibold px-8 rounded",
           style: j([h($), "padding-top:2px;padding-bottom:2px"])
         }, [
           de(x(((_ = s.value) == null ? void 0 : _.kind) === "original" ? h(a)("mediaPicker.variants.original") : c(((P = s.value) == null ? void 0 : P.ratio) ?? null)) + " ", 1),
-          ((E = s.value) == null ? void 0 : E.status) === "pending" ? (b(), k(Z, { key: 0 }, [
+          ((E = s.value) == null ? void 0 : E.status) === "pending" ? (y(), k(Z, { key: 0 }, [
             de(" · " + x(h(a)("mediaPicker.variants.generating")), 1)
           ], 64)) : F("", !0)
         ], 4),
-        i.value.length > 1 ? (b(), k(Z, { key: 2 }, [
-          v("button", {
+        i.value.length > 1 ? (y(), k(Z, { key: 2 }, [
+          b("button", {
             class: "absolute left-8 top-1/2 -translate-y-1/2 rounded-full bg-black/50 flex items-center justify-center",
             style: { width: "32px", height: "32px" },
-            onClick: f[1] || (f[1] = (y) => u(-1))
+            onClick: f[1] || (f[1] = (v) => u(-1))
           }, [
             W(R, {
               name: "chevron_left",
@@ -4519,10 +4521,10 @@ const bs = {
               color: "white"
             })
           ]),
-          v("button", {
+          b("button", {
             class: "absolute right-8 top-1/2 -translate-y-1/2 rounded-full bg-black/50 flex items-center justify-center",
             style: { width: "32px", height: "32px" },
-            onClick: f[2] || (f[2] = (y) => u(1))
+            onClick: f[2] || (f[2] = (v) => u(1))
           }, [
             W(R, {
               name: "chevron_right",
@@ -4530,9 +4532,9 @@ const bs = {
               color: "white"
             })
           ]),
-          v("div", Rs, [
-            (b(!0), k(Z, null, he(i.value, (y, C) => (b(), k("button", {
-              key: y.key,
+          b("div", Rs, [
+            (y(!0), k(Z, null, he(i.value, (v, C) => (y(), k("button", {
+              key: v.key,
               class: ee(["rounded-full", C === r.value ? "bg-white" : "bg-white/40"]),
               style: { width: "8px", height: "8px" },
               onClick: (A) => r.value = C
@@ -4635,7 +4637,7 @@ const bs = {
         var O;
         return (O = P.value) != null && O.ratio ? Be(P.value.ratio) : n("mediaPicker.variants.original");
       }
-    ), R = z(() => o.asset ? Re(o.asset) : !1), p = z(() => o.asset ? Ia(o.asset) ?? void 0 : void 0), y = z(
+    ), R = z(() => o.asset ? Re(o.asset) : !1), p = z(() => o.asset ? Ia(o.asset) ?? void 0 : void 0), v = z(
       () => {
         var O;
         return (O = o.asset) != null && O.durationMs ? It(o.asset.durationMs) : null;
@@ -4673,7 +4675,7 @@ const bs = {
     }
     return (O, N) => {
       const J = K("FmIcon"), le = K("FmTextField"), H = K("FmButton"), Y = K("FmDialog");
-      return b(), oe(Y, {
+      return y(), oe(Y, {
         "model-value": !!e.asset,
         "max-width": 920,
         "max-height": "620px",
@@ -4684,9 +4686,9 @@ const bs = {
         default: Se(() => {
           var m, g, L, U, B;
           return [
-            e.asset ? (b(), k("div", Os, [
-              R.value ? (b(), k("div", Cs, [
-                (b(), k("video", {
+            e.asset ? (y(), k("div", Os, [
+              R.value ? (y(), k("div", Cs, [
+                (y(), k("video", {
                   key: e.asset.id,
                   src: e.asset.url,
                   poster: p.value,
@@ -4694,7 +4696,7 @@ const bs = {
                   preload: "metadata",
                   class: "max-w-full max-h-full"
                 }, null, 8, As))
-              ])) : (b(), oe(Ts, {
+              ])) : (y(), oe(Ts, {
                 key: 1,
                 index: f.value,
                 "onUpdate:index": N[0] || (N[0] = (M) => f.value = M),
@@ -4703,11 +4705,11 @@ const bs = {
                 alt: e.asset.fileName,
                 onRegenerate: V
               }, null, 8, ["index", "original", "variants", "alt"])),
-              v("div", Bs, [
-                A.value ? (b(), k("p", _s, x(A.value), 1)) : F("", !0),
-                v("div", Ds, [
-                  v("span", Ms, x(h(n)("mediaPicker.assetDetailDialog.previewTitle")), 1),
-                  v("button", {
+              b("div", Bs, [
+                A.value ? (y(), k("p", _s, x(A.value), 1)) : F("", !0),
+                b("div", Ds, [
+                  b("span", Ms, x(h(n)("mediaPicker.assetDetailDialog.previewTitle")), 1),
+                  b("button", {
                     class: "rounded-lg bg-fm-color-neutral-gray-100 flex items-center justify-center flex-shrink-0",
                     style: { width: "32px", height: "32px" },
                     onClick: N[1] || (N[1] = (M) => r("close"))
@@ -4718,7 +4720,7 @@ const bs = {
                     })
                   ])
                 ]),
-                i.value ? (b(), k("div", Us, [
+                i.value ? (y(), k("div", Us, [
                   W(le, {
                     modelValue: s.value,
                     "onUpdate:modelValue": N[2] || (N[2] = (M) => s.value = M),
@@ -4731,45 +4733,45 @@ const bs = {
                     class: "flex-shrink-0",
                     onClick: c
                   }, null, 8, ["label"])
-                ])) : (b(), k("div", Ns, [
-                  v("span", Is, x(e.asset.fileName), 1),
-                  v("button", { onClick: u }, [
+                ])) : (y(), k("div", Ns, [
+                  b("span", Is, x(e.asset.fileName), 1),
+                  b("button", { onClick: u }, [
                     W(J, {
                       name: "edit",
                       size: "sm"
                     })
                   ])
                 ])),
-                v("div", Ls, [
-                  R.value ? (b(), k("div", js, [
-                    v("span", Fs, x(h(n)("mediaPicker.assetDetailDialog.durationLabel")), 1),
-                    v("span", zs, x(y.value ?? "—"), 1)
-                  ])) : (b(), k("div", Vs, [
-                    v("span", qs, x(h(n)("mediaPicker.ratios.title")), 1),
-                    v("span", Ws, x(E.value), 1)
+                b("div", Ls, [
+                  R.value ? (y(), k("div", js, [
+                    b("span", Fs, x(h(n)("mediaPicker.assetDetailDialog.durationLabel")), 1),
+                    b("span", zs, x(v.value ?? "—"), 1)
+                  ])) : (y(), k("div", Vs, [
+                    b("span", qs, x(h(n)("mediaPicker.ratios.title")), 1),
+                    b("span", Ws, x(E.value), 1)
                   ])),
-                  v("div", Gs, [
-                    v("span", $s, x(h(n)("mediaPicker.assetDetailDialog.dimensionsLabel")), 1),
-                    v("span", null, x(((g = P.value) == null ? void 0 : g.dimensions) ?? "—"), 1)
+                  b("div", Gs, [
+                    b("span", $s, x(h(n)("mediaPicker.assetDetailDialog.dimensionsLabel")), 1),
+                    b("span", null, x(((g = P.value) == null ? void 0 : g.dimensions) ?? "—"), 1)
                   ]),
-                  v("div", Js, [
-                    v("span", Hs, x(h(n)("mediaPicker.assetDetailDialog.sizeLabel")), 1),
-                    v("span", null, x((L = P.value) != null && L.sizeBytes ? re(P.value.sizeBytes) : "—"), 1)
+                  b("div", Js, [
+                    b("span", Hs, x(h(n)("mediaPicker.assetDetailDialog.sizeLabel")), 1),
+                    b("span", null, x((L = P.value) != null && L.sizeBytes ? re(P.value.sizeBytes) : "—"), 1)
                   ]),
-                  v("div", Ks, [
-                    v("span", Xs, x(h(n)("mediaPicker.assetDetailDialog.formatLabel")), 1),
-                    v("span", null, x((U = P.value) != null && U.contentType ? S(P.value.contentType) : "—"), 1)
+                  b("div", Ks, [
+                    b("span", Xs, x(h(n)("mediaPicker.assetDetailDialog.formatLabel")), 1),
+                    b("span", null, x((U = P.value) != null && U.contentType ? S(P.value.contentType) : "—"), 1)
                   ])
                 ]),
-                (B = e.asset.tags) != null && B.length ? (b(), k("div", Qs, [
-                  (b(!0), k(Z, null, he(e.asset.tags, (M) => (b(), k("span", {
+                (B = e.asset.tags) != null && B.length ? (y(), k("div", Qs, [
+                  (y(!0), k(Z, null, he(e.asset.tags, (M) => (y(), k("span", {
                     key: M,
                     class: "bg-gray-100 rounded-full px-8",
                     style: j([h($), "padding-top:2px;padding-bottom:2px"])
                   }, " # " + x(M), 5))), 128))
                 ])) : F("", !0),
-                N[4] || (N[4] = v("div", { class: "flex-1" }, null, -1)),
-                v("div", Ys, [
+                N[4] || (N[4] = b("div", { class: "flex-1" }, null, -1)),
+                b("div", Ys, [
                   W(H, {
                     label: h(n)("mediaPicker.assetDetailDialog.copyLinkButton"),
                     variant: "tertiary",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@feedmepos/mf-media",
-  "version": "1.0.1-dev.3",
+  "version": "1.0.1",
   "type": "module",
   "files": [
     "dist"
@@ -21,7 +21,7 @@
     "vue": "^3.5.16",
     "vue-i18n": "10.0.5",
     "vue-router": "^4.2.5",
-    "@feedmepos/media-picker": "^1.0.1"
+    "@feedmepos/media-picker": "^2.0.0"
   },
   "devDependencies": {
     "@rushstack/eslint-patch": "^1.3.3",