@feedmepos/mf-menu-portal 1.0.4-dev.2 → 1.0.4-dev.3

package/dist/{ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-BoQ9mVPY.js → ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-aDx01-WW.js}

@@ -1,24 +1,24 @@
-import { defineComponent as ce, openBlock as r, createBlock as T, unref as e, withCtx as v, createElementVNode as n, renderSlot as We, resolveComponent as N, toDisplayString as I, createElementBlock as S, createCommentVNode as y, createVNode as s, ref as X, computed as R, toRaw as Je, onBeforeUnmount as ke, Fragment as ie, renderList as Fe, shallowRef as ye, watch as Ae, onMounted as Bl, createTextVNode as sl, withModifiers as Ee, normalizeClass as Be, h as H, createSlots as cl, nextTick as el, normalizeStyle as pl, isRef as Ol, mergeProps as Ce, withDirectives as ul } from "vue";
+import { defineComponent as ce, openBlock as r, createBlock as T, unref as e, withCtx as v, createElementVNode as n, renderSlot as We, resolveComponent as M, toDisplayString as I, createElementBlock as S, createCommentVNode as y, createVNode as s, ref as X, computed as R, toRaw as Je, onBeforeUnmount as ke, Fragment as re, renderList as Fe, shallowRef as ye, watch as Ae, onMounted as Bl, createTextVNode as sl, withModifiers as Ee, normalizeClass as Be, h as H, createSlots as cl, nextTick as el, normalizeStyle as pl, isRef as Ol, mergeProps as Ce, withDirectives as ul } from "vue";
 import { _ as ge, a as Hl, b as $l, u as Xl } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
 import { useI18n as be, CustomAttributesForm as Wl } from "@feedmepos/mf-common";
 import { useAppStore as Ll, RemyButton as Sl } from "@feedmepos/mf-remy-panel";
 import { InventoryBindingSummary as Yl } from "@feedmepos/mf-inventory-portal";
-import { components as O, useDialog as Qe, useSnackbar as Zl, FmButtonVariant as Me, FmButtonColorThemeVariant as Vl } from "@feedmepos/ui-library";
-import { b as Jl } from "./app-CmElp8cO.js";
+import { components as O, useDialog as Qe, useSnackbar as Zl, FmButtonVariant as Ne, FmButtonColorThemeVariant as Vl } from "@feedmepos/ui-library";
+import { b as Jl } from "./app-Bmgb8ACe.js";
 import { _ as Oe } from "./FormItem.vue_vue_type_script_setup_true_lang-C2S6QCyR.js";
 import { d as ea, _ as qe, a as la } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
-import { b as Pe, u as Le, A as aa } from "./provide-BJRbSauL.js";
-import { u as Ue } from "./useActionFeedback-89GwO41T.js";
-import { a as dl, b as Pl, t as Ul, r as ta, d as oa, c as na } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-CNWCT1OB.js";
-import { _ as Ke, a as nl, F as sa, b as Dl, c as ia, d as ra } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-DryxrG-x.js";
-import { a as zl, A as Il, _ as ua } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CR99740r.js";
-import { _ as Rl } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-BB8UIIsW.js";
-import { _ as da } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-BXJDpDCm.js";
+import { b as Pe, u as Le, A as aa } from "./provide-CfF0FmUz.js";
+import { u as Ue } from "./useActionFeedback-DyUCQl2x.js";
+import { a as dl, b as Pl, t as Ul, r as ta, d as oa, c as na } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-DtCzHjpN.js";
+import { _ as Ke, a as nl, F as sa, b as Dl, c as ia, d as ra } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-J6LpJ5wT.js";
+import { a as zl, A as Il, _ as ua } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-0tCpJlOf.js";
+import { _ as Rl } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-DySFcCJz.js";
+import { _ as da } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-DffhFv0Y.js";
 import { _ as ma } from "./AddPriceGroupDialog.vue_vue_type_script_setup_true_lang-DhKyG3gY.js";
 import { _ as il } from "./TranslationSideSheet.vue_vue_type_script_setup_true_lang-B0j2PNih.js";
-import { _ as ca } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-NCH-SrZU.js";
+import { _ as ca } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-C3SqQPSr.js";
 import { u as ll } from "./useEditorValidation-Ctef5Bxt.js";
