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

package/dist/{ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-BoQ9mVPY.js → ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-0UwUcA2L.js}

@@ -1,24 +1,54 @@
-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 { ref as W, computed as R, nextTick as Je, defineComponent as ce, openBlock as r, createBlock as T, unref as e, withCtx as p, createElementVNode as n, renderSlot as We, resolveComponent as M, toDisplayString as I, createElementBlock as S, createCommentVNode as y, createVNode as s, toRaw as el, 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, 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 B, useDialog as Qe, useSnackbar as Zl, FmButtonVariant as Ne, FmButtonColorThemeVariant as Vl } from "@feedmepos/ui-library";
+import { b as Jl } from "./app-BWwwHsWi.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 { d as ea, _ as qe, a as la } from "./vuedraggable-CBtQLb_S.js";
+import { b as Pe, u as Le, A as aa } from "./provide-CDmXzkhz.js";
+import { u as Ue } from "./useActionFeedback-Dm2HDa_2.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-cG47Pu-6.js";
+import { _ as Ke, a as nl, F as sa, b as zl, c as ia, d as ra } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-D8NQTCLx.js";
+import { a as Dl, A as Il, _ as ua } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CnI80Ojd.js";
+import { _ as Rl } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-Bzb3RrMg.js";
+import { _ as da } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-DquqNbE1.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-HwwJ2mGv.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-CDYcHXo1.js";
+function Ml(Y, V) {
+  const i = W(""), x = R(() => i.value.trim().toLowerCase()), o = R(
+    () => x.value ? Y().filter(
+      (C) => V(C).toLowerCase().includes(x.value)
+    ) : Y()
+  ), d = R(
+    () => x.value !== "" && o.value.length === 0
+  );
+  function w() {
+    i.value = "";
+  }
+  return { search: i, filtered: o, noMatches: d, reset: w };
+}
+function Nl() {
+  const Y = W(), V = W();
+  let i = !1;
+  async function x(d) {
+    var P;
+    if (i = d, V.value = void 0, !d) return;
+    await Je(), await new Promise(requestAnimationFrame);
+    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);
+  }
+  const o = R(
+    () => V.value ? { minHeight: `${V.value}px` } : void 0
+  );
+  return { content: Y, contentStyle: o, onMenuChanged: x };
+}
 const ml = /* @__PURE__ */ ce({
   __name: "FlatInlineSort",
   props: {
@@ -27,8 +57,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",
@@ -46,7 +76,7 @@ const ml = /* @__PURE__ */ ce({
       class: "space-y-16",
       "onUpdate:modelValue": o
     }, {
-      item: v(({ element: P, index: m }) => [
+      item: p(({ element: P, index: m }) => [
         n("div", null, [
           We(w.$slots, "item", {
             element: P,
@@ -72,20 +102,20 @@ 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,
         title: i.title,
         "sub-title": i.subtitle
       }, {
-        "append-title": v(() => [
+        "append-title": p(() => [
           We(o.$slots, "append-title")
         ]),
-        default: v(() => [
+        default: p(() => [
           We(o.$slots, "default")
         ]),
         _: 3
@@ -94,7 +124,7 @@ const ml = /* @__PURE__ */ ce({
         class: "p-16 space-y-24",
         variant: "outlined"
       }, {
-        default: v(() => [
+        default: p(() => [
           n("div", va, [
             n("div", ba, [
               n("p", fa, I(i.overrideTitle ?? i.title), 1),
@@ -106,7 +136,7 @@ const ml = /* @__PURE__ */ ce({
               value: "",
               "onUpdate:modelValue": d[0] || (d[0] = (P) => x("update:enabled", P))
             }, {
-              label: v(() => [
+              label: p(() => [
                 n("span", ya, I(i.toggleLabel ?? i.title), 1)
               ]),
               _: 1
@@ -119,10 +149,10 @@ const ml = /* @__PURE__ */ ce({
               title: i.title,
               "sub-title": i.subtitle
             }, {
-              "append-title": v(() => [
+              "append-title": p(() => [
                 We(o.$slots, "append-title")
               ]),
-              default: v(() => [
+              default: p(() => [
                 We(o.$slots, "default")
               ]),
               _: 3
@@ -143,8 +173,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 = W(""), C = W(""), P = W(!0);
     function m() {
       P.value = !1, x("close");
     }
@@ -165,39 +195,39 @@ const ml = /* @__PURE__ */ ce({
       }
       x("confirm", _);
     }
-    return (_, F) => (r(), T(e(O).FmDialog, {
+    return (_, F) => (r(), T(e(B).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
     }, {
-      "dialog-header": v(() => [
+      "dialog-header": p(() => [
         n("p", ha, I(e(o)("menu.product_image.custom.title")), 1)
       ]),
-      "dialog-footer": v(() => [
+      "dialog-footer": p(() => [
         n("div", Va, [
-          s(e(O).FmButton, {
+          s(e(B).FmButton, {
             label: e(o)("menu.common.actions.cancel"),
             variant: "tertiary",
             onClick: m
           }, null, 8, ["label"]),
-          s(e(O).FmButton, {
+          s(e(B).FmButton, {
             label: e(o)("menu.common.actions.confirm"),
             variant: "primary",
             onClick: $
           }, null, 8, ["label"])
         ])
       ]),
-      default: v(() => [
+      default: p(() => [
         n("div", ka, [
           n("p", wa, I(e(o)("menu.product_image.custom.hint")), 1),
           n("div", xa, [
             n("div", Ca, [
-              s(e(O).FmTextField, {
+              s(e(B).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"
@@ -205,9 +235,9 @@ const ml = /* @__PURE__ */ ce({
             ]),
             n("p", Fa, I(e(o)("menu.product_image.custom.separator")), 1),
             n("div", $a, [
-              s(e(O).FmTextField, {
+              s(e(B).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 +260,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 = W(""), w = W(!1), C = W(!0);
     function P() {
       C.value = !1, x("close");
     }
@@ -241,7 +271,7 @@ const ml = /* @__PURE__ */ ce({
         fromOriginal: w.value
       }), C.value = !1;
     }
-    return (l, $) => (r(), T(e(O).FmDialog, {
+    return (l, $) => (r(), T(e(B).FmDialog, {
       modelValue: C.value,
       "onUpdate:modelValue": [
         $[3] || ($[3] = (_) => C.value = _),
@@ -249,34 +279,34 @@ const ml = /* @__PURE__ */ ce({
       ],
       "max-width": 560
     }, {
-      "dialog-header": v(() => [
+      "dialog-header": p(() => [
         n("p", Ua, I(e(o)("menu.product_image.regenerate.title")), 1)
       ]),
-      "dialog-footer": v(() => [
+      "dialog-footer": p(() => [
         n("div", Ba, [
-          s(e(O).FmButton, {
+          s(e(B).FmButton, {
             label: e(o)("menu.common.actions.cancel"),
             variant: "tertiary",
             onClick: P
           }, null, 8, ["label"]),
-          s(e(O).FmButton, {
+          s(e(B).FmButton, {
             label: e(o)("menu.product_image.regenerate.action"),
             variant: "primary",
             onClick: m
           }, null, 8, ["label"])
         ])
       ]),
-      default: v(() => [
+      default: p(() => [
         n("div", Ia, [
           n("p", Ta, I(e(o)("menu.product_image.regenerate.hint", { ratio: i.ratioLabel })), 1),
           i.canRegenerateFromOriginal ? (r(), S("div", Aa, [
-            s(e(O).FmRadio, {
+            s(e(B).FmRadio, {
               modelValue: w.value,
               "onUpdate:modelValue": $[0] || ($[0] = (_) => w.value = _),
               label: e(o)("menu.product_image.regenerate.base_current"),
               value: !1
             }, null, 8, ["modelValue", "label"]),
-            s(e(O).FmRadio, {
+            s(e(B).FmRadio, {
               modelValue: w.value,
               "onUpdate:modelValue": $[1] || ($[1] = (_) => w.value = _),
               label: e(o)("menu.product_image.regenerate.base_original"),
@@ -284,7 +314,7 @@ const ml = /* @__PURE__ */ ce({
               value: !0
             }, null, 8, ["modelValue", "label", "sublabel"])
           ])) : y("", !0),
-          s(e(O).FmTextarea, {
+          s(e(B).FmTextarea, {
             modelValue: d.value,
             "onUpdate:modelValue": $[2] || ($[2] = (_) => d.value = _),
             label: e(o)("menu.product_image.regenerate.instruction"),
@@ -296,13 +326,13 @@ const ml = /* @__PURE__ */ ce({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), La = { class: "fm-typo-en-title-md-600 mr-auto" }, Da = {
+}), La = { class: "fm-typo-en-title-md-600 mr-auto" }, za = {
   key: 0,
   class: "space-y-32 p-24 text-fm-color-typo-primary"
-}, za = {
+}, Da = {
   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,20 +349,20 @@ 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 = W(null), m = W("");
     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 $ = el(i.target), _ = el(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) ?? [];
-    }), A = R(() => G.value.map((q) => q.id)), p = X(!0), g = X(!1), f = X(null), k = X(null);
-    function B(q) {
+    }), A = R(() => G.value.map((q) => q.id)), v = W(!0), g = W(!1), f = W(null), k = W(null);
+    function O(q) {
       return q.status === "pending" ? o("menu.product_image.status.pending") : q.status === "failed" ? o("menu.product_image.status.failed") : "";
     }
     function Q(q) {
@@ -342,7 +372,7 @@ const ml = /* @__PURE__ */ ce({
       g.value = !1, await d(() => F.addFormats([q]), { showLoading: !1 });
     }
     function a() {
-      p.value = !1, x("close");
+      v.value = !1, x("close");
     }
     function c() {
       F.update(), a();
@@ -377,11 +407,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,11 +425,11 @@ 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);
+    const se = W(null);
     function de(q) {
       if (!q.removeNeedsConfirmation) {
         fe(q);
@@ -430,29 +460,29 @@ const ml = /* @__PURE__ */ ce({
     async function fe(q) {
       await d(() => F.removeRatio(q.id), { showLoading: !1 });
     }
-    return (q, Z) => (r(), S(ie, null, [
-      s(e(O).FmSideSheet, {
+    return (q, Z) => (r(), S(re, null, [
+      s(e(B).FmSideSheet, {
         id: "manage-product-image",
-        modelValue: p.value,
+        modelValue: v.value,
         "onUpdate:modelValue": [
-          Z[2] || (Z[2] = (M) => p.value = M),
-          Z[3] || (Z[3] = (M) => !M && x("close"))
+          Z[2] || (Z[2] = (N) => v.value = N),
+          Z[3] || (Z[3] = (N) => !N && x("close"))
         ],
         "close-button": "",
         "max-width": 860
       }, {
-        "side-sheet-header": v(() => [
+        "side-sheet-header": p(() => [
           n("p", La, I(e(o)("menu.product_image.manage.title")), 1)
         ]),
-        "side-sheet-footer": v(() => [
+        "side-sheet-footer": p(() => [
           n("div", mt, [
-            s(e(O).FmButton, {
+            s(e(B).FmButton, {
               label: e(o)("menu.common.actions.update"),
               size: "lg",
               variant: "primary",
               onClick: c
             }, null, 8, ["label"]),
-            s(e(O).FmButton, {
+            s(e(B).FmButton, {
               label: e(o)("menu.common.actions.cancel"),
               size: "lg",
               variant: "tertiary",
@@ -460,14 +490,14 @@ const ml = /* @__PURE__ */ ce({
             }, null, 8, ["label"])
           ])
         ]),
-        default: v(() => [
-          E.value ? (r(), S("div", Da, [
-            E.value.addFormat.state !== "allowed" ? (r(), S("section", za, [
-              s(e(O).FmCard, {
+        default: p(() => [
+          E.value ? (r(), S("div", za, [
+            E.value.addFormat.state !== "allowed" ? (r(), S("section", Da, [
+              s(e(B).FmCard, {
                 class: "!h-80 !w-80 rounded-md",
                 variant: "outlined"
               }, {
-                default: v(() => [
+                default: p(() => [
                   n("img", {
                     alt: e(o)("menu.product_image.manage.original"),
                     class: "h-full w-full object-cover",
@@ -476,21 +506,21 @@ 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),
                   n("p", ja, I(e(o)("menu.product_image.manage.aspect_ratio_hint")), 1)
                 ]),
-                s(e(O).FmButton, {
+                s(e(B).FmButton, {
                   disabled: E.value.addFormat.state !== "allowed",
                   label: e(o)("menu.product_image.manage.add_format"),
                   "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, [
@@ -499,122 +529,162 @@ const ml = /* @__PURE__ */ ce({
                   role: "group",
                   "aria-label": e(o)("menu.product_image.manage.original")
                 }, [
-                  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",
-                    variant: "plain",
-                    onClick: Z[1] || (Z[1] = (M) => l(
-                      E.value.originalUrl,
-                      e(o)("menu.product_image.manage.original")
-                    ))
+                  s(e(B).FmTooltip, {
+                    class: "shrink-0",
+                    content: e(o)("menu.product_image.preview.title"),
+                    placement: "top",
+                    "z-index": 999
                   }, {
-                    default: v(() => [
-                      s(e(O).FmCard, {
-                        class: "!h-80 !w-80 rounded-md",
-                        variant: "outlined"
+                    default: p(() => [
+                      s(e(B).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",
+                        variant: "plain",
+                        onClick: Z[1] || (Z[1] = (N) => l(
+                          E.value.originalUrl,
+                          e(o)("menu.product_image.manage.original")
+                        ))
                       }, {
-                        default: v(() => [
-                          n("img", {
-                            alt: e(o)("menu.product_image.manage.original"),
-                            class: "h-full w-full object-cover",
-                            src: E.value.originalUrl
-                          }, null, 8, Ha)
+                        default: p(() => [
+                          s(e(B).FmCard, {
+                            class: "!h-80 !w-80 rounded-md",
+                            variant: "outlined"
+                          }, {
+                            default: p(() => [
+                              n("img", {
+                                alt: e(o)("menu.product_image.manage.original"),
+                                class: "h-full w-full object-cover",
+                                src: E.value.originalUrl
+                              }, null, 8, Ha)
+                            ]),
+                            _: 1
+                          })
                         ]),
                         _: 1
-                      })
+                      }, 8, ["aria-label", "label"])
                     ]),
                     _: 1
-                  }, 8, ["aria-label", "label"]),
+                  }, 8, ["content"]),
                   n("div", null, [
                     n("p", Xa, I(e(o)("menu.product_image.manage.original")), 1),
                     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,
-                    variant: "plain",
-                    onClick: (Ie) => l(M.previewUrl, M.label)
+                  s(e(B).FmTooltip, {
+                    class: "shrink-0",
+                    content: e(o)("menu.product_image.preview.title"),
+                    placement: "top",
+                    "z-index": 999
                   }, {
-                    default: v(() => [
-                      s(e(O).FmCard, {
-                        class: "flex !h-80 !w-80 items-center justify-center rounded-md",
-                        variant: "outlined"
+                    default: p(() => [
+                      s(e(B).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: !N.previewUrl,
+                        variant: "plain",
+                        onClick: (Ie) => l(N.previewUrl, N.label)
                       }, {
-                        default: v(() => [
-                          M.previewUrl ? (r(), S("img", {
-                            key: 0,
-                            alt: M.label,
-                            class: "h-full w-full object-cover",
-                            src: M.previewUrl
-                          }, null, 8, Za)) : (r(), T(e(O).FmIcon, {
-                            key: 1,
-                            color: "neutral-gray-300",
-                            name: "image",
-                            outline: ""
-                          }))
+                        default: p(() => [
+                          s(e(B).FmCard, {
+                            class: "flex !h-80 !w-80 items-center justify-center rounded-md",
+                            variant: "outlined"
+                          }, {
+                            default: p(() => [
+                              N.previewUrl ? (r(), S("img", {
+                                key: 0,
+                                alt: N.label,
+                                class: "h-full w-full object-cover",
+                                src: N.previewUrl
+                              }, null, 8, Za)) : (r(), T(e(B).FmIcon, {
+                                key: 1,
+                                color: "neutral-gray-300",
+                                name: "image",
+                                outline: ""
+                              }))
+                            ]),
+                            _: 2
+                          }, 1024)
                         ]),
                         _: 2
-                      }, 1024)
+                      }, 1032, ["aria-label", "label", "disabled", "onClick"])
                     ]),
                     _: 2
-                  }, 1032, ["aria-label", "label", "disabled", "onClick"]),
+                  }, 1032, ["content"]),
                   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(B).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, {
+                      O(N) ? (r(), T(e(B).FmChip, {
                         key: 1,
-                        color: M.status === "pending" ? "warning" : "negative",
-                        label: B(M),
+                        color: N.status === "pending" ? "warning" : "negative",
+                        label: O(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
-                      }),
-                      disabled: M.replace.state !== "allowed",
-                      icon: "image",
-                      variant: "tertiary",
-                      onClick: (Ie) => k.value = M
-                    }, null, 8, ["aria-label", "disabled", "onClick"]),
-                    s(e(O).FmButton, {
-                      "aria-label": e(o)("menu.product_image.regenerate.action_for", {
-                        ratio: M.label
-                      }),
-                      disabled: M.regenerate.state !== "allowed",
-                      icon: "autorenew",
-                      variant: "tertiary",
-                      onClick: (Ie) => pe(M)
-                    }, null, 8, ["aria-label", "disabled", "onClick"]),
-                    M.canRemove ? (r(), T(e(O).FmButton, {
+                    s(e(B).FmTooltip, {
+                      content: e(o)("menu.product_image.replace.action"),
+                      placement: "top",
+                      "z-index": 999
+                    }, {
+                      default: p(() => [
+                        s(e(B).FmButton, {
+                          "aria-label": e(o)("menu.product_image.replace.action_for", {
+                            ratio: N.label
+                          }),
+                          disabled: N.replace.state !== "allowed",
+                          class: "w-full",
+                          icon: "image",
+                          variant: "tertiary",
+                          onClick: (Ie) => k.value = N
+                        }, null, 8, ["aria-label", "disabled", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["content"]),
+                    s(e(B).FmTooltip, {
+                      content: e(o)("menu.product_image.regenerate.action"),
+                      placement: "top",
+                      "z-index": 999
+                    }, {
+                      default: p(() => [
+                        s(e(B).FmButton, {
+                          "aria-label": e(o)("menu.product_image.regenerate.action_for", {
+                            ratio: N.label
+                          }),
+                          disabled: N.regenerate.state !== "allowed",
+                          class: "w-full",
+                          icon: "autorenew",
+                          variant: "tertiary",
+                          onClick: (Ie) => pe(N)
+                        }, null, 8, ["aria-label", "disabled", "onClick"])
+                      ]),
+                      _: 2
+                    }, 1032, ["content"]),
+                    N.canRemove ? (r(), T(e(B).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))
@@ -623,13 +693,13 @@ const ml = /* @__PURE__ */ ce({
             n("section", nt, [
               n("p", st, I(e(o)("menu.product_image.manage.cover_photo")), 1),
               n("div", it, [
-                s(e(O).FmSwitch, {
+                s(e(B).FmSwitch, {
                   "aria-label": e(o)("menu.product_image.manage.set_as_cover"),
                   disabled: E.value.isCover && !E.value.canClearCover,
                   "model-value": E.value.isCover,
                   "onUpdate:modelValue": Q
                 }, {
-                  label: v(() => [
+                  label: p(() => [
                     n("span", rt, I(e(o)("menu.product_image.manage.set_as_cover")), 1)
                   ]),
                   _: 1
@@ -644,15 +714,15 @@ const ml = /* @__PURE__ */ ce({
         ]),
         _: 1
       }, 8, ["modelValue"]),
-      s(e(O).FmDialog, {
+      s(e(B).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(() => [
+        "dialog-header": p(() => [
           n("p", ct, I(m.value), 1)
         ]),
-        default: v(() => [
+        default: p(() => [
           n("div", pt, [
             P.value ? (r(), S("img", {
               key: 0,
@@ -668,7 +738,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 +746,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 +764,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(() => el(V.target)), l = ye({
       status: "loading"
     });
     let $ = null, _ = null;
-    function F(L) {
-      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(L), _ = $.subscribe((D) => {
+    function F(z) {
+      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(z), _ = $.subscribe((D) => {
         l.value = D;
       });
     }
     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 z;
+        return ((z = L.value) == null ? void 0 : z.tiles) ?? [];
       }
-    ), G = aa.join(","), A = X(null), p = X(!1), g = X([]), f = X(0), k = X([]), B = X(null);
+    ), G = aa.join(","), A = W(null), v = W(!1), g = W([]), f = W(0), k = W([]), O = W(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, (z, D) => {
+      z !== D && (O.value = null, ee(), N(), F(z));
     });
     const a = R(
       () => g.value[f.value] ?? null
     ), c = R(() => {
-      var L;
-      return ((L = z.value) == null ? void 0 : L.addImage.state) !== "allowed";
+      var z;
+      return ((z = L.value) == null ? void 0 : z.addImage.state) !== "allowed";
     });
     function ne() {
-      var L;
-      (L = A.value) == null || L.click();
+      var z;
+      (z = A.value) == null || z.click();
     }
-    function pe(L) {
-      const D = L.target;
+    function pe(z) {
+      const D = z.target;
       ve(Array.from(D.files ?? [])), D.value = "";
     }
-    function le(L) {
+    function le(z) {
       var D;
-      p.value = !1, !c.value && ve(Array.from(((D = L.dataTransfer) == null ? void 0 : D.files) ?? []));
+      v.value = !1, !c.value && ve(Array.from(((D = z.dataTransfer) == null ? void 0 : D.files) ?? []));
     }
-    function ve(L) {
-      if (c.value || L.length === 0) return;
+    function ve(z) {
+      if (c.value || z.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] }), {
+      for (const X of z) {
+        const ie = V.sdk.productImage.screenFile(X.type);
+        if (ie) {
+          o(async () => ({ kind: "rejected", issues: [ie] }), {
             showLoading: !1
           });
           continue;
         }
-        D.push(Y);
+        D.push(X);
       }
       D.length !== 0 && (g.value = D, f.value = 0, k.value = [], Q = m.value);
     }
-    function b(L) {
+    function b(z) {
       const D = V.sdk.productImage.screenDecoded(
-        L ? { width: L.width, height: L.height } : null
+        z ? { width: z.width, height: z.height } : null
       );
-      if (D || !L) {
+      if (D || !z) {
         D && o(async () => ({ kind: "rejected", issues: [D] }), {
           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: z.blob.type,
+        fileName: z.fileName,
+        width: z.width,
+        height: z.height,
+        byteLength: z.blob.size,
+        bytes: z.blob
       }), se();
     }
     function h() {
@@ -782,68 +852,76 @@ const ml = /* @__PURE__ */ ce({
         f.value += 1;
         return;
       }
-      const L = k.value, D = Q;
-      ee(), L.length > 0 && D && de(D, L);
+      const z = k.value, D = Q;
+      ee(), z.length > 0 && D && de(D, z);
     }
-    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(z, D) {
+      var ie;
+      const X = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
+      await o(
+        () => V.sdk.productImage.upload(z, D),
+        X ? {
+          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) {
+    function Ie(z) {
       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;
+      N();
+      const X = V.sdk.productImage.edit(D, el(z.imageRef));
+      return q = X, Z = X.subscribe((ie) => {
+        fe.value = ie.status === "ready" ? ie.value : null, fe.value || ($e.value = null);
+      }), X;
     }
-    async function De(L, D) {
-      const Y = await o(L, {
+    async function ze(z, D) {
+      const X = await o(z, {
         loadingMessage: D,
         showLoading: !!D
       });
-      return Y.kind === "success" && w.open({
-        type: Y.value.severity,
-        [Y.value.presentation]: C(Y.value.message)
-      }), Y;
+      return X.kind === "success" && w.open({
+        type: X.value.severity,
+        [X.value.presentation]: C(X.value.message)
+      }), X;
     }
-    async function Ge(L) {
-      const D = Ie(L), Y = fe.value;
-      if (!(!D || !Y))
+    async function Ge(z) {
+      const D = Ie(z), X = fe.value;
+      if (!(!D || !X))
         try {
-          const re = await Pl(Y.sourceUrl);
-          q === D && ($e.value = re);
+          const ie = await Pl(X.sourceUrl);
+          q === D && ($e.value = ie);
         } catch {
-          q === D && await De(() => D.confirmCrop(null));
+          q === D && await ze(() => D.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(z) {
+      const D = q, X = fe.value;
+      if ($e.value = null, !D || !X) return;
+      let ie = null;
       try {
-        re = await Ul(L);
+        ie = await Ul(z);
       } catch {
       }
-      await De(
-        () => D.confirmCrop(re),
-        L ? C(Y.loadingMessage) : void 0
-      ), q === D && M();
+      await ze(
+        () => D.confirmCrop(ie),
+        z ? C(X.loadingMessage) : void 0
+      ), q === D && N();
     }
-    async function He(L) {
-      const D = Ie(L), Y = fe.value;
-      if (!D || !Y) return;
-      const re = await o(
+    async function He(z) {
+      const D = Ie(z), X = fe.value;
+      if (!D || !X) return;
+      const ie = await o(
         () => D.prepareRemy(async () => {
-          const _e = await Pl(Y.sourceUrl);
+          const _e = await Pl(X.sourceUrl);
           return {
             contentType: _e.type,
             byteLength: _e.size,
@@ -852,16 +930,16 @@ const ml = /* @__PURE__ */ ce({
         }),
         { showLoading: !1 }
       );
-      re.kind === "success" && q === D && P.activate({
-        imageData: re.value.imageData,
+      ie.kind === "success" && q === D && 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 () => {
+    function J(z) {
+      var ie;
+      const D = (ie = z.detail) == null ? void 0 : ie.imageData, X = q;
+      !X || typeof D != "string" || !D || ze(
+        () => X.applyRemy(async () => {
           const _e = await oa(D);
           return V.sdk.productImage.screenFile(_e.type) ? {
             contentType: _e.type,
@@ -877,9 +955,9 @@ 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) {
+    function we(z) {
       const D = m.value;
       D && d.open({
         title: i("menu.product_image.delete.title"),
@@ -894,23 +972,23 @@ const ml = /* @__PURE__ */ ce({
         }
       }).onPrimary(async () => {
         await o(
-          async () => V.sdk.productImage.removeImage(D, Je(L.imageRef)),
+          async () => V.sdk.productImage.removeImage(D, el(z.imageRef)),
           { showLoading: !1 }
         );
       });
     }
-    return (L, D) => (r(), T(e(O).FmFormGroup, {
+    return (z, D) => (r(), T(e(B).FmFormGroup, {
       class: "product-image-field pb-8 text-fm-color-typo-primary",
       tag: "div",
       label: e(i)("menu.common.labels.product_image"),
       "label-mark": "optional",
       "model-value": E.value.length
     }, {
-      default: v(() => [
+      default: p(() => [
         n("p", ft, [
           sl(I(e(i)("menu.product_image.hint")) + " ", 1),
-          c.value ? y("", !0) : (r(), S(ie, { key: 0 }, [
-            s(e(O).FmIcon, {
+          c.value ? y("", !0) : (r(), S(re, { key: 0 }, [
+            s(e(B).FmIcon, {
               class: "mr-4 align-text-bottom",
               color: "neutral-gray-400",
               name: "crop",
@@ -923,20 +1001,20 @@ const ml = /* @__PURE__ */ ce({
         n("div", gt, [
           n("div", {
             class: Be(["product-image-drop aspect-square rounded-md border border-dashed flex flex-col items-center justify-center gap-8", [
-              p.value ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300",
+              v.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: D[0] || (D[0] = Ee((X) => v.value = !1, ["prevent"])),
+            onDragover: D[1] || (D[1] = Ee((X) => v.value = !c.value, ["prevent"])),
             onDrop: Ee(le, ["prevent"])
           }, [
-            s(e(O).FmIcon, {
+            s(e(B).FmIcon, {
               color: "neutral-gray-400",
               name: "cloud_upload",
               outline: ""
             }),
             n("p", yt, I(e(i)("menu.product_image.drop_hint")), 1),
-            s(e(O).FmButton, {
+            s(e(B).FmButton, {
               disabled: c.value,
               label: e(i)("menu.product_image.add_file"),
               variant: "secondary",
@@ -952,31 +1030,31 @@ const ml = /* @__PURE__ */ ce({
               onChange: pe
             }, null, 40, _t)
           ], 34),
-          (r(!0), S(ie, null, Fe(E.value, (Y, re) => {
-            var _e, Xe, ze;
+          (r(!0), S(re, null, Fe(E.value, (X, ie) => {
+            var _e, Xe, De;
             return r(), S("div", {
-              key: Y.url,
+              key: X.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 }),
+              s(e(B).FmButton, {
+                "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: X.manage.state !== "allowed",
                 variant: "plain",
-                onClick: (je) => B.value = Y.imageRef
+                onClick: (je) => O.value = X.imageRef
               }, {
-                default: v(() => [
+                default: p(() => [
                   n("div", ht, [
-                    s(e(O).FmCard, {
+                    s(e(B).FmCard, {
                       class: "flex !h-[180px] !w-[180px] !border-0 items-center justify-center rounded-md",
                       variant: "outlined"
                     }, {
-                      default: v(() => [
+                      default: p(() => [
                         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: X.url
                         }, null, 8, kt)
                       ]),
                       _: 2
@@ -986,18 +1064,18 @@ const ml = /* @__PURE__ */ ce({
                 _: 2
               }, 1032, ["aria-label", "label", "disabled", "onClick"]),
               n("div", wt, [
-                Y.isCover ? (r(), T(e(O).FmChip, {
+                X.isCover ? (r(), T(e(B).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, {
+                X.formatCount !== null && X.formatCount !== void 0 ? (r(), T(e(B).FmChip, {
                   key: 1,
-                  label: e(x)(Y.formatCount),
+                  label: e(x)(X.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 = X.crop) == null ? void 0 : _e.state) === "allowed" ? (r(), T(e(B).FmButton, {
                   key: 0,
                   label: e(i)("menu.product_image.editor.title"),
                   "aria-label": e(i)("menu.product_image.editor.title"),
@@ -1005,29 +1083,29 @@ 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(X), ["stop"])
                 }, {
-                  default: v(() => [
-                    s(e(O).FmIcon, {
+                  default: p(() => [
+                    s(e(B).FmIcon, {
                       name: "crop",
                       size: "sm"
                     })
                   ]),
                   _: 2
                 }, 1032, ["label", "aria-label", "title", "onClick"])) : y("", !0),
-                ((Xe = Y.remy) == null ? void 0 : Xe.state) === "allowed" ? (r(), T(e(O).FmButton, {
+                ((Xe = X.remy) == null ? void 0 : Xe.state) === "allowed" ? (r(), T(e(B).FmButton, {
                   key: 1,
                   label: e(i)("menu.remy.title"),
                   "aria-label": e(i)("menu.remy.title"),
                   title: e(i)("menu.remy.title"),
-                  disabled: (ze = fe.value) == null ? void 0 : ze.busy,
+                  disabled: (De = fe.value) == null ? void 0 : De.busy,
                   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(X), ["stop"])
                 }, {
-                  default: v(() => [
-                    s(e(O).FmIcon, {
+                  default: p(() => [
+                    s(e(B).FmIcon, {
                       name: "auto_awesome",
                       size: "sm"
                     })
@@ -1035,25 +1113,26 @@ const ml = /* @__PURE__ */ ce({
                   _: 2
                 }, 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 }),
+              X.remove.state !== "hidden" ? (r(), T(e(B).FmButton, {
+                key: 0,
+                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: X.remove.state !== "allowed",
                 "bg-color": "neutral-black",
                 "icon-color": "neutral-white",
                 variant: "tertiary",
-                onClick: (je) => we(Y)
+                onClick: (je) => we(X)
               }, {
-                default: v(() => [
-                  s(e(O).FmIcon, {
+                default: p(() => [
+                  s(e(B).FmIcon, {
                     name: "close",
                     size: "sm",
                     color: "neutral-white"
                   })
                 ]),
                 _: 2
-              }, 1032, ["label", "aria-label", "disabled", "onClick"])
+              }, 1032, ["label", "aria-label", "disabled", "onClick"])) : y("", !0)
             ]);
           }), 128))
         ]),
@@ -1070,15 +1149,15 @@ 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, {
+        O.value && V.target ? (r(), T(bt, {
           key: 2,
-          "image-ref": B.value,
+          "image-ref": O.value,
           sdk: V.sdk,
           target: V.target,
-          onClose: D[2] || (D[2] = (Y) => B.value = null)
+          onClose: D[2] || (D[2] = (X) => O.value = null)
         }, null, 8, ["image-ref", "sdk", "target"])) : y("", !0)
       ]),
       _: 1
@@ -1099,8 +1178,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",
@@ -1133,19 +1212,19 @@ const ml = /* @__PURE__ */ ce({
       const _ = V.session.applyWithOutcome();
       _.kind !== "cancelled" && ((F = V.close) == null || F.call(V)), await o(() => Promise.resolve(_), { showLoading: !1 });
     }
-    const m = X(null);
+    const m = W(null);
     Ae(
       m,
       (_) => {
         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 +1232,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 +1243,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 +1255,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")
           }, [
@@ -1184,7 +1263,7 @@ const ml = /* @__PURE__ */ ce({
               "model-value": [...$.value.selectedIds],
               value: A.id,
               label: C(A),
-              "onUpdate:modelValue": F[1] || (F[1] = (p) => _.session.select(p))
+              "onUpdate:modelValue": F[1] || (F[1] = (v) => _.session.select(v))
             }, null, 8, ["model-value", "value", "label"])
           ], 2))), 128))
         ], 2),
@@ -1203,8 +1282,8 @@ const ml = /* @__PURE__ */ ce({
               "aria-label": e(i)(x.value.cancelSelection),
               variant: "tertiary",
               onClick: F[3] || (F[3] = (A) => {
-                var p;
-                return (p = _.close) == null ? void 0 : p.call(_);
+                var v;
+                return (v = _.close) == null ? void 0 : v.call(_);
               })
             }, null, 8, ["label", "aria-label"]),
             s(G, {
@@ -1240,8 +1319,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 = W(i.modelValue !== null);
     let w = !1;
     Ae(
       () => i.modelValue,
@@ -1257,7 +1336,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),
@@ -1267,7 +1346,7 @@ const ml = /* @__PURE__ */ ce({
             "onUpdate:modelValue": C,
             label: ""
           }, {
-            label: v(() => [
+            label: p(() => [
               n("span", Ot, I(m.toggleAccessibleName ?? m.accessibleName), 1)
             ]),
             _: 1
@@ -1286,7 +1365,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 = {
+}), zt = ["data-scope-title"], Dt = { 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 +1381,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", {
@@ -1319,25 +1398,25 @@ const ml = /* @__PURE__ */ ce({
     }, P = (b) => b.reduce((h, se) => {
       const de = C(se);
       return h ? d("menu.group.list.join_products", { list: h, item: de }) : de;
-    }, ""), m = X({}), l = ye(null), $ = ye(null);
+    }, ""), m = W({}), l = ye(null), $ = ye(null);
     function _() {
       var b;
       (b = $.value) == null || b.dispose(), $.value = null;
     }
     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",
@@ -1359,7 +1438,7 @@ const ml = /* @__PURE__ */ ce({
         id: "action",
         size: 52,
         enableSorting: !1,
-        cell: (b) => H(O.FmButton, {
+        cell: (b) => H(B.FmButton, {
           prependIcon: "edit",
           variant: "tertiary",
           // The same row action as the product form's group table, so it takes
@@ -1373,14 +1452,14 @@ const ml = /* @__PURE__ */ ce({
           onClick: () => G.value && Q(G.value, b.row.original.id)
         })
       }
-    ]), p = X(!1), g = ye(null), f = ye(null);
+    ]), v = W(!1), g = ye(null), f = ye(null);
     let k = null;
-    function B() {
+    function O() {
       var b;
-      p.value = !1, k == null || k(), k = null, (b = g.value) == null || b.dispose(), g.value = null, f.value = null;
+      v.value = !1, k == null || k(), k = null, (b = g.value) == null || b.dispose(), g.value = null, f.value = null;
     }
     function Q(b, h) {
-      B();
+      O();
       const se = i.session.nestedGroupEditor(
         b.id,
         b.combinationKey,
@@ -1388,16 +1467,16 @@ const ml = /* @__PURE__ */ ce({
       );
       se && (g.value = se, k = se.subscribe((de) => {
         f.value = de.status === "ready" ? de.value : null;
-      }), p.value = !0);
+      }), v.value = !0);
     }
-    ke(B);
+    ke(O);
     const ee = R(() => (i.zIndex ?? 200) + 1), a = R(() => [
       {
         label: d("menu.product.form.variant.placeholders.follow_general"),
         value: null
       },
       ...i.orderFromOptions.map((b) => ({
-        label: d(zl[b]),
+        label: d(Dl[b]),
         value: b
       }))
     ]), c = (b) => b === "" || b === null || b === void 0 ? null : Number(b), ne = R(
@@ -1416,7 +1495,7 @@ const ml = /* @__PURE__ */ ce({
         cell: (b) => {
           var se;
           const h = b.row.original;
-          return (se = h.children) != null && se.length ? null : H(O.FmCheckbox, {
+          return (se = h.children) != null && se.length ? null : H(B.FmCheckbox, {
             modelValue: h.isDefault,
             value: "",
             "aria-label": d("menu.common.labels.a11y_labelled_name", {
@@ -1439,7 +1518,7 @@ const ml = /* @__PURE__ */ ce({
           H("span", d("menu.group.option.product_title")),
           // The editor's legacy copy has no translation column
           // (TreeEditor/form/GroupManager/OptionTable.vue:187-189).
-          i.presentation === "tree" ? null : H(O.FmButton, {
+          i.presentation === "tree" ? null : H(B.FmButton, {
             icon: "g_translate",
             variant: "tertiary",
             textColor: "neutral-gray-400",
@@ -1462,7 +1541,7 @@ const ml = /* @__PURE__ */ ce({
               // `getCanExpand()` is true for every FmTable row; legacy asks
               // whether the option carries combination entries (`items?.length`).
               b.row.original.children.length > 0 ? {
-                append: () => H(O.FmIcon, {
+                append: () => H(B.FmIcon, {
                   name: "keyboard_arrow_up",
                   // Legacy greys the toggle when the title is not
                   // editable (`NeutralGray200`), which it never is here.
@@ -1474,10 +1553,11 @@ const ml = /* @__PURE__ */ ce({
                   }) : d("menu.apply_product.table.expand_combinations", {
                     name: b.row.original.name
                   }),
+                  // Down while collapsed, up once expanded.
                   class: [
                     "cursor-pointer",
                     "transition-transform",
-                    h ? "transform rotate-180" : ""
+                    h ? "" : "transform rotate-180"
                   ],
                   onClick: b.row.getToggleExpandedHandler()
                 })
@@ -1532,7 +1612,7 @@ const ml = /* @__PURE__ */ ce({
             ...h.editPricing.state === "hidden" ? [] : [
               H("div", { class: "flex items-center gap-4" }, [
                 H(
-                  O.FmButton,
+                  B.FmButton,
                   {
                     variant: "plain",
                     label: d(
@@ -1579,7 +1659,7 @@ const ml = /* @__PURE__ */ ce({
         size: 100,
         cell: (b) => {
           const h = b.row.original;
-          return H(O.FmSelect, {
+          return H(B.FmSelect, {
             items: a.value,
             modelValue: h.displayOrderFrom,
             shiftMenu: !0,
@@ -1605,7 +1685,7 @@ const ml = /* @__PURE__ */ ce({
           const h = b.row.original;
           return H("div", { class: "flex items-center justify-end" }, [
             ...h.editPricing.state === "hidden" ? [] : [
-              H(O.FmButton, {
+              H(B.FmButton, {
                 icon: "price_change",
                 variant: "tertiary",
                 // Match the neutral-grey action buttons beside it and the
@@ -1619,7 +1699,7 @@ const ml = /* @__PURE__ */ ce({
                 onClick: () => E(h, "tiers")
               })
             ],
-            H(O.FmButton, {
+            H(B.FmButton, {
               prependIcon: "inventory_2",
               textColor: "neutral-gray-400",
               variant: "tertiary",
@@ -1635,7 +1715,7 @@ const ml = /* @__PURE__ */ ce({
                 );
               }
             }),
-            H(O.FmButton, {
+            H(B.FmButton, {
               prependIcon: "arrow_split",
               textColor: "neutral-gray-400",
               variant: "tertiary",
@@ -1655,22 +1735,22 @@ 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"), ze = M("FmTable"), Ge = M("FmSideSheet"), Ye = M("ProductGroupSheet", !0);
+      return r(), S(re, null, [
         s(Ge, {
           "model-value": b.modelValue,
           "max-width": x.value,
           "z-index": i.zIndex ?? 200,
           "onUpdate:modelValue": h[8] || (h[8] = (J) => o("update:modelValue", J))
         }, {
-          "side-sheet-header": v(() => [
+          "side-sheet-header": p(() => [
             n("span", {
               class: "nested-group-editor-sheet-marker sr-only",
               "data-scope-title": e(d)("menu.common.labels.nested_group_override")
-            }, I(e(d)("menu.common.labels.nested_group_override")), 9, Dt),
-            n("p", zt, I(e(d)("menu.group.update")), 1)
+            }, I(e(d)("menu.common.labels.nested_group_override")), 9, zt),
+            n("p", Dt, I(e(d)("menu.group.update")), 1)
           ]),
-          "side-sheet-footer": v(() => [
+          "side-sheet-footer": p(() => [
             n("div", eo, [
               s(de, {
                 label: e(d)("menu.common.actions.update"),
@@ -1692,16 +1772,16 @@ const ml = /* @__PURE__ */ ce({
               }, null, 8, ["label", "aria-label"])
             ])
           ]),
-          default: v(() => [
+          default: p(() => [
             n("div", Rt, [
               b.view.combinations.length > 0 ? (r(), T(fe, {
                 key: 0,
                 class: "p-16 bg-fm-color-neutral-gray-100 space-y-24",
                 variant: "outlined"
               }, {
-                default: v(() => [
-                  n("p", Nt, I(e(d)("menu.group.option.variant")), 1),
-                  n("div", Mt, [
+                default: p(() => [
+                  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 +1795,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 +1813,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,
@@ -1752,7 +1832,7 @@ const ml = /* @__PURE__ */ ce({
                 _: 1
               })) : y("", !0),
               s(la, null, {
-                default: v(() => [
+                default: p(() => [
                   s(ge, {
                     label: e(d)("menu.common.labels.group_name"),
                     placeholder: b.view.name,
@@ -1760,7 +1840,7 @@ const ml = /* @__PURE__ */ ce({
                   }, cl({ _: 2 }, [
                     b.presentation !== "tree" ? {
                       name: "append",
-                      fn: v(() => [
+                      fn: p(() => [
                         s(de, {
                           variant: "tertiary",
                           icon: "g_translate",
@@ -1773,9 +1853,9 @@ const ml = /* @__PURE__ */ ce({
                   s(Z, {
                     "model-value": b.view.minSelect + " " + b.view.maxSelect
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       s(sa, null, {
-                        default: v(() => [
+                        default: p(() => [
                           s(q, {
                             class: "flex-1",
                             label: e(d)("menu.common.labels.min_select"),
@@ -1803,18 +1883,18 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(d)("menu.common.labels.configuration")
                   }, {
-                    default: v(() => {
+                    default: p(() => {
                       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",
@@ -1856,14 +1936,14 @@ const ml = /* @__PURE__ */ ce({
                   max: b.view.maxSelect
                 })
               }, {
-                default: v(() => [
+                default: p(() => [
                   s(qe, {
                     title: e(d)("menu.common.labels.product")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       n("div", Zt, [
                         n("div", Jt, [
-                          s(De, {
+                          s(ze, {
                             "column-defs": le.value,
                             "row-data": pe.value,
                             "column-visibility": { code: b.view.showCode },
@@ -1893,7 +1973,7 @@ const ml = /* @__PURE__ */ ce({
           "onUpdate:modelValue": h[11] || (h[11] = (J) => !J && (G.value = null)),
           "onOn:clickedAway": h[12] || (h[12] = (J) => G.value = null)
         }, {
-          "side-sheet-header": v(() => [
+          "side-sheet-header": p(() => [
             n("div", lo, [
               h[14] || (h[14] = n("span", {
                 class: "nested-group-sheet-marker",
@@ -1909,7 +1989,7 @@ const ml = /* @__PURE__ */ ce({
               n("div", ao, I(e(d)("menu.group.nested.title")), 1)
             ])
           ]),
-          "side-sheet-footer": v(() => [
+          "side-sheet-footer": p(() => [
             s(de, {
               label: e(d)("menu.common.actions.ok"),
               size: "lg",
@@ -1917,7 +1997,7 @@ const ml = /* @__PURE__ */ ce({
               onClick: h[10] || (h[10] = (J) => G.value = null)
             }, null, 8, ["label"])
           ]),
-          default: v(() => {
+          default: p(() => {
             var J, we;
             return [
               n("div", to, [
@@ -1925,18 +2005,18 @@ const ml = /* @__PURE__ */ ce({
                   variant: "outlined",
                   class: "px-16 py-12"
                 }, {
-                  default: v(() => {
-                    var L;
+                  default: p(() => {
+                    var z;
                     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((z = G.value) == null ? void 0 : z.name), 1)
                     ];
                   }),
                   _: 1
                 }),
                 n("div", so, [
                   n("p", io, I(e(d)("menu.group.nested.subtitle")), 1),
-                  s(De, {
+                  s(ze, {
                     "column-defs": A.value,
                     "row-data": [...((J = G.value) == null ? void 0 : J.nestedGroups) ?? []],
                     "page-size": ((we = G.value) == null ? void 0 : we.nestedGroups.length) ?? 0,
@@ -1956,17 +2036,17 @@ const ml = /* @__PURE__ */ ce({
           "product-name": ((He = l.value) == null ? void 0 : He.name) ?? "",
           onClose: _
         }, null, 8, ["session", "product-name"])) : y("", !0),
-        F.value ? (r(), T(Dl, {
+        F.value ? (r(), T(zl, {
           key: 1,
           session: F.value,
           "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,
-          "model-value": p.value,
+          "model-value": v.value,
           view: f.value,
           session: g.value,
           "order-from-options": b.orderFromOptions,
@@ -1974,7 +2054,7 @@ const ml = /* @__PURE__ */ ce({
           presentation: b.presentation,
           "create-price-group": b.createPriceGroup,
           nested: "",
-          "onUpdate:modelValue": h[13] || (h[13] = (J) => !J && B())
+          "onUpdate:modelValue": h[13] || (h[13] = (J) => !J && O())
         }, null, 8, ["model-value", "view", "session", "order-from-options", "z-index", "presentation", "create-price-group"])) : y("", !0)
       ], 64);
     };
@@ -1988,8 +2068,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 +2135,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"
         }, [
@@ -2075,38 +2155,7 @@ const ml = /* @__PURE__ */ ce({
       }, null, 8, ["aria-label"]));
     };
   }
-});
-function Nl(W, V) {
-  const i = X(""), x = R(() => i.value.trim().toLowerCase()), o = R(
-    () => x.value ? W().filter(
-      (C) => V(C).toLowerCase().includes(x.value)
-    ) : W()
-  ), d = R(
-    () => x.value !== "" && o.value.length === 0
-  );
-  function w() {
-    i.value = "";
-  }
-  return { search: i, filtered: o, noMatches: d, reset: w };
-}
-function Ml() {
-  const W = 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;
-    if (!i || !w) return;
-    const C = getComputedStyle(w);
-    V.value = w.clientHeight - parseFloat(C.paddingTop) - parseFloat(C.paddingBottom);
-  }
-  const o = R(
-    () => V.value ? { minHeight: `${V.value}px` } : void 0
-  );
-  return { content: W, contentStyle: o, onMenuChanged: x };
-}
-const bo = {
+}), bo = {
   key: 0,
   class: "sticky top-0 z-10 px-8 pb-8 bg-fm-color-neutral-white"
 }, fo = {
@@ -2121,27 +2170,27 @@ 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 r(), T(p, {
+    return (F, L) => {
+      const E = M("FmSearch"), G = M("FmMenuItem"), A = M("FmButton"), v = M("FmSelect");
+      return r(), T(v, {
         items: F.items,
         disabled: F.disabled,
         multiselect: "",
         "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 }) => [
+        "menu-wrapper": p(({ handleItemChange: g }) => [
           n("div", {
             ref_key: "content",
             ref: m,
@@ -2151,12 +2200,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 +2220,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 +2244,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 = W(!1), P = W(), { 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);
     }
@@ -2212,12 +2261,12 @@ const bo = {
         (g) => g.id === i.view.categoryId
       )
     );
-    function p(g, f) {
+    function v(g, f) {
       var k;
       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"), O = 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")
@@ -2227,7 +2276,7 @@ const bo = {
           disabled: g.view.editClassification.state !== "allowed",
           focused: C.value
         }, {
-          default: v(() => [
+          default: p(() => [
             s(c, {
               ref_key: "menu",
               ref: P,
@@ -2235,30 +2284,30 @@ const bo = {
               "close-on-click": !1,
               onMenuChanged: G
             }, {
-              "menu-button": v(() => [
-                s(B, {
+              "menu-button": p(() => [
+                s(O, {
                   class: "cursor-pointer",
                   disabled: g.view.editClassification.state !== "allowed",
                   focused: C.value
                 }, {
-                  append: v(() => [
+                  append: p(() => [
                     s(k, {
                       name: C.value ? "expand_less" : "expand_more",
                       size: "md"
                     }, null, 8, ["name"])
                   ]),
-                  default: v(() => [
+                  default: p(() => [
                     n("div", _o, I(e(o)("menu.product.form.detail.category.placeholder")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "focused"])
               ]),
-              default: v(() => [
+              default: p(() => [
                 n("div", {
                   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,12 +2317,12 @@ 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": "",
                     "model-value": g.view.categoryId === le.id,
-                    "onUpdate:modelValue": (ve) => p(le.id, ve)
+                    "onUpdate:modelValue": (ve) => v(le.id, ve)
                   }, null, 8, ["label", "model-value", "onUpdate:modelValue"]))), 128)),
                   e($) ? (r(), S("p", ko, I(e(o)("menu.product.form.detail.category.no_results")), 1)) : y("", !0),
                   s(a, {
@@ -2307,10 +2356,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" }, zo = ["aria-expanded"], Do = { 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,13 +2371,13 @@ 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();
+        f ? x("update:modelValue", f) : v();
       }
-    }), C = X(!0), P = X(!1);
+    }), C = W(!0), P = W(!1);
     Ae(
       () => [i.modelValue, i.initialSection],
       ([f, k]) => {
@@ -2360,23 +2409,23 @@ const bo = {
       const k = f.map((Q) => ({
         locale: Q.code,
         value: Q.name
-      })), B = f.map((Q) => ({
+      })), O = f.map((Q) => ({
         locale: Q.code,
         value: Q.description
       }));
-      i.session.setNameLocales(k), i.session.setDescriptionLocales(B);
+      i.session.setNameLocales(k), i.session.setDescriptionLocales(O);
     }
     function F(f, k) {
       _(
         m.value.map(
-          (B) => B.code === f ? { ...B, name: k } : B
+          (O) => O.code === f ? { ...O, name: k } : O
         )
       );
     }
-    function z(f, k) {
+    function L(f, k) {
       _(
         m.value.map(
-          (B) => B.code === f ? { ...B, description: k } : B
+          (O) => O.code === f ? { ...O, description: k } : O
         )
       );
     }
@@ -2392,11 +2441,11 @@ const bo = {
     function A() {
       i.session.saveTranslationEdit(), x("update:modelValue", !1);
     }
-    function p() {
+    function v() {
       i.session.discardTranslationEdit(), x("update:modelValue", !1);
     }
     function g() {
-      if (!i.view.translationDiscardConfirmation) return p();
+      if (!i.view.translationDiscardConfirmation) return v();
       d.open({
         title: o("menu.common.dialog.dismiss.title"),
         message: o("menu.common.dialog.dismiss.message"),
@@ -2411,19 +2460,19 @@ const bo = {
           variant: "tertiary",
           close: !0
         }
-      }).onPrimary(p);
+      }).onPrimary(v);
     }
     return (f, k) => {
-      const B = N("FmIcon"), Q = N("FmTextarea"), ee = N("FmButton"), a = N("FmDialog");
+      const O = 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),
         "max-width": 800
       }, {
-        "dialog-header": v(() => [
+        "dialog-header": p(() => [
           n("p", Co, I(e(o)("menu.product.translation.title")), 1)
         ]),
-        "dialog-footer": v(() => [
+        "dialog-footer": p(() => [
           n("div", Qo, [
             s(ee, {
               label: e(o)("menu.common.actions.cancel"),
@@ -2441,7 +2490,7 @@ const bo = {
             }, null, 8, ["label", "aria-label"])
           ])
         ]),
-        default: v(() => [
+        default: p(() => [
           n("div", Fo, [
             s(Hl, {
               selected: m.value.map((c) => ({ code: c.code, name: c.label })),
@@ -2457,7 +2506,7 @@ const bo = {
                 "aria-expanded": C.value,
                 onClick: k[0] || (k[0] = (c) => C.value = !C.value)
               }, [
-                s(B, {
+                s(O, {
                   name: C.value ? "keyboard_arrow_down" : "keyboard_arrow_right"
                 }, null, 8, ["name"]),
                 n("p", Vo, I(e(o)("menu.product.translation.product_name")), 1)
@@ -2481,7 +2530,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"
                   }, [
@@ -2512,17 +2561,17 @@ const bo = {
                 "aria-expanded": P.value,
                 onClick: k[2] || (k[2] = (c) => P.value = !P.value)
               }, [
-                s(B, {
+                s(O, {
                   name: P.value ? "keyboard_arrow_down" : "keyboard_arrow_right"
                 }, null, 8, ["name"]),
-                n("p", zo, [
+                n("p", Do, [
                   sl(I(e(o)("menu.product.translation.description")) + " ", 1),
                   n("span", Ro, I(e(o)("menu.product.translation.optional")), 1)
                 ])
-              ], 8, Do),
-              P.value ? (r(), S("div", No, [
+              ], 8, zo),
+              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 +2587,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 +2602,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 +2630,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 = {
+}, zn = { class: "fm-typo-en-body-lg-400" }, Dn = { 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,14 +2681,14 @@ 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 = W(null);
     Ae(
       () => [i.treeSelection, i.view.itemId],
       async ([u]) => {
         var te, oe;
         if (!u) return;
-        await el();
+        await Je();
         const t = x.value;
         if (!t) return;
         const j = u.kind === "item" ? t : [
@@ -2692,7 +2741,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,18 +2784,18 @@ const bo = {
         },
         tertiaryActions: {
           text: l("menu.product.form.order_pacing.time_presets.add_preset"),
-          variant: Me.Plain,
+          variant: Ne.Plain,
           close: !1
         }
       }).onPrimary(() => {
         u.apply() && E.close();
       }).onTertiary(() => o("create-entity", "pacing")).onClose(() => u.dispose());
     }
-    const p = Pe(), g = X(
+    const v = Pe(), g = W(
       null
     ), f = R(
       () => (i.itemBreadcrumb ?? []).map((u) => ({
-        label: u.labelMessage ? p(u.labelMessage) : u.label,
+        label: u.labelMessage ? v(u.labelMessage) : u.label,
         route: ""
       }))
     );
@@ -2760,8 +2809,8 @@ const bo = {
       },
       { flush: "post" }
     );
-    const k = X(null);
-    function B(u) {
+    const k = W(null);
+    function O(u) {
       var j, te;
       const t = i.session.prepareSuggestion(u);
       if (!t) {
@@ -2799,7 +2848,7 @@ const bo = {
         return (u = a.value.nameIssue) == null ? void 0 : u.code;
       },
       (u) => {
-        u && el(() => {
+        u && Je(() => {
           var t, j;
           return (j = (t = k.value) == null ? void 0 : t.focus) == null ? void 0 : j.call(t);
         });
@@ -2818,7 +2867,7 @@ const bo = {
       currency: u.unitAmount.currency,
       currencyDisplay: "narrowSymbol",
       minimumFractionDigits: u.unitAmount.precision
-    }).replaceAll(/\s/g, ""), b = X(!1), h = X("name"), se = Xl();
+    }).replaceAll(/\s/g, ""), b = W(!1), h = W("name"), se = Xl();
     function de(u = "name") {
       var j, te;
       const t = u === "name" ? (j = a.value) == null ? void 0 : j.nameTranslation : (te = a.value) == null ? void 0 : te.descriptionTranslation;
@@ -2838,12 +2887,12 @@ const bo = {
       ...a.value.additionalCategoryIds
     ]), Z = R(
       () => a.value.formOrderFromOptions.map((u) => ({
-        label: l(u === null ? "menu.product.form.detail.order_from.default" : zl[u]),
+        label: l(u === null ? "menu.product.form.detail.order_from.default" : Dl[u]),
         value: u
       }))
-    ), M = R(() => [...a.value.priceTierRows]), Ie = R(
+    ), N = R(() => [...a.value.priceTierRows]), Ie = R(
       () => a.value.showVariantMemberPricing
-    ), De = R(() => [
+    ), ze = R(() => [
       {
         accessorKey: "tier",
         header: () => l("menu.price_tier.form.table.columns.name"),
@@ -2872,10 +2921,10 @@ const bo = {
           var t;
           return H("div", { class: "flex items-center justify-between" }, [
             H(
-              O.FmButton,
+              B.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.
@@ -2932,7 +2981,7 @@ const bo = {
               label: l("menu.product.form.variant.input_labels.code"),
               name: t.label
             }),
-            errorMessages: t.codeIssue ? [p(t.codeIssue)] : [],
+            errorMessages: t.codeIssue ? [v(t.codeIssue)] : [],
             "onUpdate:modelValue": (j) => c.value.setCombination(t.key, {
               code: String(j ?? "")
             })
@@ -2955,7 +3004,7 @@ const bo = {
               role: "combobox"
             },
             [
-              H(O.FmSelect, {
+              H(B.FmSelect, {
                 items: [
                   {
                     label: l(
@@ -3016,9 +3065,9 @@ const bo = {
               ...a.value.showVariantMemberPricing ? [
                 H("div", { class: "flex items-center gap-8" }, [
                   H(
-                    O.FmButton,
+                    B.FmButton,
                     {
-                      variant: Me.Plain,
+                      variant: Ne.Plain,
                       label: l(
                         "menu.product.form.member_price.configure.title"
                       ),
@@ -3100,7 +3149,7 @@ const bo = {
             label: l("menu.product.form.variant.columns.min_price"),
             name: u.original.label
           }),
-          errorMessages: u.original.minPriceIssue ? [p(u.original.minPriceIssue)] : [],
+          errorMessages: u.original.minPriceIssue ? [v(u.original.minPriceIssue)] : [],
           "onUpdate:modelValue": (t) => c.value.setCombination(u.original.key, {
             minPriceAmount: t
           })
@@ -3134,7 +3183,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",
@@ -3147,9 +3196,9 @@ const bo = {
             "div",
             { class: "flex justify-end", "data-product-group-id": t.id },
             [
-              H(O.FmButton, {
+              H(B.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"),
@@ -3157,9 +3206,9 @@ const bo = {
                 }),
                 onClick: () => c.value.removeGroup(t.id)
               }),
-              H(O.FmButton, {
+              H(B.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,24 +3218,24 @@ const bo = {
                   label: l("menu.product.form.group.actions.edit"),
                   name: t.label
                 }),
-                onClick: () => re(t)
+                onClick: () => ie(t)
               })
             ]
           );
         }
       }
-    ]), J = X(!1), we = ye(
+    ]), J = W(!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 z = null, D = null;
+    function X() {
+      D == null || D(), D = null, z == null || z.dispose(), z = null, we.value = null, J.value = !1;
     }
-    function re(u) {
+    function ie(u) {
       if (u.edit.state !== "allowed") return;
-      Y();
+      X();
       const t = i.session.groupEditor(u.id);
-      L = t, we.value = t.get(), D = t.subscribe((j) => {
+      z = t, we.value = t.get(), D = t.subscribe((j) => {
         we.value = j;
       }), J.value = !0;
     }
@@ -3196,7 +3245,7 @@ const bo = {
         return ((u = we.value) == null ? void 0 : u.status) === "ready" ? we.value.value : null;
       }
     );
-    ke(Y);
+    ke(X);
     const Xe = R(
       () => a.value.inventoryRows.map((u) => ({
         _id: u.key,
@@ -3204,18 +3253,18 @@ const bo = {
         // The SDK carries the binding opaquely; its shape is this component's.
         binding: [...u.bindings]
       }))
-    ), ze = ye(null);
+    ), De = ye(null);
     function je() {
       var u;
-      (u = ze.value) == null || u.dispose(), ze.value = null;
+      (u = De.value) == null || u.dispose(), De.value = null;
     }
     function El(u) {
-      je(), ze.value = c.value.inventoryEditor(u._id);
+      je(), De.value = c.value.inventoryEditor(u._id);
     }
     ke(je);
-    const vl = X(null);
+    const vl = W(null);
     async function bl() {
-      await el();
+      await Je();
       const u = vl.value;
       if (!u) return;
       const t = u.querySelectorAll("tbody tr");
@@ -3257,7 +3306,7 @@ const bo = {
             },
             [
               H(
-                O.FmSelect,
+                B.FmSelect,
                 {
                   items: [
                     {
@@ -3279,8 +3328,8 @@ const bo = {
                 {
                   // Legacy appends the same "Add new" row to this menu
                   // (`ProductTakeaway.vue:108-128`).
-                  "append-menu": () => H(O.FmButton, {
-                    variant: Me.Plain,
+                  "append-menu": () => H(B.FmButton, {
+                    variant: Ne.Plain,
                     prependIcon: "add",
                     class: "w-full justify-start",
                     label: l("menu.product.form.takeaway.options.add_new"),
@@ -3299,7 +3348,7 @@ const bo = {
         size: 75,
         cell: (u) => {
           const t = u.row.original;
-          return H(O.FmCheckbox, {
+          return H(B.FmCheckbox, {
             modelValue: t.isDefault,
             value: "",
             "aria-label": l("menu.common.labels.a11y_labelled_name", {
@@ -3321,7 +3370,7 @@ const bo = {
         header: () => l("menu.product.form.order_pacing.time_presets.columns.delay"),
         cell: (u) => $(u.getValue())
       }
-    ]), fl = X(null), jl = Jl(fl), xe = (u) => {
+    ]), fl = W(null), jl = Jl(fl), xe = (u) => {
       var t;
       return (t = i.validation) == null ? void 0 : t.touch(u);
     };
@@ -3347,7 +3396,7 @@ const bo = {
       return t != null && t.length ? i.validation ? i.validation.issue(a.value.fieldIssues, u) ?? void 0 : t[0] : a.value.issues.find((te) => te.field === u);
     }, gl = R(
       () => ue("name") ?? a.value.nameIssue
-    ), yl = X();
+    ), yl = W();
     return Ae(
       () => ue("category"),
       (u) => {
@@ -3357,8 +3406,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,
@@ -3427,7 +3476,7 @@ const bo = {
               "toggle-label": e(l)("menu.product.form.sections.general.description"),
               "onUpdate:enabled": t[22] || (t[22] = (K) => ne("general", K))
             }, {
-              default: v(() => {
+              default: p(() => {
                 var K, me, ae, Se;
                 return [
                   n("div", on, [
@@ -3438,7 +3487,7 @@ const bo = {
                           "model-value": a.value.code,
                           disabled: a.value.editCode.state !== "allowed",
                           placeholder: ((K = a.value.inherited) == null ? void 0 : K.code) || e(l)("menu.product.form.detail.fields.code.placeholder"),
-                          "error-messages": ue("code") ? [e(p)(ue("code"))] : [],
+                          "error-messages": ue("code") ? [e(v)(ue("code"))] : [],
                           "helper-text": a.value.duplicateCodeCount > 0 ? e(l)("menu.product.form.detail.fields.code.duplicate_hint", {
                             count: a.value.duplicateCodeCount
                           }) : ""
@@ -3457,7 +3506,7 @@ const bo = {
                           "model-value": a.value.name,
                           disabled: a.value.editIdentity.state !== "allowed",
                           placeholder: ((me = a.value.inherited) == null ? void 0 : me.name) ?? "",
-                          "error-messages": gl.value ? [e(p)(gl.value)] : [],
+                          "error-messages": gl.value ? [e(v)(gl.value)] : [],
                           "helper-text": a.value.duplicateNameCount > 0 ? e(l)(
                             "menu.product.form.detail.fields.name.duplicate_warning",
                             { count: a.value.duplicateNameCount }
@@ -3465,15 +3514,15 @@ const bo = {
                           "onUpdate:modelValue": t[5] || (t[5] = (U) => (xe("name"), c.value.setName(String(U ?? "")))),
                           onFocusChanged: t[6] || (t[6] = (U) => !U && xe("name"))
                         }, {
-                          append: v(() => [
+                          append: p(() => [
                             s(Ve, {
                               variant: "plain",
                               placement: "top",
                               "z-index": 999
                             }, {
-                              content: v(() => [
+                              content: p(() => [
                                 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,
@@ -3481,7 +3530,7 @@ const bo = {
                                   })), 1))), 128))
                                 ])
                               ]),
-                              default: v(() => [
+                              default: p(() => [
                                 s(oe, {
                                   disabled: a.value.nameTranslation.state !== "allowed",
                                   icon: "g_translate",
@@ -3516,7 +3565,7 @@ const bo = {
                         "onUpdate:modelValue": t[9] || (t[9] = (U) => c.value.setDescription(String(U ?? ""))),
                         onFocusout: t[10] || (t[10] = (U) => c.value.normalizeTextField("description"))
                       }, {
-                        label: v(() => [
+                        label: p(() => [
                           n("p", mn, [
                             sl(I(e(l)("menu.product.form.detail.fields.description.label")) + " ", 1),
                             n("span", cn, I(e(l)("menu.product.form.detail.fields.description.optional")), 1)
@@ -3530,9 +3579,9 @@ const bo = {
                           placement: "top",
                           "z-index": 999
                         }, {
-                          content: v(() => [
+                          content: p(() => [
                             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,
@@ -3540,7 +3589,7 @@ const bo = {
                               })), 1))), 128))
                             ])
                           ]),
-                          default: v(() => [
+                          default: p(() => [
                             s(oe, {
                               disabled: a.value.descriptionTranslation.state !== "allowed",
                               icon: "g_translate",
@@ -3553,7 +3602,7 @@ const bo = {
                         }),
                         s(e(Sl), {
                           "aria-label": e(l)("menu.product.remy.description"),
-                          onClick: t[12] || (t[12] = (U) => B("description"))
+                          onClick: t[12] || (t[12] = (U) => O("description"))
                         }, null, 8, ["aria-label"])
                       ])
                     ]),
@@ -3565,14 +3614,14 @@ const bo = {
                   s(Oe, {
                     label: a.value.categoryLabel === "plural" ? e(l)("menu.product.form.detail.category.label") : e(l)("menu.product.form.detail.category.label_singular")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       a.value.canChooseAddon ? (r(), T(_l, {
                         key: 0,
                         "model-value": fe.value,
                         disabled: a.value.editClassification.state !== "allowed",
                         "onUpdate:modelValue": t[16] || (t[16] = (U) => c.value.setAddon(U === "ADD_ON"))
                       }, {
-                        default: v(() => [
+                        default: p(() => [
                           n("div", bn, [
                             n("div", fn, [
                               s(tl, {
@@ -3629,9 +3678,9 @@ const bo = {
                         ref_key: "categoryField",
                         ref: yl,
                         "model-value": a.value.categoryId,
-                        "error-messages": ue("category") ? [e(p)(ue("category"))] : []
+                        "error-messages": ue("category") ? [e(v)(ue("category"))] : []
                       }, {
-                        default: v(() => [
+                        default: p(() => [
                           s(xo, {
                             view: a.value,
                             session: c.value,
@@ -3647,7 +3696,7 @@ const bo = {
                     key: 0,
                     label: e(l)("menu.product.form.detail.path.label")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       ul((r(), S("div", null, [
                         s(te, {
                           items: a.value.subcategoryOptions.map((U) => ({
@@ -3661,7 +3710,7 @@ const bo = {
                           placeholder: a.value.inheritedSubcategoryLabel ?? e(l)("menu.product.form.detail.path.placeholder"),
                           "onUpdate:modelValue": t[19] || (t[19] = (U) => c.value.setSubcategories(U ?? []))
                         }, cl({
-                          "append-menu": v(() => [
+                          "append-menu": p(() => [
                             s(oe, {
                               variant: "plain",
                               size: "lg",
@@ -3676,7 +3725,7 @@ const bo = {
                         }, [
                           a.value.subcategoryIds.length ? {
                             name: "default",
-                            fn: v(() => [
+                            fn: p(() => [
                               n("div", {
                                 class: Be([
                                   "break-all fm-typo-en-body-lg-400 line-clamp-1",
@@ -3710,9 +3759,9 @@ const bo = {
                       title: e(l)("menu.product.form.item_quantity.title"),
                       "sub-title": e(l)("menu.product.form.item_quantity.subtitle")
                     }, {
-                      default: v(() => [
+                      default: p(() => [
                         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 +3781,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,
@@ -3804,7 +3853,7 @@ const bo = {
               title: e(l)("menu.product.form.sections.tagging.title"),
               subtitle: e(l)("menu.product.form.sections.tagging.subtitle")
             }, {
-              default: v(() => [
+              default: p(() => [
                 s(e(Wl), {
                   entity: "item",
                   "model-value": a.value.customAttributes ?? {},
@@ -3824,7 +3873,7 @@ const bo = {
               "toggle-label": e(l)("menu.product.form.sections.price.description"),
               "onUpdate:enabled": t[37] || (t[37] = (K) => ne("price", K))
             }, {
-              default: v(() => {
+              default: p(() => {
                 var K, me;
                 return [
                   n("div", Vn, [
@@ -3844,17 +3893,17 @@ const bo = {
                           maximumFractionDigits: 2,
                           useGrouping: !1
                         }),
-                        "error-messages": ue("price") ? [e(p)(ue("price"))] : [],
-                        "helper-text": a.value.editPrice.state === "disabled" ? e(p)(a.value.editPrice.reason) : ""
+                        "error-messages": ue("price") ? [e(v)(ue("price"))] : [],
+                        "helper-text": a.value.editPrice.state === "disabled" ? e(v)(a.value.editPrice.reason) : ""
                       }, Re("price"), {
                         "onUpdate:modelValue": t[25] || (t[25] = (ae) => (xe("price"), c.value.setPriceAmount(le(ae))))
                       }), {
-                        append: v(() => [
+                        append: p(() => [
                           s(e(Sl), {
                             "pure-styling": "",
                             class: "shrink-0 scale-75",
                             "aria-label": e(l)("menu.product.remy.pricing"),
-                            onClick: t[24] || (t[24] = (ae) => B("pricing"))
+                            onClick: t[24] || (t[24] = (ae) => O("pricing"))
                           }, null, 8, ["aria-label"])
                         ]),
                         _: 1
@@ -3910,7 +3959,7 @@ const bo = {
                     label: e(l)("menu.price_tier.price_group"),
                     description: e(l)("menu.price_tier.description")
                   }, {
-                    append: v(() => [
+                    append: p(() => [
                       s(oe, {
                         label: e(l)("menu.price_tier.add_price_group"),
                         icon: "add",
@@ -3918,11 +3967,11 @@ const bo = {
                         onClick: t[28] || (t[28] = (ae) => o("create-entity", "priceGroup"))
                       }, null, 8, ["label"])
                     ]),
-                    default: v(() => [
+                    default: p(() => [
                       s(Ze, {
-                        "column-defs": De.value,
-                        "row-data": M.value,
-                        "page-size": M.value.length,
+                        "column-defs": ze.value,
+                        "row-data": N.value,
+                        "page-size": N.value.length,
                         "hide-footer": ""
                       }, null, 8, ["column-defs", "row-data", "page-size"])
                     ]),
@@ -3931,11 +3980,11 @@ const bo = {
                   s(Oe, {
                     label: e(l)("menu.product.form.price.settings.title")
                   }, {
-                    default: v(() => {
+                    default: p(() => {
                       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 +3993,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"),
@@ -3960,10 +4009,10 @@ const bo = {
                               }))
                             }, null, 8, ["disabled", "label", "sublabel", "model-value"]),
                             a.value.unitSale.enabled ? (r(), S("div", Ln, [
-                              n("p", Dn, I(e(l)(
+                              n("p", zn, I(e(l)(
                                 "menu.product.form.price.settings.sell_by_unit.per_unit.label"
                               )), 1),
-                              n("div", zn, [
+                              n("div", Dn, [
                                 s(ge, Ce({
                                   disabled: a.value.editUnitSale.state !== "allowed",
                                   "aria-label": e(l)(
@@ -3971,7 +4020,7 @@ const bo = {
                                   ),
                                   type: "number",
                                   inputmode: "numeric",
-                                  "error-messages": ue("perXUnit") ? [e(p)(ue("perXUnit"))] : [],
+                                  "error-messages": ue("perXUnit") ? [e(v)(ue("perXUnit"))] : [],
                                   "model-value": a.value.unitSale.perXUnit,
                                   placeholder: e(l)(
                                     "menu.product.form.price.settings.sell_by_unit.per_unit.placeholder"
@@ -3990,7 +4039,7 @@ const bo = {
                                   "aria-label": e(l)(
                                     "menu.product.form.price.settings.sell_by_unit.unit.label"
                                   ),
-                                  "error-messages": ue("unit") ? [e(p)(ue("unit"))] : [],
+                                  "error-messages": ue("unit") ? [e(v)(ue("unit"))] : [],
                                   "model-value": a.value.unitSale.unit ?? "",
                                   placeholder: e(l)(
                                     "menu.product.form.price.settings.sell_by_unit.unit.placeholder"
@@ -4005,14 +4054,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",
@@ -4021,7 +4070,7 @@ const bo = {
                                   ),
                                   currency: (ae = a.value.summary.sellingPrice) == null ? void 0 : ae.currency,
                                   "model-value": a.value.costingAmount,
-                                  "error-messages": ue("costing") ? [e(p)(ue("costing"))] : []
+                                  "error-messages": ue("costing") ? [e(v)(ue("costing"))] : []
                                 }, Re("costing"), {
                                   "onUpdate:modelValue": t[34] || (t[34] = (U) => (xe("costing"), c.value.setCostingAmount(U ?? 0)))
                                 }), null, 16, ["aria-label", "currency", "model-value", "error-messages"])
@@ -4029,7 +4078,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,
@@ -4044,7 +4093,7 @@ const bo = {
                                     "menu.product.form.price.settings.min_price.input_label"
                                   ),
                                   currency: (Se = a.value.summary.sellingPrice) == null ? void 0 : Se.currency,
-                                  "error-messages": ue("minPrice") ? [e(p)(ue("minPrice"))] : [],
+                                  "error-messages": ue("minPrice") ? [e(v)(ue("minPrice"))] : [],
                                   "model-value": a.value.minimumPriceAmount
                                 }, Re("minPrice"), {
                                   "onUpdate:modelValue": t[36] || (t[36] = (U) => (xe("minPrice"), c.value.setMinimumPriceAmount(U ?? 0)))
@@ -4061,13 +4110,13 @@ const bo = {
                     key: 2,
                     label: e(l)("menu.product.form.price.statutory_charges.title")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       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)
@@ -4091,7 +4140,7 @@ const bo = {
                                 type: "number",
                                 inputmode: "numeric",
                                 "error-messages": ue(`statutoryCharges.${ae.code}`) ? [
-                                  e(p)(
+                                  e(v)(
                                     ue(`statutoryCharges.${ae.code}`)
                                   )
                                 ] : [],
@@ -4122,14 +4171,14 @@ const bo = {
               section: a.value.sections.print,
               title: e(l)("menu.product.form.print.title")
             }, {
-              default: v(() => {
+              default: p(() => {
                 var K;
                 return [
                   a.value.printConfig.state === "allowed" ? (r(), T(Oe, {
                     key: 0,
                     label: e(l)("menu.product.form.print.config.label")
                   }, {
-                    default: v(() => {
+                    default: p(() => {
                       var me;
                       return [
                         s(wl, {
@@ -4149,7 +4198,7 @@ const bo = {
                     "model-value": ((K = a.value.print) == null ? void 0 : K.sequential) ?? !1,
                     "onUpdate:modelValue": t[39] || (t[39] = (me) => c.value.setPrintSequential(!!me))
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       n("div", Yn, [
                         s(tl, {
                           value: !1,
@@ -4168,14 +4217,14 @@ const bo = {
                   s(Oe, {
                     label: e(l)("menu.product.form.print.routes.label")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       a.value.printDepartmentOptions.length ? (r(), T(ml, {
                         key: 0,
                         items: a.value.printDepartmentOptions,
                         handle: ".print-route-handle",
                         onReorder: t[42] || (t[42] = (me) => c.value.reorderPrintDepartments(me))
                       }, {
-                        item: v(({ element: me }) => {
+                        item: p(({ element: me }) => {
                           var ae, Se;
                           return [
                             n("div", Zn, [
@@ -4193,7 +4242,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) ?? []],
@@ -4233,7 +4282,7 @@ const bo = {
               "toggle-label": e(l)("menu.product.form.sections.variant.description"),
               "onUpdate:enabled": t[46] || (t[46] = (K) => ne("variant", K))
             }, {
-              "append-title": v(() => [
+              "append-title": p(() => [
                 a.value.editVariantGroups.state === "allowed" ? (r(), T(oe, {
                   key: 0,
                   "aria-label": e(l)("menu.product.form.variant.add"),
@@ -4243,19 +4292,19 @@ const bo = {
                   onClick: t[44] || (t[44] = (K) => G("variant"))
                 }, null, 8, ["aria-label", "label"])) : y("", !0)
               ]),
-              default: v(() => [
+              default: p(() => [
                 n("div", ls, [
                   s(hl, {
                     "model-value": void 0,
-                    "error-messages": ue("variant") ? [e(p)(ue("variant"))] : []
+                    "error-messages": ue("variant") ? [e(v)(ue("variant"))] : []
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       s(ml, {
                         items: a.value.variantGroups,
                         handle: ".handle",
                         onReorder: t[45] || (t[45] = (K) => c.value.setVariantGroups(K))
                       }, {
-                        item: v(({ element: K }) => [
+                        item: p(({ element: K }) => [
                           n("div", as, [
                             s(oe, {
                               class: "handle",
@@ -4318,7 +4367,7 @@ const bo = {
               description: e(l)("menu.product.form.sections.group.description"),
               "onUpdate:enabled": t[48] || (t[48] = (K) => ne("group", K))
             }, {
-              "append-title": v(() => [
+              "append-title": p(() => [
                 s(oe, {
                   "aria-label": e(l)("menu.product.form.group.add"),
                   label: e(l)("menu.product.form.group.add"),
@@ -4327,7 +4376,7 @@ const bo = {
                   onClick: t[47] || (t[47] = (K) => G("group"))
                 }, null, 8, ["aria-label", "label"])
               ]),
-              default: v(() => [
+              default: p(() => [
                 n("div", is, [
                   a.value.groupRows.length > 0 ? (r(), T(Ze, {
                     key: 0,
@@ -4353,7 +4402,7 @@ const bo = {
               "toggle-label": e(l)("menu.product.form.sections.inventory.description"),
               "onUpdate:enabled": t[49] || (t[49] = (K) => ne("inventory", K))
             }, {
-              default: v(() => [
+              default: p(() => [
                 n("div", us, [
                   n("div", {
                     ref_key: "inventorySummaryRoot",
@@ -4377,13 +4426,13 @@ const bo = {
               title: e(l)("menu.inventory.threshold.title"),
               subtitle: e(l)("menu.inventory.threshold.subtitle")
             }, {
-              default: v(() => [
+              default: p(() => [
                 s(kl, Ce({
                   "aria-label": e(l)("menu.inventory.threshold.title"),
                   "model-value": a.value.lowStockThreshold,
                   step: 1,
                   placeholder: a.value.lowStockThresholdDefault === null ? e(l)("menu.inventory.threshold.not_set") : e($)(a.value.lowStockThresholdDefault),
-                  "error-messages": ue("lowStockThreshold") ? [e(p)(ue("lowStockThreshold"))] : [],
+                  "error-messages": ue("lowStockThreshold") ? [e(v)(ue("lowStockThreshold"))] : [],
                   "helper-text": e(l)("menu.inventory.threshold.helper_text")
                 }, Re("lowStockThreshold"), {
                   "onUpdate:modelValue": t[50] || (t[50] = (K) => (xe("lowStockThreshold"), c.value.setLowStockThreshold(le(K))))
@@ -4402,9 +4451,9 @@ const bo = {
               "toggle-label": e(l)("menu.product.form.sections.takeaway.description"),
               "onUpdate:enabled": t[53] || (t[53] = (K) => ne("takeaway", K))
             }, {
-              default: v(() => [
+              default: p(() => [
                 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 +4461,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"),
@@ -4439,7 +4488,7 @@ const bo = {
               section: a.value.sections.serveDelay,
               title: e(l)("menu.product.form.order_pacing.title")
             }, {
-              default: v(() => {
+              default: p(() => {
                 var K, me;
                 return [
                   s(wl, {
@@ -4455,7 +4504,7 @@ const bo = {
                       title: e(l)("menu.product.form.order_pacing.time_presets.title"),
                       "sub-title": e(l)("menu.product.form.order_pacing.time_presets.subtitle")
                     }, {
-                      "append-title": v(() => [
+                      "append-title": p(() => [
                         s(oe, {
                           class: "flex-shrink-0",
                           "aria-label": e(l)("menu.product.form.order_pacing.time_presets.add"),
@@ -4504,25 +4553,25 @@ const bo = {
             key: 1,
             "model-value": J.value,
             view: _e.value,
-            session: e(L),
+            session: e(z),
             "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 || X())
           }, null, 8, ["model-value", "view", "session", "order-from-options", "presentation"])) : y("", !0),
-          ze.value ? (r(), T(Rl, {
+          De.value ? (r(), T(Rl, {
             key: 2,
-            session: ze.value,
+            session: De.value,
             "product-name": a.value.name || ((xl = a.value.inherited) == null ? void 0 : xl.name) || "",
             disabled: a.value.editInventory.state !== "allowed",
             onClose: je
           }, null, 8, ["session", "product-name", "disabled"])) : y("", !0)
         ], 2),
-        C.value ? (r(), T(Dl, {
+        C.value ? (r(), T(zl, {
           key: 0,
           session: C.value,
           "on-create-price-group": w,
-          onSuggest: t[57] || (t[57] = (K) => B("pricing")),
+          onSuggest: t[57] || (t[57] = (K) => O("pricing")),
           onClose: P
         }, null, 8, ["session"])) : y("", !0)
       ], 64);
@@ -4535,46 +4584,46 @@ 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
-    ), P = ye(null), m = ye(null), l = X(!1);
+    ), P = ye(null), m = ye(null), l = W(!1);
     let $ = null;
     const _ = R(
       () => {
-        var p;
-        return ((p = m.value) == null ? void 0 : p.status) === "ready" ? m.value.value : null;
+        var v;
+        return ((v = m.value) == null ? void 0 : v.status) === "ready" ? m.value.value : null;
       }
     );
-    function F(p) {
+    function F(v) {
       var g;
-      $ == null || $(), $ = null, p && ((g = P.value) == null || g.dispose()), P.value = null, m.value = null, l.value = !1;
+      $ == null || $(), $ = null, v && ((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);
-      const p = V.session.translationEditor();
-      P.value = p, m.value = p.get(), $ = p.subscribe((f) => {
+      const v = V.session.translationEditor();
+      P.value = v, m.value = v.get(), $ = v.subscribe((f) => {
         m.value = f;
       }), l.value = !0;
     }
-    function E(p) {
+    function E(v) {
       var k;
       const g = P.value, f = (k = _.value) == null ? void 0 : k.nameLocale;
       if (!(!g || !f)) {
-        for (const B of Object.keys(f))
-          B in p || g.removeLocale(B);
-        for (const [B, Q] of Object.entries(p))
-          B in f || g.addLocale(B), g.setNameLocale(B, Q);
+        for (const O of Object.keys(f))
+          O in v || g.removeLocale(O);
+        for (const [O, Q] of Object.entries(v))
+          O in f || g.addLocale(O), g.setNameLocale(O, Q);
       }
     }
     async function G() {
-      const p = P.value;
-      if (!p) return;
-      (await o(async () => p.apply(), {
+      const v = P.value;
+      if (!v) return;
+      (await o(async () => v.apply(), {
         showLoading: !1
       })).kind === "success" && F(!1);
     }
@@ -4583,32 +4632,32 @@ const bo = {
     }
     return ke(() => {
       F(!0), V.session.dispose();
-    }), (p, g) => {
+    }), (v, 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) ?? "",
-            label: p.label,
+            label: v.label,
             autofocus: "",
             "error-messages": C.value ? [e(x)(C.value)] : []
           },
-          p.validation.field(
+          v.validation.field(
             "name",
-            (B) => p.session.setName(String(B ?? ""))
+            (O) => v.session.setName(String(O ?? ""))
           )
         ), {
-          append: v(() => {
-            var B;
+          append: p(() => {
+            var O;
             return [
               s(f, {
                 "aria-label": e(i)("menu.common.translation.translation_label"),
-                disabled: ((B = w.value) == null ? void 0 : B.translation.state) !== "allowed",
+                disabled: ((O = w.value) == null ? void 0 : O.translation.state) !== "allowed",
                 class: "!p-0",
                 icon: "g_translate",
                 variant: "tertiary",
-                onClick: z
+                onClick: L
               }, null, 8, ["aria-label", "disabled"])
             ];
           }),
@@ -4630,10 +4679,10 @@ const bo = {
           "z-index": 200,
           onDiscard: A,
           onSave: G,
-          "onUpdate:modelValue": g[0] || (g[0] = (B) => !B && A()),
-          "onUpdate:name": g[1] || (g[1] = (B) => {
+          "onUpdate:modelValue": g[0] || (g[0] = (O) => !O && A()),
+          "onUpdate:name": g[1] || (g[1] = (O) => {
             var Q;
-            return (Q = P.value) == null ? void 0 : Q.setName(B);
+            return (Q = P.value) == null ? void 0 : Q.setName(O);
           }),
           "onUpdate:nameLocale": E
         }, null, 8, ["model-value", "dirty", "name", "name-locale", "supported-locales", "title", "name-section-label"])) : y("", !0)
@@ -4647,12 +4696,12 @@ 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
-    ), C = X(!1);
+    ), C = W(!1);
     function P() {
       var $;
       (($ = d.value) == null ? void 0 : $.translation.state) === "allowed" && (V.session.beginTranslationEdit(), C.value = !0);
@@ -4665,9 +4714,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)] : [],
@@ -4680,7 +4729,7 @@ const bo = {
             (G) => $.session.setName(String(G ?? ""))
           )
         ), {
-          append: v(() => {
+          append: p(() => {
             var G;
             return [
               s(F, {
@@ -4718,8 +4767,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
@@ -4731,7 +4780,7 @@ const bo = {
         size: 75,
         enableSorting: !1,
         header: () => o("menu.order_pacing.link_product.table.column.default"),
-        cell: (f) => H(O.FmCheckbox, {
+        cell: (f) => H(B.FmCheckbox, {
           modelValue: f.row.original.isDefault,
           value: "",
           "aria-label": o("menu.product.form.order_pacing.default_product", {
@@ -4757,7 +4806,7 @@ const bo = {
         cell: (f) => {
           const k = f.row.original.currentDefault;
           return H("div", { class: "pt-1" }, [
-            H(O.FmChip, {
+            H(B.FmChip, {
               label: k ? o("menu.order_pacing.columns.mins", { count: k.delay }) : o("menu.order_pacing.columns.none"),
               variant: "plain",
               compact: !0,
@@ -4771,7 +4820,7 @@ const bo = {
         size: 40,
         meta: { cellClass: "" },
         enableSorting: !1,
-        cell: (f) => H(O.FmButton, {
+        cell: (f) => H(B.FmButton, {
           prependIcon: "delete",
           variant: "tertiary",
           "aria-label": o("menu.common.labels.a11y_labelled_name", {
@@ -4781,21 +4830,21 @@ const bo = {
           onClick: () => w.unlinkProduct(f.row.original.productId)
         })
       }
-    ]), F = X(!1), z = X(!1);
+    ]), F = W(!1), L = W(!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() {
-      var B;
-      const f = ((B = m.value) == null ? void 0 : B.name) ?? "";
+    async function v() {
+      var O;
+      const f = ((O = m.value) == null ? void 0 : O.name) ?? "";
       (await d(() => C.submit(() => w.submit()), {
         showLoading: () => {
           var Q;
@@ -4808,30 +4857,30 @@ const bo = {
     }
     return (f, k) => {
       var a;
-      const B = N("FmButton"), Q = N("FmTable"), ee = N("FmSideSheet");
-      return r(), S(ie, null, [
+      const O = M("FmButton"), Q = M("FmTable"), ee = M("FmSideSheet");
+      return r(), S(re, null, [
         s(ee, {
           "model-value": !0,
-          "is-container": e(O).FmForm,
-          "is-container-props": { onValidationSuccess: p },
+          "is-container": e(B).FmForm,
+          "is-container-props": { onValidationSuccess: v },
           "max-width": 600,
           "onUpdate:modelValue": k[2] || (k[2] = (c) => !c && x("close"))
         }, {
-          "side-sheet-header": v(() => [
+          "side-sheet-header": p(() => [
             n("p", ys, I(e(o)("menu.order_pacing.manager.dialog.add.title")), 1)
           ]),
-          "side-sheet-footer": v(() => {
+          "side-sheet-footer": p(() => {
             var c;
             return [
               n("div", ks, [
-                s(B, {
+                s(O, {
                   label: e(o)("menu.order_pacing.manager.dialog.add.action"),
                   disabled: ((c = m.value) == null ? void 0 : c.submit.state) !== "allowed",
                   variant: "primary",
                   size: "lg",
                   type: "submit"
                 }, null, 8, ["label", "disabled"]),
-                s(B, {
+                s(O, {
                   label: e(o)("menu.common.actions.cancel"),
                   size: "lg",
                   variant: "tertiary",
@@ -4840,17 +4889,17 @@ const bo = {
               ])
             ];
           }),
-          default: v(() => [
+          default: p(() => [
             n("div", _s, [
               s(ca, {
                 view: m.value,
                 session: e(w),
                 validation: e(C)
               }, {
-                "name-append": v(() => {
+                "name-append": p(() => {
                   var c;
                   return [
-                    s(B, {
+                    s(O, {
                       "aria-label": e(o)("menu.common.translation.translation_label"),
                       icon: "g_translate",
                       variant: "tertiary",
@@ -4865,9 +4914,9 @@ const bo = {
                 title: e(o)("menu.order_pacing.product.title"),
                 "sub-title": e(o)("menu.order_pacing.product.subtitle")
               }, {
-                "append-title": v(() => [
+                "append-title": p(() => [
                   n("div", hs, [
-                    s(B, {
+                    s(O, {
                       "border-color": e(Vl).ColorPrimary,
                       label: e(o)("menu.order_pacing.link_product.title"),
                       "prepend-icon": "link",
@@ -4877,7 +4926,7 @@ const bo = {
                     }, null, 8, ["border-color", "label", "text-color"])
                   ])
                 ]),
-                default: v(() => {
+                default: p(() => {
                   var c;
                   return [
                     s(Q, {
@@ -4897,8 +4946,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,50 +4975,50 @@ 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,
+        "is-container": e(B).FmForm,
         "is-container-props": { onValidationSuccess: F },
         "max-width": 560,
         "z-index": 100,
         "dismiss-away": "",
-        "onUpdate:modelValue": E[1] || (E[1] = (p) => p || x("close"))
+        "onUpdate:modelValue": E[1] || (E[1] = (v) => v || x("close"))
       }, {
-        "side-sheet-header": v(() => [
+        "side-sheet-header": p(() => [
           n("p", xs, I(e(o)("menu.print_dept.add")), 1)
         ]),
-        "side-sheet-footer": v(() => {
-          var p, g;
+        "side-sheet-footer": p(() => {
+          var v, g;
           return [
             n("div", Fs, [
               s(G, {
                 label: e(o)("menu.common.actions.add"),
                 size: "lg",
                 type: "submit",
-                loading: ((p = m.value) == null ? void 0 : p.status) === "submitting",
+                loading: ((v = m.value) == null ? void 0 : v.status) === "submitting",
                 disabled: ((g = m.value) == null ? void 0 : g.submit.state) !== "allowed"
               }, null, 8, ["label", "loading", "disabled"]),
               s(G, {
@@ -4981,14 +5030,14 @@ const bo = {
             ])
           ];
         }),
-        default: v(() => {
-          var p;
+        default: p(() => {
+          var v;
           return [
             n("div", Cs, [
               s(ge, Ce({
                 autofocus: "",
                 label: e(o)("menu.print_dept.columns.name"),
-                "model-value": ((p = m.value) == null ? void 0 : p.name) ?? "",
+                "model-value": ((v = m.value) == null ? void 0 : v.name) ?? "",
                 "error-messages": $.value ? [_.value] : []
               }, e(l).field("name", e(C).setName)), null, 16, ["label", "model-value", "error-messages"])
             ])
@@ -5004,19 +5053,19 @@ 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
     );
     ke(() => C.dispose());
-    const _ = X(!1);
+    const _ = W(!1);
     function F() {
       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() {
@@ -5032,21 +5081,21 @@ const bo = {
         }
       })).kind === "success" && (x("created", A), x("close"));
     }
-    return (A, p) => {
-      const g = N("FmButton"), f = N("FmSideSheet");
-      return r(), S(ie, null, [
+    return (A, v) => {
+      const g = M("FmButton"), f = M("FmSideSheet");
+      return r(), S(re, null, [
         s(f, {
           "model-value": !0,
-          "is-container": e(O).FmForm,
+          "is-container": e(B).FmForm,
           "is-container-props": { onValidationSuccess: G },
           "max-width": 560,
-          "onUpdate:modelValue": p[2] || (p[2] = (k) => k || x("close"))
+          "onUpdate:modelValue": v[2] || (v[2] = (k) => k || x("close"))
         }, {
-          "side-sheet-header": v(() => [
+          "side-sheet-header": p(() => [
             n("p", Vs, I(e(o)("menu.takeaway.add")), 1)
           ]),
-          "side-sheet-footer": v(() => {
-            var k, B;
+          "side-sheet-footer": p(() => {
+            var k, O;
             return [
               n("div", Ps, [
                 s(g, {
@@ -5054,21 +5103,21 @@ const bo = {
                   size: "lg",
                   type: "submit",
                   loading: ((k = m.value) == null ? void 0 : k.status) === "submitting",
-                  disabled: ((B = m.value) == null ? void 0 : B.submit.state) !== "allowed"
+                  disabled: ((O = m.value) == null ? void 0 : O.submit.state) !== "allowed"
                 }, null, 8, ["label", "loading", "disabled"]),
                 s(g, {
                   label: e(o)("menu.common.actions.cancel"),
                   size: "lg",
                   variant: "tertiary",
-                  onClick: p[1] || (p[1] = (Q) => x("close"))
+                  onClick: v[1] || (v[1] = (Q) => x("close"))
                 }, null, 8, ["label"])
               ])
             ];
           }),
-          default: v(() => [
+          default: p(() => [
             s(qe, null, {
-              default: v(() => {
-                var k, B;
+              default: p(() => {
+                var k, O;
                 return [
                   s(ge, Ce({
                     autofocus: "",
@@ -5077,7 +5126,7 @@ const bo = {
                     "model-value": ((k = m.value) == null ? void 0 : k.name) ?? "",
                     "error-messages": $.value ? [e(d)($.value)] : []
                   }, e(l).field("name", e(C).setName)), {
-                    append: v(() => {
+                    append: p(() => {
                       var Q;
                       return [
                         s(g, {
@@ -5095,10 +5144,10 @@ const bo = {
                     inputmode: "decimal",
                     label: e(o)("menu.takeaway.columns.price"),
                     placeholder: e(o)("menu.takeaway.placeholders.price"),
-                    "model-value": ((B = m.value) == null ? void 0 : B.price) ?? "",
-                    "onUpdate:modelValue": p[0] || (p[0] = (Q) => e(C).setPrice(Q))
+                    "model-value": ((O = m.value) == null ? void 0 : O.price) ?? "",
+                    "onUpdate:modelValue": v[0] || (v[0] = (Q) => e(C).setPrice(Q))
                   }, {
-                    prepend: v(() => {
+                    prepend: p(() => {
                       var Q;
                       return [
                         n("span", null, I((Q = m.value) == null ? void 0 : Q.currencySymbol), 1)
@@ -5116,7 +5165,7 @@ const bo = {
         m.value ? (r(), T(il, {
           key: 0,
           modelValue: _.value,
-          "onUpdate:modelValue": p[3] || (p[3] = (k) => _.value = k),
+          "onUpdate:modelValue": v[3] || (v[3] = (k) => _.value = k),
           dirty: m.value.translationDirty,
           name: m.value.name,
           "name-locale": m.value.nameLocale,
@@ -5128,7 +5177,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)
@@ -5141,25 +5190,25 @@ const bo = {
 }, As = ["data-not-allow-sort"], Bs = {
   key: 1,
   class: "w-24"
-}, Os = { class: "flex-1" }, Ls = { class: "flex items-center gap-8" }, Ds = {
+}, Os = { class: "flex-1" }, Ls = { class: "flex items-center gap-8" }, zs = {
   key: 0,
   role: "alert",
   class: "text-fm-color-danger"
-}, zs = { class: "flex gap-8 items-center justify-start" }, Rs = /* @__PURE__ */ ce({
+}, Ds = { class: "flex gap-8 items-center justify-start" }, Rs = /* @__PURE__ */ ce({
   __name: "ProductVariantCreateSheet",
   props: {
     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)
@@ -5170,13 +5219,13 @@ const bo = {
     function G(ee, a) {
       a && typeof a.focus == "function" ? E.set(ee, a) : E.delete(ee);
     }
-    const A = ye(null), p = ye("variant");
+    const A = ye(null), v = ye("variant");
     function g() {
       var ee;
       (ee = A.value) == null || ee.dispose(), A.value = null;
     }
     function f(ee) {
-      g(), p.value = ee, A.value = P.translationEditor();
+      g(), v.value = ee, A.value = P.translationEditor();
     }
     function k() {
       var ee;
@@ -5198,7 +5247,7 @@ const bo = {
         }
       }).onPrimary(() => x("close"));
     }
-    async function B() {
+    async function O() {
       var pe, le, ve, b;
       const ee = ((pe = l.value) == null ? void 0 : pe.name) ?? "", a = await C(() => $.submit(() => P.submit()), {
         showLoading: () => {
@@ -5213,7 +5262,7 @@ const bo = {
       const c = ((le = l.value) == null ? void 0 : le.options) ?? [], ne = c.findIndex(
         (h, se) => se < c.length - 1 && !h.name.trim()
       );
-      a.kind === "rejected" && a.issues.some((h) => h.field === "options") && ((ve = F.value) == null ? void 0 : ve.code) === "menu.variant.form.options.name_required" && ne >= 0 && (await el(), (b = E.get(ne)) == null || b.focus());
+      a.kind === "rejected" && a.issues.some((h) => h.field === "options") && ((ve = F.value) == null ? void 0 : ve.code) === "menu.variant.form.options.name_required" && ne >= 0 && (await Je(), (b = E.get(ne)) == null || b.focus());
     }
     const Q = R(
       () => {
@@ -5227,22 +5276,22 @@ 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,
-          "is-container": e(O).FmForm,
-          "is-container-props": { onValidationSuccess: B },
+          "is-container": e(B).FmForm,
+          "is-container-props": { onValidationSuccess: O },
           "onOn:clickedAway": k
         }, {
-          "side-sheet-header": v(() => [
+          "side-sheet-header": p(() => [
             n("p", Is, I(e(o)("menu.variant.form.title.add")), 1)
           ]),
-          "side-sheet-footer": v(() => {
+          "side-sheet-footer": p(() => {
             var pe;
             return [
-              n("div", zs, [
+              n("div", Ds, [
                 s(c, {
                   label: e(o)("menu.common.actions.add"),
                   disabled: ((pe = l.value) == null ? void 0 : pe.submit.state) !== "allowed",
@@ -5259,12 +5308,12 @@ const bo = {
               ])
             ];
           }),
-          default: v(() => [
+          default: p(() => [
             l.value ? (r(), S("div", Ts, [
               s(qe, {
                 title: e(o)("menu.variant.form.detail")
               }, {
-                default: v(() => [
+                default: p(() => [
                   s(ge, Ce({
                     autofocus: "",
                     "model-value": l.value.name,
@@ -5273,7 +5322,7 @@ const bo = {
                     "error-messages": _.value ? [e(w)(_.value)] : [],
                     "helper-text": e(o)("menu.variant.form.name.helper")
                   }, e($).field("name", e(P).setName)), {
-                    append: v(() => [
+                    append: p(() => [
                       s(c, {
                         class: "!p-0",
                         icon: "g_translate",
@@ -5287,7 +5336,7 @@ const bo = {
                   s(Oe, {
                     label: e(o)("menu.variant.form.options.title")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       n("div", null, [
                         s(ml, {
                           items: Q.value,
@@ -5295,7 +5344,7 @@ const bo = {
                           "lock-last": "",
                           onReorder: a[3] || (a[3] = (pe) => e(P).reorderOptions(pe))
                         }, {
-                          item: v(({ element: pe, index: le }) => [
+                          item: p(({ element: pe, index: le }) => [
                             n("div", {
                               class: "flex items-center space-x-8",
                               "data-not-allow-sort": le === l.value.options.length - 1
@@ -5319,10 +5368,10 @@ 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(() => [
+                                    fn: p(() => [
                                       n("div", Ls, [
                                         s(c, {
                                           class: "!p-0",
@@ -5352,7 +5401,7 @@ const bo = {
                           ]),
                           _: 1
                         }, 8, ["items"]),
-                        F.value ? (r(), S("p", Ds, I(e(w)(F.value)), 1)) : y("", !0)
+                        F.value ? (r(), S("p", zs, I(e(w)(F.value)), 1)) : y("", !0)
                       ])
                     ]),
                     _: 1
@@ -5367,7 +5416,7 @@ const bo = {
         A.value ? (r(), T(pa, {
           key: 0,
           session: A.value,
-          "expanded-section": p.value,
+          "expanded-section": v.value,
           onClose: g
         }, null, 8, ["session", "expanded-section"])) : y("", !0)
       ], 64);
@@ -5394,11 +5443,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, v) => o("created", { kind: A, name: v }), { t: w } = be(), C = Qe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = W(!1), _ = W(!1), F = W(!1), L = W(!1), E = W(!1);
     function G(A) {
       if (A === "printRoute") {
-        z.value = !0;
+        L.value = !0;
         return;
       }
       if (A === "takeaway") {
@@ -5429,22 +5478,22 @@ const bo = {
             text: w("menu.common.actions.cancel"),
             close: !0
           }
-        }).onPrimary(async (p) => {
+        }).onPrimary(async (v) => {
           (await P(
-            () => x.sdk.priceTier.create(String(p ?? ""))
-          )).kind === "success" && (d("priceGroup", String(p ?? "")), C.close());
+            () => x.sdk.priceTier.create(String(v ?? ""))
+          )).kind === "success" && (d("priceGroup", String(v ?? "")), C.close());
         });
         return;
       }
       if (A === "category") {
-        const p = x.sdk.category.editor();
-        m.value = p;
+        const v = x.sdk.category.editor();
+        m.value = v;
         const g = Al.category;
         C.open({
           title: w(g.title),
           contentComponent: fs,
           contentComponentProps: {
-            session: p,
+            session: v,
             label: w(g.label),
             validation: l
           },
@@ -5454,22 +5503,22 @@ const bo = {
             close: !0
           }
         }).onPrimary(async () => {
-          const f = p.get(), k = f.status === "ready" ? f.value.name : "";
+          const f = v.get(), k = f.status === "ready" ? f.value.name : "";
           (await P(
-            () => l.submit(() => p.submit())
+            () => l.submit(() => v.submit())
           )).kind === "success" && (d("category", k), C.close());
-        }).onClose(() => p.dispose());
+        }).onClose(() => v.dispose());
         return;
       }
       if (A === "subcategory") {
-        const p = x.sdk.subCategory.editor();
-        m.value = p;
+        const v = x.sdk.subCategory.editor();
+        m.value = v;
         const g = Al.subcategory;
         C.open({
           title: w(g.title),
           contentComponent: gs,
           contentComponentProps: {
-            session: p,
+            session: v,
             label: w(g.label),
             validation: l
           },
@@ -5479,45 +5528,45 @@ const bo = {
             close: !0
           }
         }).onPrimary(async () => {
-          const f = p.get(), k = f.status === "ready" ? f.value.name : "";
+          const f = v.get(), k = f.status === "ready" ? f.value.name : "";
           (await P(
-            () => l.submit(() => p.submit())
+            () => l.submit(() => v.submit())
           )).kind === "success" && (d("subcategory", k), C.close());
         });
       }
     }
-    return V({ open: G }), (A, p) => (r(), S(ie, null, [
+    return V({ open: G }), (A, v) => (r(), S(re, null, [
       $.value ? (r(), T(ra, {
         key: 0,
         presentation: A.presentation,
         sdk: A.sdk,
-        onClose: p[0] || (p[0] = (g) => $.value = !1),
-        onCreated: p[1] || (p[1] = (g) => d("group", g))
+        onClose: v[0] || (v[0] = (g) => $.value = !1),
+        onCreated: v[1] || (v[1] = (g) => d("group", g))
       }, null, 8, ["presentation", "sdk"])) : y("", !0),
       _.value ? (r(), T(Rs, {
         key: 1,
         sdk: A.sdk,
-        onClose: p[2] || (p[2] = (g) => _.value = !1),
-        onCreated: p[3] || (p[3] = (g) => d("variant", g))
+        onClose: v[2] || (v[2] = (g) => _.value = !1),
+        onCreated: v[3] || (v[3] = (g) => d("variant", g))
       }, null, 8, ["sdk"])) : y("", !0),
       F.value ? (r(), T(ws, {
         key: 2,
         "initial-product-ids": A.itemId ? [A.itemId] : [],
         sdk: A.sdk,
-        onClose: p[4] || (p[4] = (g) => F.value = !1),
-        onCreated: p[5] || (p[5] = (g) => d("pacing", g))
+        onClose: v[4] || (v[4] = (g) => F.value = !1),
+        onCreated: v[5] || (v[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),
-        onCreated: p[7] || (p[7] = (g) => d("printRoute", g))
+        onClose: v[6] || (v[6] = (g) => L.value = !1),
+        onCreated: v[7] || (v[7] = (g) => d("printRoute", g))
       }, null, 8, ["sdk"])) : y("", !0),
       E.value ? (r(), T(Us, {
         key: 4,
         sdk: A.sdk,
-        onClose: p[8] || (p[8] = (g) => E.value = !1),
-        onCreated: p[9] || (p[9] = (g) => d("takeaway", g))
+        onClose: v[8] || (v[8] = (g) => E.value = !1),
+        onCreated: v[9] || (v[9] = (g) => d("takeaway", g))
       }, null, 8, ["sdk"])) : y("", !0)
     ], 64));
   }
@@ -5525,6 +5574,8 @@ const bo = {
 export {
   Al as I,
   ii as _,
-  ri as a,
-  vo as b
+  Nl as a,
+  ri as b,
+  vo as c,
+  Ml as u
 };