-import { _ as pa } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-BMDSkfcn.js";
+import { _ as pa } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-Dw2xiPYX.js";
 const ml = /* @__PURE__ */ ce({
   __name: "FlatInlineSort",
   props: {
@@ -27,8 +27,8 @@ const ml = /* @__PURE__ */ ce({
     lockLast: { type: Boolean }
   },
   emits: ["reorder"],
-  setup(W, { emit: V }) {
-    const i = W, x = V;
+  setup(Y, { emit: V }) {
+    const i = Y, x = V;
     function o(w) {
       x(
         "reorder",
@@ -72,10 +72,10 @@ const ml = /* @__PURE__ */ ce({
     anchor: {}
   },
   emits: ["update:enabled"],
-  setup(W, { emit: V }) {
-    const i = W, x = V;
+  setup(Y, { emit: V }) {
+    const i = Y, x = V;
     return (o, d) => {
-      const w = N("FmSwitch"), C = N("FmCard");
+      const w = M("FmSwitch"), C = M("FmCard");
       return i.section.toggle === "none" ? (r(), T(qe, {
         key: 0,
         id: i.anchor,
@@ -143,8 +143,8 @@ const ml = /* @__PURE__ */ ce({
     existingIds: {}
   },
   emits: ["close", "confirm"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), { run: d } = Ue(), w = X(""), C = X(""), P = X(!0);
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = X(""), C = X(""), P = X(!0);
     function m() {
       P.value = !1, x("close");
     }
@@ -168,8 +168,8 @@ const ml = /* @__PURE__ */ ce({
     return (_, F) => (r(), T(e(O).FmDialog, {
       modelValue: P.value,
       "onUpdate:modelValue": [
-        F[2] || (F[2] = (z) => P.value = z),
-        F[3] || (F[3] = (z) => !z && x("close"))
+        F[2] || (F[2] = (L) => P.value = L),
+        F[3] || (F[3] = (L) => !L && x("close"))
       ],
       "max-width": 560
     }, {
@@ -197,7 +197,7 @@ const ml = /* @__PURE__ */ ce({
             n("div", Ca, [
               s(e(O).FmTextField, {
                 modelValue: w.value,
-                "onUpdate:modelValue": F[0] || (F[0] = (z) => w.value = z),
+                "onUpdate:modelValue": F[0] || (F[0] = (L) => w.value = L),
                 label: e(o)("menu.product_image.custom.width"),
                 placeholder: e(o)("menu.product_image.custom.width"),
                 type: "number"
@@ -207,7 +207,7 @@ const ml = /* @__PURE__ */ ce({
             n("div", $a, [
               s(e(O).FmTextField, {
                 modelValue: C.value,
-                "onUpdate:modelValue": F[1] || (F[1] = (z) => C.value = z),
+                "onUpdate:modelValue": F[1] || (F[1] = (L) => C.value = L),
                 label: e(o)("menu.product_image.custom.height"),
                 placeholder: e(o)("menu.product_image.custom.height"),
                 type: "number"
@@ -230,8 +230,8 @@ const ml = /* @__PURE__ */ ce({
     canRegenerateFromOriginal: { type: Boolean }
   },
   emits: ["close", "confirm"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = X(""), w = X(!1), C = X(!0);
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = X(""), w = X(!1), C = X(!0);
     function P() {
       C.value = !1, x("close");
     }
@@ -302,7 +302,7 @@ const ml = /* @__PURE__ */ ce({
 }, za = {
   key: 0,
   class: "flex items-center gap-16"
-}, Ra = ["alt", "src"], Na = { class: "fm-typo-en-body-lg-600" }, Ma = {
+}, Ra = ["alt", "src"], Ma = { class: "fm-typo-en-body-lg-600" }, Na = {
   key: 1,
   class: "space-y-16"
 }, Ea = { class: "flex items-start gap-16" }, qa = { class: "mr-auto" }, Ga = { class: "fm-typo-en-title-sm-600" }, ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ka = { class: "divide-y divide-fm-color-neutral-gray-100" }, Qa = ["aria-label"], Ha = ["alt", "src"], Xa = { class: "fm-typo-en-body-lg-600" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ya = ["aria-label"], Za = ["alt", "src"], Ja = { class: "mr-auto" }, et = { class: "flex items-center gap-8" }, lt = { class: "fm-typo-en-body-lg-600" }, at = {
@@ -319,15 +319,15 @@ const ml = /* @__PURE__ */ ce({
     imageRef: {}
   },
   emits: ["close"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), { run: d } = Ue(), w = Qe(), C = Pe(), P = X(null), m = X("");
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = Qe(), C = Pe(), P = X(null), m = X("");
     function l(q, Z) {
       m.value = Z, P.value = q;
     }
-    const $ = Je(i.target), _ = Je(i.imageRef), F = i.sdk.productImage.manage($, _), z = Le(F);
+    const $ = Je(i.target), _ = Je(i.imageRef), F = i.sdk.productImage.manage($, _), L = Le(F);
     ke(() => F.dispose());
     const E = R(
-      () => z.value.status === "ready" ? z.value.value : null
+      () => L.value.status === "ready" ? L.value.value : null
     ), G = R(() => {
       var q;
       return ((q = E.value) == null ? void 0 : q.ratios) ?? [];
@@ -377,11 +377,11 @@ const ml = /* @__PURE__ */ ce({
     async function b(q) {
       const Z = k.value;
       if (k.value = null, !Z) return;
-      const M = q ? await h(q.blob) : "";
+      const N = q ? await h(q.blob) : "";
       await d(
         () => F.replaceRatio(
           Z.id,
-          q ? { base64: M, contentType: q.blob.type } : null
+          q ? { base64: N, contentType: q.blob.type } : null
         ),
         {
           successMessage: o("menu.product_image.replace.queued"),
@@ -395,8 +395,8 @@ const ml = /* @__PURE__ */ ce({
     }
     function h(q) {
       return new Promise((Z) => {
-        const M = new FileReader();
-        M.onerror = () => Z(""), M.onload = () => Z(typeof M.result == "string" ? M.result : ""), M.readAsDataURL(q);
+        const N = new FileReader();
+        N.onerror = () => Z(""), N.onload = () => Z(typeof N.result == "string" ? N.result : ""), N.readAsDataURL(q);
       });
     }
     const se = X(null);
@@ -430,13 +430,13 @@ const ml = /* @__PURE__ */ ce({
     async function fe(q) {
       await d(() => F.removeRatio(q.id), { showLoading: !1 });
     }
-    return (q, Z) => (r(), S(ie, null, [
+    return (q, Z) => (r(), S(re, null, [
       s(e(O).FmSideSheet, {
         id: "manage-product-image",
         modelValue: p.value,
         "onUpdate:modelValue": [
-          Z[2] || (Z[2] = (M) => p.value = M),
-          Z[3] || (Z[3] = (M) => !M && x("close"))
+          Z[2] || (Z[2] = (N) => p.value = N),
+          Z[3] || (Z[3] = (N) => !N && x("close"))
         ],
         "close-button": "",
         "max-width": 860
@@ -476,9 +476,9 @@ const ml = /* @__PURE__ */ ce({
                 ]),
                 _: 1
               }),
-              n("p", Na, I(e(o)("menu.product_image.manage.original")), 1)
+              n("p", Ma, I(e(o)("menu.product_image.manage.original")), 1)
             ])) : y("", !0),
-            E.value.addFormat.state === "allowed" ? (r(), S("section", Ma, [
+            E.value.addFormat.state === "allowed" ? (r(), S("section", Na, [
               n("div", Ea, [
                 n("div", qa, [
                   n("p", Ga, I(e(o)("menu.product_image.manage.aspect_ratio")), 1),
@@ -490,7 +490,7 @@ const ml = /* @__PURE__ */ ce({
                   "aria-label": e(o)("menu.product_image.manage.add_format"),
                   "prepend-icon": "add",
                   variant: "primary",
-                  onClick: Z[0] || (Z[0] = (M) => g.value = !0)
+                  onClick: Z[0] || (Z[0] = (N) => g.value = !0)
                 }, null, 8, ["disabled", "label", "aria-label"])
               ]),
               n("div", Ka, [
@@ -504,7 +504,7 @@ const ml = /* @__PURE__ */ ce({
                     label: e(o)("menu.product_image.preview.title"),
                     class: "!h-80 !w-80 shrink-0 !overflow-hidden !rounded-md !p-0",
                     variant: "plain",
-                    onClick: Z[1] || (Z[1] = (M) => l(
+                    onClick: Z[1] || (Z[1] = (N) => l(
                       E.value.originalUrl,
                       e(o)("menu.product_image.manage.original")
                     ))
@@ -531,19 +531,19 @@ const ml = /* @__PURE__ */ ce({
                     n("p", Wa, I(e(o)("menu.product_image.manage.custom_sizing")), 1)
                   ])
                 ], 8, Qa),
-                (r(!0), S(ie, null, Fe(G.value, (M) => (r(), S("div", {
-                  key: M.label,
+                (r(!0), S(re, null, Fe(G.value, (N) => (r(), S("div", {
+                  key: N.label,
                   class: "product-image-ratio-row flex items-center gap-16 py-12",
                   role: "group",
-                  "aria-label": M.label
+                  "aria-label": N.label
                 }, [
                   s(e(O).FmButton, {
                     "aria-label": e(o)("menu.product_image.preview.title"),
                     label: e(o)("menu.product_image.preview.title"),
                     class: "!h-80 !w-80 shrink-0 !overflow-hidden !rounded-md !p-0 disabled:opacity-40",
-                    disabled: !M.previewUrl,
+                    disabled: !N.previewUrl,
                     variant: "plain",
-                    onClick: (Ie) => l(M.previewUrl, M.label)
+                    onClick: (Ie) => l(N.previewUrl, N.label)
                   }, {
                     default: v(() => [
                       s(e(O).FmCard, {
@@ -551,11 +551,11 @@ const ml = /* @__PURE__ */ ce({
                         variant: "outlined"
                       }, {
                         default: v(() => [
-                          M.previewUrl ? (r(), S("img", {
+                          N.previewUrl ? (r(), S("img", {
                             key: 0,
-                            alt: M.label,
+                            alt: N.label,
                             class: "h-full w-full object-cover",
-                            src: M.previewUrl
+                            src: N.previewUrl
                           }, null, 8, Za)) : (r(), T(e(O).FmIcon, {
                             key: 1,
                             color: "neutral-gray-300",
@@ -570,51 +570,51 @@ const ml = /* @__PURE__ */ ce({
                   }, 1032, ["aria-label", "label", "disabled", "onClick"]),
                   n("div", Ja, [
                     n("div", et, [
-                      n("p", lt, I(M.label), 1),
-                      M.required ? (r(), T(e(O).FmChip, {
+                      n("p", lt, I(N.label), 1),
+                      N.required ? (r(), T(e(O).FmChip, {
                         key: 0,
                         color: "negative",
                         label: e(o)("menu.product_image.manage.required"),
                         size: "sm"
                       }, null, 8, ["label"])) : y("", !0),
-                      B(M) ? (r(), T(e(O).FmChip, {
+                      B(N) ? (r(), T(e(O).FmChip, {
                         key: 1,
-                        color: M.status === "pending" ? "warning" : "negative",
-                        label: B(M),
+                        color: N.status === "pending" ? "warning" : "negative",
+                        label: B(N),
                         size: "sm"
                       }, null, 8, ["color", "label"])) : y("", !0)
                     ]),
-                    M.purpose ? (r(), S("p", at, I(e(C)(M.purpose)), 1)) : y("", !0),
-                    !M.required && !M.previewUrl ? (r(), S("p", tt, I(e(o)("menu.product_image.manage.custom_image_hint")), 1)) : y("", !0)
+                    N.purpose ? (r(), S("p", at, I(e(C)(N.purpose)), 1)) : y("", !0),
+                    !N.required && !N.previewUrl ? (r(), S("p", tt, I(e(o)("menu.product_image.manage.custom_image_hint")), 1)) : y("", !0)
                   ]),
                   n("div", ot, [
                     s(e(O).FmButton, {
                       "aria-label": e(o)("menu.product_image.replace.action_for", {
-                        ratio: M.label
+                        ratio: N.label
                       }),
-                      disabled: M.replace.state !== "allowed",
+                      disabled: N.replace.state !== "allowed",
                       icon: "image",
                       variant: "tertiary",
-                      onClick: (Ie) => k.value = M
+                      onClick: (Ie) => k.value = N
                     }, null, 8, ["aria-label", "disabled", "onClick"]),
                     s(e(O).FmButton, {
                       "aria-label": e(o)("menu.product_image.regenerate.action_for", {
-                        ratio: M.label
+                        ratio: N.label
                       }),
-                      disabled: M.regenerate.state !== "allowed",
+                      disabled: N.regenerate.state !== "allowed",
                       icon: "autorenew",
                       variant: "tertiary",
-                      onClick: (Ie) => pe(M)
+                      onClick: (Ie) => pe(N)
                     }, null, 8, ["aria-label", "disabled", "onClick"]),
-                    M.canRemove ? (r(), T(e(O).FmButton, {
+                    N.canRemove ? (r(), T(e(O).FmButton, {
                       key: 0,
                       "aria-label": e(o)("menu.product_image.manage.remove_ratio.action_for", {
-                        ratio: M.label
+                        ratio: N.label
                       }),
                       disabled: se.value !== null,
                       icon: "close",
                       variant: "tertiary",
-                      onClick: (Ie) => de(M)
+                      onClick: (Ie) => de(N)
                     }, null, 8, ["aria-label", "disabled", "onClick"])) : y("", !0)
                   ])
                 ], 8, Ya))), 128))
@@ -647,7 +647,7 @@ const ml = /* @__PURE__ */ ce({
       s(e(O).FmDialog, {
         "model-value": P.value !== null,
         "max-width": 560,
-        "onUpdate:modelValue": Z[4] || (Z[4] = (M) => !M && (P.value = null))
+        "onUpdate:modelValue": Z[4] || (Z[4] = (N) => !N && (P.value = null))
       }, {
         "dialog-header": v(() => [
           n("p", ct, I(m.value), 1)
@@ -668,7 +668,7 @@ const ml = /* @__PURE__ */ ce({
         key: 0,
         "existing-ids": A.value,
         sdk: i.sdk,
-        onClose: Z[5] || (Z[5] = (M) => g.value = !1),
+        onClose: Z[5] || (Z[5] = (N) => g.value = !1),
         onConfirm: ee
       }, null, 8, ["existing-ids", "sdk"])) : y("", !0),
       k.value ? (r(), T(dl, {
@@ -676,14 +676,14 @@ const ml = /* @__PURE__ */ ce({
         mode: "replace",
         "ratio-label": k.value.label,
         "aspect-ratio": k.value.aspectRatio,
-        onCancel: Z[6] || (Z[6] = (M) => k.value = null),
+        onCancel: Z[6] || (Z[6] = (N) => k.value = null),
         onConfirm: b
       }, null, 8, ["ratio-label", "aspect-ratio"])) : y("", !0),
       f.value ? (r(), T(Oa, {
         key: 2,
         "can-regenerate-from-original": f.value.canRegenerateFromOriginal,
         "ratio-label": f.value.label,
-        onClose: Z[7] || (Z[7] = (M) => f.value = null),
+        onClose: Z[7] || (Z[7] = (N) => f.value = null),
         onConfirm: le
       }, null, 8, ["can-regenerate-from-original", "ratio-label"])) : y("", !0)
     ], 64));
@@ -694,84 +694,84 @@ const ml = /* @__PURE__ */ ce({
     sdk: {},
     target: {}
   },
-  setup(W) {
-    const V = W, { t: i, n: x } = be(), { run: o } = Ue(), d = Qe(), w = Zl(), C = Pe(), P = Ll(), m = R(() => Je(V.target)), l = ye({
+  setup(Y) {
+    const V = Y, { t: i, n: x } = be(), { run: o } = Ue(), d = Qe(), w = Zl(), C = Pe(), P = Ll(), m = R(() => Je(V.target)), l = ye({
       status: "loading"
     });
     let $ = null, _ = null;
-    function F(L) {
-      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(L), _ = $.subscribe((D) => {
-        l.value = D;
+    function F(D) {
+      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(D), _ = $.subscribe((z) => {
+        l.value = z;
       });
     }
     F(m.value), ke(() => {
       _ == null || _(), $ == null || $.dispose();
     });
-    const z = R(
+    const L = R(
       () => l.value.status === "ready" ? l.value.value : null
     ), E = R(
       () => {
-        var L;
-        return ((L = z.value) == null ? void 0 : L.tiles) ?? [];
+        var D;
+        return ((D = L.value) == null ? void 0 : D.tiles) ?? [];
       }
     ), G = aa.join(","), A = X(null), p = X(!1), g = X([]), f = X(0), k = X([]), B = X(null);
     let Q = null;
     function ee() {
       g.value = [], f.value = 0, k.value = [], Q = null;
     }
-    Ae(m, (L, D) => {
-      L !== D && (B.value = null, ee(), M(), F(L));
+    Ae(m, (D, z) => {
+      D !== z && (B.value = null, ee(), N(), F(D));
     });
     const a = R(
       () => g.value[f.value] ?? null
     ), c = R(() => {
-      var L;
-      return ((L = z.value) == null ? void 0 : L.addImage.state) !== "allowed";
+      var D;
+      return ((D = L.value) == null ? void 0 : D.addImage.state) !== "allowed";
     });
     function ne() {
-      var L;
-      (L = A.value) == null || L.click();
+      var D;
+      (D = A.value) == null || D.click();
     }
-    function pe(L) {
-      const D = L.target;
-      ve(Array.from(D.files ?? [])), D.value = "";
+    function pe(D) {
+      const z = D.target;
+      ve(Array.from(z.files ?? [])), z.value = "";
     }
-    function le(L) {
-      var D;
-      p.value = !1, !c.value && ve(Array.from(((D = L.dataTransfer) == null ? void 0 : D.files) ?? []));
+    function le(D) {
+      var z;
+      p.value = !1, !c.value && ve(Array.from(((z = D.dataTransfer) == null ? void 0 : z.files) ?? []));
     }
-    function ve(L) {
-      if (c.value || L.length === 0) return;
-      const D = [];
-      for (const Y of L) {
-        const re = V.sdk.productImage.screenFile(Y.type);
-        if (re) {
-          o(async () => ({ kind: "rejected", issues: [re] }), {
+    function ve(D) {
+      if (c.value || D.length === 0) return;
+      const z = [];
+      for (const W of D) {
+        const ie = V.sdk.productImage.screenFile(W.type);
+        if (ie) {
+          o(async () => ({ kind: "rejected", issues: [ie] }), {
             showLoading: !1
           });
           continue;
         }
-        D.push(Y);
+        z.push(W);
       }
-      D.length !== 0 && (g.value = D, f.value = 0, k.value = [], Q = m.value);
+      z.length !== 0 && (g.value = z, f.value = 0, k.value = [], Q = m.value);
     }
-    function b(L) {
-      const D = V.sdk.productImage.screenDecoded(
-        L ? { width: L.width, height: L.height } : null
+    function b(D) {
+      const z = V.sdk.productImage.screenDecoded(
+        D ? { width: D.width, height: D.height } : null
       );
-      if (D || !L) {
-        D && o(async () => ({ kind: "rejected", issues: [D] }), {
+      if (z || !D) {
+        z && o(async () => ({ kind: "rejected", issues: [z] }), {
           showLoading: !1
         }), se();
         return;
       }
       k.value.push({
-        contentType: L.blob.type,
-        fileName: L.fileName,
-        width: L.width,
-        height: L.height,
-        byteLength: L.blob.size,
-        bytes: L.blob
+        contentType: D.blob.type,
+        fileName: D.fileName,
+        width: D.width,
+        height: D.height,
+        byteLength: D.blob.size,
+        bytes: D.blob
       }), se();
     }
     function h() {
@@ -782,68 +782,76 @@ const ml = /* @__PURE__ */ ce({
         f.value += 1;
         return;
       }
-      const L = k.value, D = Q;
-      ee(), L.length > 0 && D && de(D, L);
+      const D = k.value, z = Q;
+      ee(), D.length > 0 && z && de(z, D);
     }
-    async function de(L, D) {
-      await o(() => V.sdk.productImage.upload(L, D), {
-        loadingMessage: i("menu.product_image.uploading"),
-        successMessage: i("menu.product_image.uploaded")
-      });
+    async function de(D, z) {
+      var ie;
+      const W = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
+      await o(
+        () => V.sdk.productImage.upload(D, z),
+        W ? {
+          showLoading: !1,
+          successMessage: i("menu.product_image.staged_added")
+        } : {
+          loadingMessage: i("menu.product_image.uploading"),
+          successMessage: i("menu.product_image.uploaded")
+        }
+      );
     }
     const $e = ye(null), fe = ye(null);
     let q = null, Z = null;
-    function M() {
+    function N() {
       q == null || q.dispose(), Z == null || Z(), q = null, Z = null, $e.value = null, fe.value = null;
     }
-    function Ie(L) {
-      const D = m.value;
-      if (!D) return null;
-      M();
-      const Y = V.sdk.productImage.edit(D, Je(L.imageRef));
-      return q = Y, Z = Y.subscribe((re) => {
-        fe.value = re.status === "ready" ? re.value : null, fe.value || ($e.value = null);
-      }), Y;
+    function Ie(D) {
+      const z = m.value;
+      if (!z) return null;
+      N();
+      const W = V.sdk.productImage.edit(z, Je(D.imageRef));
+      return q = W, Z = W.subscribe((ie) => {
+        fe.value = ie.status === "ready" ? ie.value : null, fe.value || ($e.value = null);
+      }), W;
     }
-    async function De(L, D) {
-      const Y = await o(L, {
-        loadingMessage: D,
-        showLoading: !!D
+    async function De(D, z) {
+      const W = await o(D, {
+        loadingMessage: z,
+        showLoading: !!z
       });
-      return Y.kind === "success" && w.open({
-        type: Y.value.severity,
-        [Y.value.presentation]: C(Y.value.message)
-      }), Y;
+      return W.kind === "success" && w.open({
+        type: W.value.severity,
+        [W.value.presentation]: C(W.value.message)
+      }), W;
     }
-    async function Ge(L) {
-      const D = Ie(L), Y = fe.value;
-      if (!(!D || !Y))
+    async function Ge(D) {
+      const z = Ie(D), W = fe.value;
+      if (!(!z || !W))
         try {
-          const re = await Pl(Y.sourceUrl);
-          q === D && ($e.value = re);
+          const ie = await Pl(W.sourceUrl);
+          q === z && ($e.value = ie);
         } catch {
-          q === D && await De(() => D.confirmCrop(null));
+          q === z && await De(() => z.confirmCrop(null));
         }
     }
-    async function Ye(L) {
-      const D = q, Y = fe.value;
-      if ($e.value = null, !D || !Y) return;
-      let re = null;
+    async function Ye(D) {
+      const z = q, W = fe.value;
+      if ($e.value = null, !z || !W) return;
+      let ie = null;
       try {
-        re = await Ul(L);
+        ie = await Ul(D);
       } catch {
       }
       await De(
-        () => D.confirmCrop(re),
-        L ? C(Y.loadingMessage) : void 0
-      ), q === D && M();
+        () => z.confirmCrop(ie),
+        D ? C(W.loadingMessage) : void 0
+      ), q === z && N();
     }
-    async function He(L) {
-      const D = Ie(L), Y = fe.value;
-      if (!D || !Y) return;
-      const re = await o(
-        () => D.prepareRemy(async () => {
-          const _e = await Pl(Y.sourceUrl);
+    async function He(D) {
+      const z = Ie(D), W = fe.value;
+      if (!z || !W) return;
+      const ie = await o(
+        () => z.prepareRemy(async () => {
+          const _e = await Pl(W.sourceUrl);
           return {
             contentType: _e.type,
             byteLength: _e.size,
@@ -852,23 +860,23 @@ const ml = /* @__PURE__ */ ce({
         }),
         { showLoading: !1 }
       );
-      re.kind === "success" && q === D && P.activate({
-        imageData: re.value.imageData,
+      ie.kind === "success" && q === z && P.activate({
+        imageData: ie.value.imageData,
         command: "modifyImage"
       });
     }
-    function J(L) {
-      var re;
-      const D = (re = L.detail) == null ? void 0 : re.imageData, Y = q;
-      !Y || typeof D != "string" || !D || De(
-        () => Y.applyRemy(async () => {
-          const _e = await oa(D);
+    function J(D) {
+      var ie;
+      const z = (ie = D.detail) == null ? void 0 : ie.imageData, W = q;
+      !W || typeof z != "string" || !z || De(
+        () => W.applyRemy(async () => {
+          const _e = await oa(z);
           return V.sdk.productImage.screenFile(_e.type) ? {
             contentType: _e.type,
             byteLength: _e.size,
             fileName: _e.name,
             bytes: _e,
-            base64: D,
+            base64: z,
             width: 0,
             height: 0
           } : Ul(await na(_e));
@@ -877,11 +885,11 @@ const ml = /* @__PURE__ */ ce({
       );
     }
     Bl(() => window.addEventListener("apply-image", J)), ke(() => {
-      window.removeEventListener("apply-image", J), M();
+      window.removeEventListener("apply-image", J), N();
     });
-    function we(L) {
-      const D = m.value;
-      D && d.open({
+    function we(D) {
+      const z = m.value;
+      z && d.open({
         title: i("menu.product_image.delete.title"),
         message: i("menu.product_image.delete.message"),
         primaryActions: {
@@ -894,12 +902,12 @@ const ml = /* @__PURE__ */ ce({
         }
       }).onPrimary(async () => {
         await o(
-          async () => V.sdk.productImage.removeImage(D, Je(L.imageRef)),
+          async () => V.sdk.productImage.removeImage(z, Je(D.imageRef)),
           { showLoading: !1 }
         );
       });
     }
-    return (L, D) => (r(), T(e(O).FmFormGroup, {
+    return (D, z) => (r(), T(e(O).FmFormGroup, {
       class: "product-image-field pb-8 text-fm-color-typo-primary",
       tag: "div",
       label: e(i)("menu.common.labels.product_image"),
@@ -909,7 +917,7 @@ const ml = /* @__PURE__ */ ce({
       default: v(() => [
         n("p", ft, [
           sl(I(e(i)("menu.product_image.hint")) + " ", 1),
-          c.value ? y("", !0) : (r(), S(ie, { key: 0 }, [
+          c.value ? y("", !0) : (r(), S(re, { key: 0 }, [
             s(e(O).FmIcon, {
               class: "mr-4 align-text-bottom",
               color: "neutral-gray-400",
@@ -926,8 +934,8 @@ const ml = /* @__PURE__ */ ce({
               p.value ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300",
               c.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onDragleave: D[0] || (D[0] = Ee((Y) => p.value = !1, ["prevent"])),
-            onDragover: D[1] || (D[1] = Ee((Y) => p.value = !c.value, ["prevent"])),
+            onDragleave: z[0] || (z[0] = Ee((W) => p.value = !1, ["prevent"])),
+            onDragover: z[1] || (z[1] = Ee((W) => p.value = !c.value, ["prevent"])),
             onDrop: Ee(le, ["prevent"])
           }, [
             s(e(O).FmIcon, {
@@ -952,19 +960,19 @@ const ml = /* @__PURE__ */ ce({
               onChange: pe
             }, null, 40, _t)
           ], 34),
-          (r(!0), S(ie, null, Fe(E.value, (Y, re) => {
+          (r(!0), S(re, null, Fe(E.value, (W, ie) => {
             var _e, Xe, ze;
             return r(), S("div", {
-              key: Y.url,
+              key: W.url,
               class: "product-image-tile relative aspect-square"
             }, [
               s(e(O).FmButton, {
-                "aria-label": e(i)("menu.product_image.manage.action_for", { index: re + 1 }),
+                "aria-label": e(i)("menu.product_image.manage.action_for", { index: ie + 1 }),
                 class: "!block !h-full !w-full !overflow-hidden !rounded-md !p-0",
                 label: e(i)("menu.product_image.manage.title"),
-                disabled: Y.manage.state !== "allowed",
+                disabled: W.manage.state !== "allowed",
                 variant: "plain",
-                onClick: (je) => B.value = Y.imageRef
+                onClick: (je) => B.value = W.imageRef
               }, {
                 default: v(() => [
                   n("div", ht, [
@@ -974,9 +982,9 @@ const ml = /* @__PURE__ */ ce({
                     }, {
                       default: v(() => [
                         n("img", {
-                          alt: e(i)("menu.product_image.tile_alt", { index: re + 1 }),
+                          alt: e(i)("menu.product_image.tile_alt", { index: ie + 1 }),
                           class: "h-full w-full object-cover",
-                          src: Y.url
+                          src: W.url
                         }, null, 8, kt)
                       ]),
                       _: 2
@@ -986,18 +994,18 @@ const ml = /* @__PURE__ */ ce({
                 _: 2
               }, 1032, ["aria-label", "label", "disabled", "onClick"]),
               n("div", wt, [
-                Y.isCover ? (r(), T(e(O).FmChip, {
+                W.isCover ? (r(), T(e(O).FmChip, {
                   key: 0,
                   label: e(i)("menu.product_image.cover_badge")
                 }, null, 8, ["label"])) : y("", !0),
-                Y.formatCount !== null && Y.formatCount !== void 0 ? (r(), T(e(O).FmChip, {
+                W.formatCount !== null && W.formatCount !== void 0 ? (r(), T(e(O).FmChip, {
                   key: 1,
-                  label: e(x)(Y.formatCount),
+                  label: e(x)(W.formatCount),
                   "right-icon": "resize"
                 }, null, 8, ["label"])) : y("", !0)
               ]),
               n("div", xt, [
-                ((_e = Y.crop) == null ? void 0 : _e.state) === "allowed" ? (r(), T(e(O).FmButton, {
+                ((_e = W.crop) == null ? void 0 : _e.state) === "allowed" ? (r(), T(e(O).FmButton, {
                   key: 0,
                   label: e(i)("menu.product_image.editor.title"),
                   "aria-label": e(i)("menu.product_image.editor.title"),
@@ -1005,7 +1013,7 @@ const ml = /* @__PURE__ */ ce({
                   class: "!h-32 !w-32 !rounded-full !p-0 shadow-sm",
                   "bg-color": "neutral-white",
                   variant: "tertiary",
-                  onClick: Ee((je) => Ge(Y), ["stop"])
+                  onClick: Ee((je) => Ge(W), ["stop"])
                 }, {
                   default: v(() => [
                     s(e(O).FmIcon, {
@@ -1015,7 +1023,7 @@ const ml = /* @__PURE__ */ ce({
                   ]),
                   _: 2
                 }, 1032, ["label", "aria-label", "title", "onClick"])) : y("", !0),
-                ((Xe = Y.remy) == null ? void 0 : Xe.state) === "allowed" ? (r(), T(e(O).FmButton, {
+                ((Xe = W.remy) == null ? void 0 : Xe.state) === "allowed" ? (r(), T(e(O).FmButton, {
                   key: 1,
                   label: e(i)("menu.remy.title"),
                   "aria-label": e(i)("menu.remy.title"),
@@ -1024,7 +1032,7 @@ const ml = /* @__PURE__ */ ce({
                   class: "!h-32 !w-32 !rounded-full !p-0 shadow-sm",
                   "bg-color": "neutral-white",
                   variant: "tertiary",
-                  onClick: Ee((je) => He(Y), ["stop"])
+                  onClick: Ee((je) => He(W), ["stop"])
                 }, {
                   default: v(() => [
                     s(e(O).FmIcon, {
@@ -1036,14 +1044,14 @@ const ml = /* @__PURE__ */ ce({
                 }, 1032, ["label", "aria-label", "title", "disabled", "onClick"])) : y("", !0)
               ]),
               s(e(O).FmButton, {
-                label: e(i)("menu.product_image.remove.action_for", { index: re + 1 }),
-                "aria-label": e(i)("menu.product_image.remove.action_for", { index: re + 1 }),
+                label: e(i)("menu.product_image.remove.action_for", { index: ie + 1 }),
+                "aria-label": e(i)("menu.product_image.remove.action_for", { index: ie + 1 }),
                 class: "!absolute -right-8 -top-8 !h-24 !w-24 !rounded-full !p-0",
-                disabled: Y.remove.state !== "allowed",
+                disabled: W.remove.state !== "allowed",
                 "bg-color": "neutral-black",
                 "icon-color": "neutral-white",
                 variant: "tertiary",
-                onClick: (je) => we(Y)
+                onClick: (je) => we(W)
               }, {
                 default: v(() => [
                   s(e(O).FmIcon, {
@@ -1070,7 +1078,7 @@ const ml = /* @__PURE__ */ ce({
           file: $e.value,
           mode: fe.value.mode,
           "edit-view": fe.value,
-          onCancel: M,
+          onCancel: N,
           onConfirm: Ye
         }, null, 8, ["file", "mode", "edit-view"])) : y("", !0),
         B.value && V.target ? (r(), T(bt, {
@@ -1078,7 +1086,7 @@ const ml = /* @__PURE__ */ ce({
           "image-ref": B.value,
           sdk: V.sdk,
           target: V.target,
-          onClose: D[2] || (D[2] = (Y) => B.value = null)
+          onClose: z[2] || (z[2] = (W) => B.value = null)
         }, null, 8, ["image-ref", "sdk", "target"])) : y("", !0)
       ]),
       _: 1
@@ -1099,8 +1107,8 @@ const ml = /* @__PURE__ */ ce({
     create: { type: Function },
     dialogCancelName: {}
   },
-  setup(W) {
-    const V = W, { t: i } = be(), x = R(
+  setup(Y) {
+    const V = Y, { t: i } = be(), x = R(
       () => V.kind === "group" ? {
         search: "menu.common.labels.search_groups",
         add: "menu.common.actions.add_group",
@@ -1139,13 +1147,13 @@ const ml = /* @__PURE__ */ ce({
       (_) => {
         var E;
         if (!_ || !V.dialogCancelName) return;
-        const F = i("menu.common.actions.cancel"), z = [
+        const F = i("menu.common.actions.cancel"), L = [
           ...((E = _.closest(".fm-dialog")) == null ? void 0 : E.querySelectorAll("button")) ?? []
         ].find((G) => {
           var A;
           return ((A = G.textContent) == null ? void 0 : A.trim()) === F;
         });
-        z == null || z.setAttribute("aria-label", V.dialogCancelName);
+        L == null || L.setAttribute("aria-label", V.dialogCancelName);
       },
       { flush: "post" }
     );
@@ -1153,7 +1161,7 @@ const ml = /* @__PURE__ */ ce({
       () => l.value.status === "ready" ? l.value.value : null
     );
     return (_, F) => {
-      const z = N("FmSearch"), E = N("FmCheckbox"), G = N("FmButton");
+      const L = M("FmSearch"), E = M("FmCheckbox"), G = M("FmButton");
       return $.value && (!_.kind || $.value.totalCount > 0) ? (r(), S("div", {
         key: 0,
         ref_key: "root",
@@ -1164,7 +1172,7 @@ const ml = /* @__PURE__ */ ce({
         ])
       }, [
         n("div", null, [
-          s(z, {
+          s(L, {
             "model-value": $.value.query,
             placeholder: e(i)(_.kind ? x.value.search : "menu.common.actions.search"),
             autofocus: !!_.kind,
@@ -1176,7 +1184,7 @@ const ml = /* @__PURE__ */ ce({
             _.kind ? "flex-1 min-h-0 overflow-y-auto p-8" : "flex flex-col gap-8"
           )
         }, [
-          (r(!0), S(ie, null, Fe($.value.choices, (A) => (r(), S("div", {
+          (r(!0), S(re, null, Fe($.value.choices, (A) => (r(), S("div", {
             key: A.id,
             class: Be(_.kind ? void 0 : "contents")
           }, [
@@ -1240,8 +1248,8 @@ const ml = /* @__PURE__ */ ce({
     min: {}
   },
   emits: ["update:modelValue", "update:enabled"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, o = Pe(), d = X(i.modelValue !== null);
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, o = Pe(), d = X(i.modelValue !== null);
     let w = !1;
     Ae(
       () => i.modelValue,
@@ -1257,7 +1265,7 @@ const ml = /* @__PURE__ */ ce({
       w = l === null, x("update:modelValue", l);
     }
     return (m, l) => {
-      const $ = N("FmSwitch"), _ = N("FmStepperField");
+      const $ = M("FmSwitch"), _ = M("FmStepperField");
       return r(), S("div", Tt, [
         n("div", At, [
           n("p", Bt, I(m.label), 1),
@@ -1286,7 +1294,7 @@ const ml = /* @__PURE__ */ ce({
       ]);
     };
   }
-}), Dt = ["data-scope-title"], zt = { class: "fm-typo-en-title-md-600 mr-auto" }, Rt = { class: "pt-8 space-y-32" }, Nt = { class: "fm-typo-en-title-sm-600" }, Mt = { class: "flex items-end space-x-24" }, Et = { class: "flex" }, qt = { key: 0 }, Gt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, jt = { class: "flex flex-wrap gap-8 mt-8" }, Kt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 mt-8" }, Qt = { class: "space-y-16" }, Ht = {
+}), Dt = ["data-scope-title"], zt = { class: "fm-typo-en-title-md-600 mr-auto" }, Rt = { class: "pt-8 space-y-32" }, Mt = { class: "fm-typo-en-title-sm-600" }, Nt = { class: "flex items-end space-x-24" }, Et = { class: "flex" }, qt = { key: 0 }, Gt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, jt = { class: "flex flex-wrap gap-8 mt-8" }, Kt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 mt-8" }, Qt = { class: "space-y-16" }, Ht = {
   key: 1,
   class: "flex gap-8 rounded-md bg-fm-color-system-warning-100 p-12"
 }, Xt = { class: "space-y-4" }, Wt = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, Yt = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, Zt = { class: "xs:overflow-x-scroll" }, Jt = { class: "xs:min-w-[640px]" }, eo = { class: "flex gap-8 items-center justify-start" }, lo = { class: "flex items-center gap-8" }, ao = { class: "grow" }, to = { class: "pt-16 space-y-24" }, oo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, no = { class: "fm-typo-en-title-sm-600" }, so = { class: "space-y-16" }, io = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ro = /* @__PURE__ */ ce({
@@ -1302,8 +1310,8 @@ const ml = /* @__PURE__ */ ce({
     createPriceGroup: { type: Function }
   },
   emits: ["update:modelValue"],
-  setup(W, { emit: V }) {
-    const i = W, x = R(
+  setup(Y, { emit: V }) {
+    const i = Y, x = R(
       () => i.presentation === "tree" ? 720 : 800
     ), o = V, { t: d, n: w } = be(), C = (b) => {
       const h = b.code ? d("menu.group.list.product_code_name", {
@@ -1326,18 +1334,18 @@ const ml = /* @__PURE__ */ ce({
     }
     ke(_);
     const F = ye(null);
-    function z() {
+    function L() {
       var b;
       (b = F.value) == null || b.dispose(), F.value = null;
     }
     function E(b, h) {
-      z(), F.value = i.session.pricingEditor(
+      L(), F.value = i.session.pricingEditor(
         b.id,
         b.combinationKey,
         h
       );
     }
-    ke(z);
+    ke(L);
     const G = ye(null), A = R(() => [
       {
         accessorKey: "label",
@@ -1655,8 +1663,8 @@ const ml = /* @__PURE__ */ ce({
     }
     return (b, h) => {
       var He;
-      const se = N("FmSelect"), de = N("FmButton"), $e = N("FmChip"), fe = N("FmCard"), q = N("FmStepperField"), Z = N("FmFormGroup"), M = N("FmSwitch"), Ie = N("FmIcon"), De = N("FmTable"), Ge = N("FmSideSheet"), Ye = N("ProductGroupSheet", !0);
-      return r(), S(ie, null, [
+      const se = M("FmSelect"), de = M("FmButton"), $e = M("FmChip"), fe = M("FmCard"), q = M("FmStepperField"), Z = M("FmFormGroup"), N = M("FmSwitch"), Ie = M("FmIcon"), De = M("FmTable"), Ge = M("FmSideSheet"), Ye = M("ProductGroupSheet", !0);
+      return r(), S(re, null, [
         s(Ge, {
           "model-value": b.modelValue,
           "max-width": x.value,
@@ -1700,8 +1708,8 @@ const ml = /* @__PURE__ */ ce({
                 variant: "outlined"
               }, {
                 default: v(() => [
-                  n("p", Nt, I(e(d)("menu.group.option.variant")), 1),
-                  n("div", Mt, [
+                  n("p", Mt, I(e(d)("menu.group.option.variant")), 1),
+                  n("div", Nt, [
                     s(se, {
                       class: "flex-1",
                       "aria-label": e(d)("menu.group.option.variant"),
@@ -1715,14 +1723,14 @@ const ml = /* @__PURE__ */ ce({
                     }, null, 8, ["aria-label", "menu-z-index", "items", "model-value"]),
                     n("div", Et, [
                       s(de, {
-                        variant: e(Me).Tertiary,
+                        variant: e(Ne).Tertiary,
                         "prepend-icon": "keyboard_arrow_left",
                         size: "lg",
                         "aria-label": e(d)("menu.product.form.group.combination.previous"),
                         onClick: h[1] || (h[1] = (J) => b.session.stepCombination("previous"))
                       }, null, 8, ["variant", "aria-label"]),
                       s(de, {
-                        variant: e(Me).Tertiary,
+                        variant: e(Ne).Tertiary,
                         "prepend-icon": "keyboard_arrow_right",
                         size: "lg",
                         "aria-label": e(d)("menu.product.form.group.combination.next"),
@@ -1733,7 +1741,7 @@ const ml = /* @__PURE__ */ ce({
                   b.view.combinations.length > 1 ? (r(), S("div", qt, [
                     n("p", Gt, I(e(d)("menu.group.option.show_in_variants")), 1),
                     n("div", jt, [
-                      (r(!0), S(ie, null, Fe(b.view.combinations, (J) => (r(), T($e, {
+                      (r(!0), S(re, null, Fe(b.view.combinations, (J) => (r(), T($e, {
                         key: J.id,
                         icon: J.hidden ? "visibility_off" : "check",
                         label: J.label,
@@ -1807,14 +1815,14 @@ const ml = /* @__PURE__ */ ce({
                       var J;
                       return [
                         n("div", Qt, [
-                          s(M, {
+                          s(N, {
                             "model-value": b.view.stackable,
                             disabled: "",
                             label: e(d)("menu.common.labels.stackable"),
                             "label-placement": "right",
                             sublabel: e(d)("menu.common.labels.stackable_sublabel")
                           }, null, 8, ["model-value", "label", "sublabel"]),
-                          s(M, {
+                          s(N, {
                             "model-value": b.view.hidden,
                             label: e(d)("menu.common.labels.hide_group"),
                             "label-placement": "right",
@@ -1926,10 +1934,10 @@ const ml = /* @__PURE__ */ ce({
                   class: "px-16 py-12"
                 }, {
                   default: v(() => {
-                    var L;
+                    var D;
                     return [
                       n("p", oo, I(e(d)("menu.group.nested.currently_configuring")), 1),
-                      n("p", no, I((L = G.value) == null ? void 0 : L.name), 1)
+                      n("p", no, I((D = G.value) == null ? void 0 : D.name), 1)
                     ];
                   }),
                   _: 1
@@ -1962,7 +1970,7 @@ const ml = /* @__PURE__ */ ce({
           "z-index": (i.zIndex ?? 200) + 100,
           "on-create-price-group": b.createPriceGroup,
           "main-pricing-label": !1,
-          onClose: z
+          onClose: L
         }, null, 8, ["session", "z-index", "on-create-price-group"])) : y("", !0),
         g.value && f.value ? (r(), T(Ye, {
           key: 2,
@@ -1988,8 +1996,8 @@ const ml = /* @__PURE__ */ ce({
     summary: {},
     variant: { default: "full" }
   },
-  setup(W) {
-    const V = W, i = Qe(), { t: x, n: o } = be(), d = x("menu.product.form.summary.empty_value"), w = R(() => [
+  setup(Y) {
+    const V = Y, i = Qe(), { t: x, n: o } = be(), d = x("menu.product.form.summary.empty_value"), w = R(() => [
       {
         name: x("menu.product.form.summary.fields.code"),
         value: V.summary.code ?? d
@@ -2055,11 +2063,11 @@ const ml = /* @__PURE__ */ ce({
       });
     }
     return (P, m) => {
-      const l = N("FmButton");
+      const l = M("FmButton");
       return P.variant === "full" ? (r(), S("div", uo, [
         n("div", mo, I(e(x)("menu.product.form.summary.title")), 1),
         m[0] || (m[0] = n("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)),
-        (r(!0), S(ie, null, Fe(w.value, ($) => (r(), S("div", {
+        (r(!0), S(re, null, Fe(w.value, ($) => (r(), S("div", {
           key: $.name,
           class: "space-y-4"
         }, [
@@ -2076,11 +2084,11 @@ const ml = /* @__PURE__ */ ce({
     };
   }
 });
-function Nl(W, V) {
+function Ml(Y, V) {
   const i = X(""), x = R(() => i.value.trim().toLowerCase()), o = R(
-    () => x.value ? W().filter(
+    () => x.value ? Y().filter(
       (C) => V(C).toLowerCase().includes(x.value)
-    ) : W()
+    ) : Y()
   ), d = R(
     () => x.value !== "" && o.value.length === 0
   );
@@ -2089,14 +2097,14 @@ function Nl(W, V) {
   }
   return { search: i, filtered: o, noMatches: d, reset: w };
 }
-function Ml() {
-  const W = X(), V = X();
+function Nl() {
+  const Y = X(), V = X();
   let i = !1;
   async function x(d) {
     var P;
     if (i = d, V.value = void 0, !d) return;
     await el(), await new Promise(requestAnimationFrame);
-    const w = (P = W.value) == null ? void 0 : P.parentElement;
+    const w = (P = Y.value) == null ? void 0 : P.parentElement;
     if (!i || !w) return;
     const C = getComputedStyle(w);
     V.value = w.clientHeight - parseFloat(C.paddingTop) - parseFloat(C.paddingBottom);
@@ -2104,7 +2112,7 @@ function Ml() {
   const o = R(
     () => V.value ? { minHeight: `${V.value}px` } : void 0
   );
-  return { content: W, contentStyle: o, onMenuChanged: x };
+  return { content: Y, contentStyle: o, onMenuChanged: x };
 }
 const bo = {
   key: 0,
@@ -2121,16 +2129,16 @@ const bo = {
     placeholder: {}
   },
   emits: ["update:modelValue", "create"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), { search: d, filtered: w, noMatches: C, reset: P } = Nl(
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), { search: d, filtered: w, noMatches: C, reset: P } = Ml(
       () => i.items,
       (F) => F.label
-    ), { content: m, contentStyle: l, onMenuChanged: $ } = Ml();
+    ), { content: m, contentStyle: l, onMenuChanged: $ } = Nl();
     function _(F) {
       F || P(), $(F);
     }
-    return (F, z) => {
-      const E = N("FmSearch"), G = N("FmMenuItem"), A = N("FmButton"), p = N("FmSelect");
+    return (F, L) => {
+      const E = M("FmSearch"), G = M("FmMenuItem"), A = M("FmButton"), p = M("FmSelect");
       return r(), T(p, {
         items: F.items,
         disabled: F.disabled,
@@ -2138,7 +2146,7 @@ const bo = {
         "keep-selection-order": "",
         "model-value": F.modelValue,
         placeholder: F.placeholder,
-        "onUpdate:modelValue": z[2] || (z[2] = (g) => x("update:modelValue", g ?? [])),
+        "onUpdate:modelValue": L[2] || (L[2] = (g) => x("update:modelValue", g ?? [])),
         onDropdownChanged: _
       }, {
         "menu-wrapper": v(({ handleItemChange: g }) => [
@@ -2151,12 +2159,12 @@ const bo = {
             F.items.length ? (r(), S("div", bo, [
               s(E, {
                 modelValue: e(d),
-                "onUpdate:modelValue": z[0] || (z[0] = (f) => Ol(d) ? d.value = f : null),
+                "onUpdate:modelValue": L[0] || (L[0] = (f) => Ol(d) ? d.value = f : null),
                 autofocus: "",
                 placeholder: e(o)("menu.common.actions.search")
               }, null, 8, ["modelValue", "placeholder"])
             ])) : y("", !0),
-            (r(!0), S(ie, null, Fe(e(w), (f) => (r(), T(G, {
+            (r(!0), S(re, null, Fe(e(w), (f) => (r(), T(G, {
               key: f.value,
               label: f.label,
               "has-checkbox": "",
@@ -2171,7 +2179,7 @@ const bo = {
               "prepend-icon": "add",
               class: "w-full justify-start",
               label: e(o)("menu.product.form.detail.category.add_new"),
-              onClick: z[1] || (z[1] = (f) => x("create"))
+              onClick: L[1] || (L[1] = (f) => x("create"))
             }, null, 8, ["label"])
           ], 4)
         ]),
@@ -2195,15 +2203,15 @@ const bo = {
     session: {}
   },
   emits: ["create"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = Pe(), w = (g) => g.labelMessage ? d(g.labelMessage) : g.label, C = X(!1), P = X(), { search: m, filtered: l, noMatches: $, reset: _ } = Nl(
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = Pe(), w = (g) => g.labelMessage ? d(g.labelMessage) : g.label, C = X(!1), P = X(), { search: m, filtered: l, noMatches: $, reset: _ } = Ml(
       () => i.view.categoryOptions,
       w
     ), {
       content: F,
-      contentStyle: z,
+      contentStyle: L,
       onMenuChanged: E
-    } = Ml();
+    } = Nl();
     function G(g) {
       C.value = g, g || _(), E(g);
     }
@@ -2217,7 +2225,7 @@ const bo = {
       i.session.selectCategory(g, f), f && ((k = P.value) == null || k.toggleMenu(!1));
     }
     return (g, f) => {
-      const k = N("FmIcon"), B = N("FmField"), Q = N("FmSearch"), ee = N("FmMenuItem"), a = N("FmButton"), c = N("FmMenu"), ne = N("FmFormGroup"), pe = N("FmChipGroup");
+      const k = M("FmIcon"), B = M("FmField"), Q = M("FmSearch"), ee = M("FmMenuItem"), a = M("FmButton"), c = M("FmMenu"), ne = M("FmFormGroup"), pe = M("FmChipGroup");
       return r(), S("div", {
         class: "flex flex-col gap-4",
         "aria-label": g.view.categoryLabel === "plural" ? e(o)("menu.product.form.detail.category.label") : e(o)("menu.product.form.detail.category.label_singular")
@@ -2258,7 +2266,7 @@ const bo = {
                   ref_key: "content",
                   ref: F,
                   class: "relative min-w-[112px] py-12 px-4 flex flex-col overflow-y-auto bg-fm-color-neutral-white shadow-light-300 rounded-md",
-                  style: pl(e(z))
+                  style: pl(e(L))
                 }, [
                   g.view.categoryOptions.length ? (r(), S("div", ho, [
                     s(Q, {
@@ -2268,7 +2276,7 @@ const bo = {
                       placeholder: e(o)("menu.common.actions.search")
                     }, null, 8, ["modelValue", "placeholder"])
                   ])) : y("", !0),
-                  (r(!0), S(ie, null, Fe(e(l), (le) => (r(), T(ee, {
+                  (r(!0), S(re, null, Fe(e(l), (le) => (r(), T(ee, {
                     key: le.id,
                     label: w(le),
                     "has-checkbox": "",
@@ -2307,10 +2315,10 @@ const bo = {
 }, Uo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Io = {
   key: 0,
   class: "space-y-8"
-}, To = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Ao = { class: "flex w-[100px] items-center gap-8" }, Bo = { class: "fm-typo-en-body-md-400" }, Oo = { class: "flex-1" }, Lo = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Do = ["aria-expanded"], zo = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, No = {
+}, To = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Ao = { class: "flex w-[100px] items-center gap-8" }, Bo = { class: "fm-typo-en-body-md-400" }, Oo = { class: "flex-1" }, Lo = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Do = ["aria-expanded"], zo = { class: "fm-typo-en-body-lg-600" }, Ro = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Mo = {
   key: 0,
   class: "flex flex-col gap-32 pl-32"
-}, Mo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Eo = {
+}, No = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Eo = {
   key: 0,
   class: "space-y-8"
 }, qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Go = { class: "flex w-[100px] items-center gap-8 pt-12" }, jo = { class: "fm-typo-en-body-md-400" }, Ko = { class: "flex-1" }, Qo = { class: "w-full flex gap-8 items-center justify-end relative -top-px" }, Ho = /* @__PURE__ */ ce({
@@ -2322,8 +2330,8 @@ const bo = {
     initialSection: { default: "name" }
   },
   emits: ["update:modelValue"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = Qe(), w = R({
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = Qe(), w = R({
       get: () => i.modelValue,
       set: (f) => {
         f ? x("update:modelValue", f) : p();
@@ -2373,7 +2381,7 @@ const bo = {
         )
       );
     }
-    function z(f, k) {
+    function L(f, k) {
       _(
         m.value.map(
           (B) => B.code === f ? { ...B, description: k } : B
@@ -2414,7 +2422,7 @@ const bo = {
       }).onPrimary(p);
     }
     return (f, k) => {
-      const B = N("FmIcon"), Q = N("FmTextarea"), ee = N("FmButton"), a = N("FmDialog");
+      const B = M("FmIcon"), Q = M("FmTextarea"), ee = M("FmButton"), a = M("FmDialog");
       return r(), T(a, {
         modelValue: w.value,
         "onUpdate:modelValue": k[4] || (k[4] = (c) => w.value = c),
@@ -2481,7 +2489,7 @@ const bo = {
                 ]),
                 m.value.length > 0 ? (r(), S("div", Io, [
                   n("p", To, I(e(o)("menu.common.translation.translation_label")), 1),
-                  (r(!0), S(ie, null, Fe(m.value, (c) => (r(), S("div", {
+                  (r(!0), S(re, null, Fe(m.value, (c) => (r(), S("div", {
                     key: c.code,
                     class: "flex gap-16 items-center"
                   }, [
@@ -2520,9 +2528,9 @@ const bo = {
                   n("span", Ro, I(e(o)("menu.product.translation.optional")), 1)
                 ])
               ], 8, Do),
-              P.value ? (r(), S("div", No, [
+              P.value ? (r(), S("div", Mo, [
                 n("div", null, [
-                  n("p", Mo, I(e(o)("menu.common.translation.default")), 1),
+                  n("p", No, I(e(o)("menu.common.translation.default")), 1),
                   n("div", {
                     class: Be(["-mt-px", {
                       "mb-px product-translation-empty-textarea": m.value.length === 0
@@ -2538,7 +2546,7 @@ const bo = {
                 ]),
                 m.value.length > 0 ? (r(), S("div", Eo, [
                   n("p", qo, I(e(o)("menu.common.translation.translation_label")), 1),
-                  (r(!0), S(ie, null, Fe(m.value, (c) => (r(), S("div", {
+                  (r(!0), S(re, null, Fe(m.value, (c) => (r(), S("div", {
                     key: c.code,
                     class: "flex gap-16 items-start"
                   }, [
@@ -2553,7 +2561,7 @@ const bo = {
                         "aria-label": l(c.label),
                         "model-value": c.description,
                         placeholder: e(o)("menu.product.translation.placeholder"),
-                        "onUpdate:modelValue": (ne) => z(c.code, String(ne ?? ""))
+                        "onUpdate:modelValue": (ne) => L(c.code, String(ne ?? ""))
                       }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
                     ])
                   ]))), 128))
@@ -2581,10 +2589,10 @@ const bo = {
 }, Un = { class: "flex flex-col space-y-4" }, In = { class: "fm-typo-en-body-lg-600" }, Tn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, An = { class: "flex items-center gap-16" }, Bn = { class: "space-y-16" }, On = { class: "space-y-8" }, Ln = {
   key: 0,
   class: "pl-32 pb-4 flex items-center gap-16"
-}, Dn = { class: "fm-typo-en-body-lg-400" }, zn = { class: "w-[258px]" }, Rn = { class: "w-[117px]" }, Nn = {
+}, Dn = { class: "fm-typo-en-body-lg-400" }, zn = { class: "w-[258px]" }, Rn = { class: "w-[117px]" }, Mn = {
   key: 0,
   class: "space-y-8"
-}, Mn = {
+}, Nn = {
   key: 0,
   class: "pl-32 pb-4 flex space-x-16"
 }, En = { class: "w-[258px] xs:w-full" }, qn = {
@@ -2632,8 +2640,8 @@ const bo = {
     sdk: {}
   },
   emits: ["select-scope", "create-entity"],
-  setup(W, { emit: V }) {
-    const i = W, x = X(null);
+  setup(Y, { emit: V }) {
+    const i = Y, x = X(null);
     Ae(
       () => [i.treeSelection, i.view.itemId],
       async ([u]) => {
@@ -2692,7 +2700,7 @@ const bo = {
           count: u.variantCount
         })
       }) : t;
-    }, z = (u) => u.reduce((t, j) => {
+    }, L = (u) => u.reduce((t, j) => {
       const te = F(j);
       return t ? l("menu.group.list.join_products", { list: t, item: te }) : te;
     }, ""), E = Qe();
@@ -2735,7 +2743,7 @@ const bo = {
         },
         tertiaryActions: {
           text: l("menu.product.form.order_pacing.time_presets.add_preset"),
-          variant: Me.Plain,
+          variant: Ne.Plain,
           close: !1
         }
       }).onPrimary(() => {
@@ -2841,7 +2849,7 @@ const bo = {
         label: l(u === null ? "menu.product.form.detail.order_from.default" : zl[u]),
         value: u
       }))
-    ), M = R(() => [...a.value.priceTierRows]), Ie = R(
+    ), N = R(() => [...a.value.priceTierRows]), Ie = R(
       () => a.value.showVariantMemberPricing
     ), De = R(() => [
       {
@@ -2875,7 +2883,7 @@ const bo = {
               O.FmButton,
               {
                 label: l("menu.product.form.member_price.configure.title"),
-                variant: Me.Plain,
+                variant: Ne.Plain,
                 // This is the product form's per-tier member-price action. Its
                 // nested pricing-sheet counterpart uses "Configure member price",
                 // so the two independently addressable surfaces stay distinct.
@@ -3018,7 +3026,7 @@ const bo = {
                   H(
                     O.FmButton,
                     {
-                      variant: Me.Plain,
+                      variant: Ne.Plain,
                       label: l(
                         "menu.product.form.member_price.configure.title"
                       ),
@@ -3134,7 +3142,7 @@ const bo = {
         header: () => l("menu.group.list.columns.products"),
         enableSorting: !1,
         size: 200,
-        cell: (u) => z(u.getValue())
+        cell: (u) => L(u.getValue())
       },
       {
         id: "actions",
@@ -3149,7 +3157,7 @@ const bo = {
             [
               H(O.FmButton, {
                 icon: "delete",
-                variant: Me.Tertiary,
+                variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
                 "aria-label": l("menu.common.labels.a11y_labelled_name", {
                   label: l("menu.product.form.group.actions.detach"),
@@ -3159,7 +3167,7 @@ const bo = {
               }),
               H(O.FmButton, {
                 icon: "edit",
-                variant: Me.Tertiary,
+                variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
                 // A normal group is never editable from the product form, a dynamic
                 // one always is, and a product group only under
@@ -3169,7 +3177,7 @@ const bo = {
                   label: l("menu.product.form.group.actions.edit"),
                   name: t.label
                 }),
-                onClick: () => re(t)
+                onClick: () => ie(t)
               })
             ]
           );
@@ -3178,15 +3186,15 @@ const bo = {
     ]), J = X(!1), we = ye(
       null
     );
-    let L = null, D = null;
-    function Y() {
-      D == null || D(), D = null, L == null || L.dispose(), L = null, we.value = null, J.value = !1;
+    let D = null, z = null;
+    function W() {
+      z == null || z(), z = null, D == null || D.dispose(), D = null, we.value = null, J.value = !1;
     }
-    function re(u) {
+    function ie(u) {
       if (u.edit.state !== "allowed") return;
-      Y();
+      W();
       const t = i.session.groupEditor(u.id);
-      L = t, we.value = t.get(), D = t.subscribe((j) => {
+      D = t, we.value = t.get(), z = t.subscribe((j) => {
         we.value = j;
       }), J.value = !0;
     }
@@ -3196,7 +3204,7 @@ const bo = {
         return ((u = we.value) == null ? void 0 : u.status) === "ready" ? we.value.value : null;
       }
     );
-    ke(Y);
+    ke(W);
     const Xe = R(
       () => a.value.inventoryRows.map((u) => ({
         _id: u.key,
@@ -3280,7 +3288,7 @@ const bo = {
                   // Legacy appends the same "Add new" row to this menu
                   // (`ProductTakeaway.vue:108-128`).
                   "append-menu": () => H(O.FmButton, {
-                    variant: Me.Plain,
+                    variant: Ne.Plain,
                     prependIcon: "add",
                     class: "w-full justify-start",
                     label: l("menu.product.form.takeaway.options.add_new"),
@@ -3357,8 +3365,8 @@ const bo = {
       { flush: "pre" }
     ), (u, t) => {
       var xl;
-      const j = N("FmBreadcrumb"), te = N("FmSelect"), oe = N("FmButton"), Ve = N("FmTooltip"), al = N("FmTextarea"), tl = N("FmRadio"), Kl = N("FmSnackbar"), _l = N("FmRadioGroup"), hl = N("FmFormGroup"), kl = N("FmStepperField"), Ql = N("FmIcon"), Ze = N("FmTable"), Ne = N("FmCheckbox"), wl = N("FmSwitch");
-      return r(), S(ie, null, [
+      const j = M("FmBreadcrumb"), te = M("FmSelect"), oe = M("FmButton"), Ve = M("FmTooltip"), al = M("FmTextarea"), tl = M("FmRadio"), Kl = M("FmSnackbar"), _l = M("FmRadioGroup"), hl = M("FmFormGroup"), kl = M("FmStepperField"), Ql = M("FmIcon"), Ze = M("FmTable"), Me = M("FmCheckbox"), wl = M("FmSwitch");
+      return r(), S(re, null, [
         n("div", {
           ref_key: "formRoot",
           ref: x,
@@ -3473,7 +3481,7 @@ const bo = {
                             }, {
                               content: v(() => [
                                 n("div", un, [
-                                  (r(!0), S(ie, null, Fe(a.value.nameTranslationTooltip, (U) => (r(), S("div", {
+                                  (r(!0), S(re, null, Fe(a.value.nameTranslationTooltip, (U) => (r(), S("div", {
                                     key: U.locale
                                   }, I(e(l)("menu.common.translation.tooltip_value", {
                                     value: U.value,
@@ -3532,7 +3540,7 @@ const bo = {
                         }, {
                           content: v(() => [
                             n("div", vn, [
-                              (r(!0), S(ie, null, Fe(a.value.descriptionTranslationTooltip, (U) => (r(), S("div", {
+                              (r(!0), S(re, null, Fe(a.value.descriptionTranslationTooltip, (U) => (r(), S("div", {
                                 key: U.locale
                               }, I(e(l)("menu.common.translation.tooltip_value", {
                                 value: U.value,
@@ -3712,7 +3720,7 @@ const bo = {
                     }, {
                       default: v(() => [
                         n("div", hn, [
-                          (r(), S(ie, null, Fe(["perBill", "perOrderSession"], (U) => n("div", {
+                          (r(), S(re, null, Fe(["perBill", "perOrderSession"], (U) => n("div", {
                             key: U,
                             class: "flex flex-col gap-16 p-16 border-b last:border-b-0 border-fm-color-neutral-gray-100"
                           }, [
@@ -3732,7 +3740,7 @@ const bo = {
                               ])
                             ]),
                             n("div", Fn, [
-                              (r(), S(ie, null, Fe(["min", "max"], (he) => {
+                              (r(), S(re, null, Fe(["min", "max"], (he) => {
                                 var ol;
                                 return s(Lt, {
                                   key: he,
@@ -3921,8 +3929,8 @@ const bo = {
                     default: v(() => [
                       s(Ze, {
                         "column-defs": De.value,
-                        "row-data": M.value,
-                        "page-size": M.value.length,
+                        "row-data": N.value,
+                        "page-size": N.value.length,
                         "hide-footer": ""
                       }, null, 8, ["column-defs", "row-data", "page-size"])
                     ]),
@@ -3935,7 +3943,7 @@ const bo = {
                       var ae, Se;
                       return [
                         n("div", Bn, [
-                          s(Ne, {
+                          s(Me, {
                             disabled: a.value.editOpenPrice.state !== "allowed",
                             label: e(l)("menu.product.form.price.settings.open_price.label"),
                             sublabel: e(l)("menu.product.form.price.settings.open_price.sublabel"),
@@ -3944,7 +3952,7 @@ const bo = {
                             "onUpdate:modelValue": t[29] || (t[29] = (U) => c.value.setOpenPrice(!!U))
                           }, null, 8, ["disabled", "label", "sublabel", "model-value"]),
                           n("div", On, [
-                            s(Ne, {
+                            s(Me, {
                               disabled: a.value.editUnitSale.state !== "allowed",
                               label: e(l)("menu.product.form.price.settings.sell_by_unit.label"),
                               sublabel: e(l)("menu.product.form.price.settings.sell_by_unit.sublabel"),
@@ -4005,14 +4013,14 @@ const bo = {
                               ])
                             ])) : y("", !0)
                           ]),
-                          a.value.editCosting.state === "allowed" ? (r(), S("div", Nn, [
-                            s(Ne, {
+                          a.value.editCosting.state === "allowed" ? (r(), S("div", Mn, [
+                            s(Me, {
                               label: e(l)("menu.product.form.price.settings.track_costing.label"),
                               "model-value": a.value.costingAmount !== null,
                               value: "",
                               "onUpdate:modelValue": t[33] || (t[33] = (U) => c.value.setCostingAmount(U ? 0 : null))
                             }, null, 8, ["label", "model-value"]),
-                            a.value.costingAmount !== null ? (r(), S("div", Mn, [
+                            a.value.costingAmount !== null ? (r(), S("div", Nn, [
                               n("div", En, [
                                 s(Ke, Ce({
                                   class: "w-full",
@@ -4029,7 +4037,7 @@ const bo = {
                             ])) : y("", !0)
                           ])) : y("", !0),
                           a.value.editMinimumPrice.state !== "hidden" ? (r(), S("div", qn, [
-                            s(Ne, {
+                            s(Me, {
                               label: e(l)("menu.product.form.price.settings.min_price.label"),
                               disabled: a.value.editMinimumPrice.state !== "allowed",
                               "model-value": a.value.minimumPriceAmount !== null,
@@ -4063,11 +4071,11 @@ const bo = {
                   }, {
                     default: v(() => [
                       n("div", Kn, [
-                        (r(!0), S(ie, null, Fe(a.value.statutoryCharges, (ae) => (r(), S("div", {
+                        (r(!0), S(re, null, Fe(a.value.statutoryCharges, (ae) => (r(), S("div", {
                           key: ae.code,
                           class: "space-y-8"
                         }, [
-                          s(Ne, {
+                          s(Me, {
                             label: ae.name,
                             sublabel: e(l)("menu.product.form.price.statutory_charges.unit_amount", {
                               amount: ve(ae)
@@ -4193,7 +4201,7 @@ const bo = {
                                   }, ["stop"]))
                                 }, null, 8, ["disabled", "aria-label"])) : y("", !0)
                               ]),
-                              s(Ne, {
+                              s(Me, {
                                 class: "flex-1",
                                 label: me.label,
                                 "model-value": [...((Se = a.value.print) == null ? void 0 : Se.departmentIds) ?? []],
@@ -4404,7 +4412,7 @@ const bo = {
             }, {
               default: v(() => [
                 u.presentation !== "tree" || a.value.editTakeawayPos.state === "allowed" || a.value.editTakeawayApp.state === "allowed" ? (r(), S("div", cs, [
-                  a.value.editTakeawayPos.state === "allowed" ? (r(), T(Ne, {
+                  a.value.editTakeawayPos.state === "allowed" ? (r(), T(Me, {
                     key: 0,
                     label: e(l)("menu.product.form.takeaway.takeawayConfig.pos.label"),
                     sublabel: e(l)("menu.product.form.takeaway.takeawayConfig.pos.sublabel"),
@@ -4412,7 +4420,7 @@ const bo = {
                     value: "",
                     "onUpdate:modelValue": t[51] || (t[51] = (K) => c.value.setTakeawayConfig({ pos: !!K }))
                   }, null, 8, ["label", "sublabel", "model-value"])) : y("", !0),
-                  a.value.editTakeawayApp.state === "allowed" ? (r(), T(Ne, {
+                  a.value.editTakeawayApp.state === "allowed" ? (r(), T(Me, {
                     key: 1,
                     label: e(l)("menu.product.form.takeaway.takeawayConfig.app.label"),
                     sublabel: e(l)("menu.product.form.takeaway.takeawayConfig.app.sublabel"),
@@ -4504,11 +4512,11 @@ const bo = {
             key: 1,
             "model-value": J.value,
             view: _e.value,
-            session: e(L),
+            session: e(D),
             "order-from-options": a.value.orderFromOptions,
             presentation: u.presentation,
             "create-price-group": w,
-            "onUpdate:modelValue": t[56] || (t[56] = (K) => K || Y())
+            "onUpdate:modelValue": t[56] || (t[56] = (K) => K || W())
           }, null, 8, ["model-value", "view", "session", "order-from-options", "presentation"])) : y("", !0),
           ze.value ? (r(), T(Rl, {
             key: 2,
@@ -4535,8 +4543,8 @@ const bo = {
     label: {},
     validation: {}
   },
-  setup(W) {
-    const V = W, { t: i } = be(), x = Pe(), { run: o } = Ue(), d = Le(V.session), w = R(
+  setup(Y) {
+    const V = Y, { t: i } = be(), x = Pe(), { run: o } = Ue(), d = Le(V.session), w = R(
       () => d.value.status === "ready" ? d.value.value : null
     ), C = R(
       () => w.value ? V.validation.issue(w.value.fieldIssues, "name") ?? w.value.nameIssue : null
@@ -4552,7 +4560,7 @@ const bo = {
       var g;
       $ == null || $(), $ = null, p && ((g = P.value) == null || g.dispose()), P.value = null, m.value = null, l.value = !1;
     }
-    function z() {
+    function L() {
       var g;
       if (((g = w.value) == null ? void 0 : g.translation.state) !== "allowed") return;
       F(!0);
@@ -4585,8 +4593,8 @@ const bo = {
       F(!0), V.session.dispose();
     }), (p, g) => {
       var k;
-      const f = N("FmButton");
-      return r(), S(ie, null, [
+      const f = M("FmButton");
+      return r(), S(re, null, [
         s(ge, Ce(
           {
             "model-value": ((k = w.value) == null ? void 0 : k.name) ?? "",
@@ -4608,7 +4616,7 @@ const bo = {
                 class: "!p-0",
                 icon: "g_translate",
                 variant: "tertiary",
-                onClick: z
+                onClick: L
               }, null, 8, ["aria-label", "disabled"])
             ];
           }),
@@ -4647,8 +4655,8 @@ const bo = {
     label: {},
     validation: {}
   },
-  setup(W) {
-    const V = W, { t: i } = be(), x = Pe(), o = Le(V.session), d = R(
+  setup(Y) {
+    const V = Y, { t: i } = be(), x = Pe(), o = Le(V.session), d = R(
       () => o.value.status === "ready" ? o.value.value : null
     ), w = R(
       () => d.value ? V.validation.issue(d.value.fieldIssues, "name") ?? d.value.nameIssue : null
@@ -4665,9 +4673,9 @@ const bo = {
     }
     return ke(() => V.session.dispose()), ($, _) => {
       var E;
-      const F = N("FmButton"), z = N("FmTextField");
-      return r(), S(ie, null, [
-        s(z, Ce(
+      const F = M("FmButton"), L = M("FmTextField");
+      return r(), S(re, null, [
+        s(L, Ce(
           {
             autofocus: "",
             "error-messages": w.value ? [e(x)(w.value)] : [],
@@ -4718,8 +4726,8 @@ const bo = {
     initialProductIds: {}
   },
   emits: ["close", "created"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), { run: d } = Ue(), w = i.sdk.orderPacing.editor(), C = ll(() => w);
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = i.sdk.orderPacing.editor(), C = ll(() => w);
     w.setLinkedProducts(i.initialProductIds);
     const P = Le(w), m = R(
       () => P.value.status === "ready" ? P.value.value : null
@@ -4781,16 +4789,16 @@ const bo = {
           onClick: () => w.unlinkProduct(f.row.original.productId)
         })
       }
-    ]), F = X(!1), z = X(!1);
+    ]), F = X(!1), L = X(!1);
     function E() {
       var f;
-      ((f = m.value) == null ? void 0 : f.translation.state) === "allowed" && (w.beginTranslationEdit(), z.value = !0);
+      ((f = m.value) == null ? void 0 : f.translation.state) === "allowed" && (w.beginTranslationEdit(), L.value = !0);
     }
     function G() {
-      w.saveTranslationEdit(), z.value = !1;
+      w.saveTranslationEdit(), L.value = !1;
     }
     function A() {
-      w.discardTranslationEdit(), z.value = !1;
+      w.discardTranslationEdit(), L.value = !1;
     }
     ke(() => w.dispose());
     async function p() {
@@ -4808,8 +4816,8 @@ const bo = {
     }
     return (f, k) => {
       var a;
-      const B = N("FmButton"), Q = N("FmTable"), ee = N("FmSideSheet");
-      return r(), S(ie, null, [
+      const B = M("FmButton"), Q = M("FmTable"), ee = M("FmSideSheet");
+      return r(), S(re, null, [
         s(ee, {
           "model-value": !0,
           "is-container": e(O).FmForm,
@@ -4897,8 +4905,8 @@ const bo = {
         }, 8, ["is-container", "is-container-props"]),
         m.value ? (r(), T(il, {
           key: 0,
-          modelValue: z.value,
-          "onUpdate:modelValue": k[3] || (k[3] = (c) => z.value = c),
+          modelValue: L.value,
+          "onUpdate:modelValue": k[3] || (k[3] = (c) => L.value = c),
           dirty: m.value.translationDirty,
           name: m.value.name,
           "name-locale": m.value.nameLocale,
@@ -4926,29 +4934,29 @@ const bo = {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.printDepartment.editor(), P = Le(C), m = R(
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.printDepartment.editor(), P = Le(C), m = R(
       () => P.value.status === "ready" ? P.value.value : null
     ), l = ll(() => C), $ = R(
       () => m.value ? l.issue(m.value.fieldIssues, "name") : null
     );
     ke(() => C.dispose());
     const _ = R(() => {
-      const z = $.value;
-      return z ? z.code !== $s ? d(z) : o("menu.print_dept.validation.name_required") : "";
+      const L = $.value;
+      return L ? L.code !== $s ? d(L) : o("menu.print_dept.validation.name_required") : "";
     });
     async function F() {
       var G;
-      const z = ((G = m.value) == null ? void 0 : G.name) ?? "";
+      const L = ((G = m.value) == null ? void 0 : G.name) ?? "";
       (await w(() => l.submit(() => C.submit()), {
         showLoading: () => {
           var A;
           return ((A = m.value) == null ? void 0 : A.status) === "submitting";
         }
-      })).kind === "success" && (x("created", z), x("close"));
+      })).kind === "success" && (x("created", L), x("close"));
     }
-    return (z, E) => {
-      const G = N("FmButton"), A = N("FmSideSheet");
+    return (L, E) => {
+      const G = M("FmButton"), A = M("FmSideSheet");
       return r(), T(A, {
         "model-value": !0,
         "is-container": e(O).FmForm,
@@ -5004,8 +5012,8 @@ const bo = {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.takeaway.editor(), P = Le(C), m = R(
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.takeaway.editor(), P = Le(C), m = R(
       () => P.value.status === "ready" ? P.value.value : null
     ), l = ll(() => C), $ = R(
       () => m.value ? l.issue(m.value.fieldIssues, "name") : null
@@ -5016,7 +5024,7 @@ const bo = {
       var A;
       ((A = m.value) == null ? void 0 : A.translation.state) === "allowed" && (C.beginTranslationEdit(), _.value = !0);
     }
-    function z() {
+    function L() {
       C.saveTranslationEdit(), _.value = !1;
     }
     function E() {
@@ -5033,8 +5041,8 @@ const bo = {
       })).kind === "success" && (x("created", A), x("close"));
     }
     return (A, p) => {
-      const g = N("FmButton"), f = N("FmSideSheet");
-      return r(), S(ie, null, [
+      const g = M("FmButton"), f = M("FmSideSheet");
+      return r(), S(re, null, [
         s(f, {
           "model-value": !0,
           "is-container": e(O).FmForm,
@@ -5128,7 +5136,7 @@ const bo = {
             entity: e(o)("menu.takeaway.title")
           }),
           onDiscard: E,
-          onSave: z,
+          onSave: L,
           "onUpdate:name": e(C).setName,
           "onUpdate:nameLocale": e(C).setNameLocale
         }, null, 8, ["modelValue", "dirty", "name", "name-locale", "supported-locales", "title", "name-section-label", "onUpdate:name", "onUpdate:nameLocale"])) : y("", !0)
@@ -5151,15 +5159,15 @@ const bo = {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(W, { emit: V }) {
-    const i = W, x = V, { t: o } = be(), d = Qe(), w = Pe(), { run: C } = Ue(), P = i.sdk.variant.editor(), m = Le(P), l = R(
+  setup(Y, { emit: V }) {
+    const i = Y, x = V, { t: o } = be(), d = Qe(), w = Pe(), { run: C } = Ue(), P = i.sdk.variant.editor(), m = Le(P), l = R(
       () => m.value.status === "ready" ? m.value.value : null
     ), $ = ll(() => P), _ = R(
       () => l.value ? $.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
     ), F = R(
       () => l.value ? $.issue(l.value.fieldIssues, "options") ?? l.value.optionsIssue : null
     );
-    function z(ee) {
+    function L(ee) {
       const { ref: a, ...c } = $.field(
         "options",
         (ne) => P.setOptionName(ee, ne)
@@ -5227,8 +5235,8 @@ const bo = {
     return ke(() => {
       g(), P.dispose();
     }), (ee, a) => {
-      const c = N("FmButton"), ne = N("FmSideSheet");
-      return r(), S(ie, null, [
+      const c = M("FmButton"), ne = M("FmSideSheet");
+      return r(), S(re, null, [
         s(ne, {
           "model-value": !0,
           "max-width": 560,
@@ -5319,7 +5327,7 @@ const bo = {
                                   }),
                                   class: "flex-1",
                                   ref: (ve) => G(le, ve)
-                                }, z(le)), cl({ _: 2 }, [
+                                }, L(le)), cl({ _: 2 }, [
                                   le !== l.value.options.length - 1 ? {
                                     name: "append",
                                     fn: v(() => [
@@ -5394,11 +5402,11 @@ const bo = {
     presentation: {}
   },
   emits: ["created"],
-  setup(W, { expose: V, emit: i }) {
-    const x = W, o = i, d = (A, p) => o("created", { kind: A, name: p }), { t: w } = be(), C = Qe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = X(!1), _ = X(!1), F = X(!1), z = X(!1), E = X(!1);
+  setup(Y, { expose: V, emit: i }) {
+    const x = Y, o = i, d = (A, p) => o("created", { kind: A, name: p }), { t: w } = be(), C = Qe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = X(!1), _ = X(!1), F = X(!1), L = X(!1), E = X(!1);
     function G(A) {
       if (A === "printRoute") {
-        z.value = !0;
+        L.value = !0;
         return;
       }
       if (A === "takeaway") {
@@ -5486,7 +5494,7 @@ const bo = {
         });
       }
     }
-    return V({ open: G }), (A, p) => (r(), S(ie, null, [
+    return V({ open: G }), (A, p) => (r(), S(re, null, [
       $.value ? (r(), T(ra, {
         key: 0,
         presentation: A.presentation,
@@ -5507,10 +5515,10 @@ const bo = {
         onClose: p[4] || (p[4] = (g) => F.value = !1),
         onCreated: p[5] || (p[5] = (g) => d("pacing", g))
       }, null, 8, ["initial-product-ids", "sdk"])) : y("", !0),
-      z.value ? (r(), T(Ss, {
+      L.value ? (r(), T(Ss, {
         key: 3,
         sdk: A.sdk,
-        onClose: p[6] || (p[6] = (g) => z.value = !1),
+        onClose: p[6] || (p[6] = (g) => L.value = !1),
         onCreated: p[7] || (p[7] = (g) => d("printRoute", g))
       }, null, 8, ["sdk"])) : y("", !0),
       E.value ? (r(), T(Us, {