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

package/dist/{ProductInlineCreateHost.vue_vue_type_script_setup_true_lang-aDx01-WW.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 M, toDisplayString as I, createElementBlock as S, createCommentVNode as y, createVNode as s, ref as X, computed as R, toRaw as Je, onBeforeUnmount as ke, Fragment as re, renderList as Fe, shallowRef as ye, watch as Ae, onMounted as Bl, createTextVNode as sl, withModifiers as Ee, normalizeClass as Be, h as H, createSlots as cl, nextTick as el, normalizeStyle as pl, isRef as Ol, mergeProps as Ce, withDirectives as ul } from "vue";
+import { 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 Ne, FmButtonColorThemeVariant as Vl } from "@feedmepos/ui-library";
-import { b as Jl } from "./app-Bmgb8ACe.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-CfF0FmUz.js";
-import { u as Ue } from "./useActionFeedback-DyUCQl2x.js";
-import { a as dl, b as Pl, t as Ul, r as ta, d as oa, c as na } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-DtCzHjpN.js";
-import { _ as Ke, a as nl, F as sa, b as Dl, c as ia, d as ra } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-J6LpJ5wT.js";
-import { a as zl, A as Il, _ as ua } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-0tCpJlOf.js";
-import { _ as Rl } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-DySFcCJz.js";
-import { _ as da } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-DffhFv0Y.js";
+import { 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-C3SqQPSr.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-Dw2xiPYX.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: {
@@ -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,
@@ -82,10 +112,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
@@ -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
@@ -144,7 +174,7 @@ const ml = /* @__PURE__ */ ce({
   },
   emits: ["close", "confirm"],
   setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = X(""), C = X(""), P = X(!0);
+    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,7 +195,7 @@ 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] = (L) => P.value = L),
@@ -173,29 +203,29 @@ const ml = /* @__PURE__ */ ce({
       ],
       "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] = (L) => w.value = L),
                 label: e(o)("menu.product_image.custom.width"),
@@ -205,7 +235,7 @@ 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] = (L) => C.value = L),
                 label: e(o)("menu.product_image.custom.height"),
@@ -231,7 +261,7 @@ const ml = /* @__PURE__ */ ce({
   },
   emits: ["close", "confirm"],
   setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = X(""), w = X(!1), C = X(!0);
+    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,10 +326,10 @@ 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"], Ma = { class: "fm-typo-en-body-lg-600" }, Na = {
@@ -320,19 +350,19 @@ const ml = /* @__PURE__ */ ce({
   },
   emits: ["close"],
   setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = Qe(), C = Pe(), P = X(null), m = X("");
+    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($, _), L = Le(F);
+    const $ = el(i.target), _ = el(i.imageRef), F = i.sdk.productImage.manage($, _), L = Le(F);
     ke(() => F.dispose());
     const E = R(
       () => 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();
@@ -399,7 +429,7 @@ const ml = /* @__PURE__ */ ce({
         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);
@@ -431,28 +461,28 @@ const ml = /* @__PURE__ */ ce({
       await d(() => F.removeRatio(q.id), { showLoading: !1 });
     }
     return (q, Z) => (r(), S(re, null, [
-      s(e(O).FmSideSheet, {
+      s(e(B).FmSideSheet, {
         id: "manage-product-image",
-        modelValue: p.value,
+        modelValue: v.value,
         "onUpdate:modelValue": [
-          Z[2] || (Z[2] = (N) => p.value = N),
+          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",
@@ -484,7 +514,7 @@ const ml = /* @__PURE__ */ ce({
                   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"),
@@ -499,33 +529,43 @@ 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] = (N) => 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)
@@ -537,50 +577,60 @@ const ml = /* @__PURE__ */ ce({
                   role: "group",
                   "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: !N.previewUrl,
-                    variant: "plain",
-                    onClick: (Ie) => l(N.previewUrl, N.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(() => [
-                          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(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(N.label), 1),
-                      N.required ? (r(), T(e(O).FmChip, {
+                      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(N) ? (r(), T(e(O).FmChip, {
+                      O(N) ? (r(), T(e(B).FmChip, {
                         key: 1,
                         color: N.status === "pending" ? "warning" : "negative",
-                        label: B(N),
+                        label: O(N),
                         size: "sm"
                       }, null, 8, ["color", "label"])) : y("", !0)
                     ]),
@@ -588,25 +638,45 @@ const ml = /* @__PURE__ */ ce({
                     !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: N.label
-                      }),
-                      disabled: N.replace.state !== "allowed",
-                      icon: "image",
-                      variant: "tertiary",
-                      onClick: (Ie) => k.value = N
-                    }, null, 8, ["aria-label", "disabled", "onClick"]),
-                    s(e(O).FmButton, {
-                      "aria-label": e(o)("menu.product_image.regenerate.action_for", {
-                        ratio: N.label
-                      }),
-                      disabled: N.regenerate.state !== "allowed",
-                      icon: "autorenew",
-                      variant: "tertiary",
-                      onClick: (Ie) => pe(N)
-                    }, null, 8, ["aria-label", "disabled", "onClick"]),
-                    N.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: N.label
@@ -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] = (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,
@@ -695,13 +765,13 @@ const ml = /* @__PURE__ */ ce({
     target: {}
   },
   setup(Y) {
-    const V = Y, { t: i, n: x } = be(), { run: o } = Ue(), d = Qe(), w = Zl(), C = Pe(), P = Ll(), m = R(() => Je(V.target)), l = ye({
+    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(D) {
-      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(D), _ = $.subscribe((z) => {
-        l.value = z;
+    function F(z) {
+      _ == null || _(), $ == null || $.dispose(), $ = V.sdk.productImage.gallery(z), _ = $.subscribe((D) => {
+        l.value = D;
       });
     }
     F(m.value), ke(() => {
@@ -711,67 +781,67 @@ const ml = /* @__PURE__ */ ce({
       () => l.value.status === "ready" ? l.value.value : null
     ), E = R(
       () => {
-        var D;
-        return ((D = L.value) == null ? void 0 : D.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, (D, z) => {
-      D !== z && (B.value = null, ee(), N(), F(D));
+    Ae(m, (z, D) => {
+      z !== D && (O.value = null, ee(), N(), F(z));
     });
     const a = R(
       () => g.value[f.value] ?? null
     ), c = R(() => {
-      var D;
-      return ((D = L.value) == null ? void 0 : D.addImage.state) !== "allowed";
+      var z;
+      return ((z = L.value) == null ? void 0 : z.addImage.state) !== "allowed";
     });
     function ne() {
-      var D;
-      (D = A.value) == null || D.click();
+      var z;
+      (z = A.value) == null || z.click();
     }
-    function pe(D) {
-      const z = D.target;
-      ve(Array.from(z.files ?? [])), z.value = "";
+    function pe(z) {
+      const D = z.target;
+      ve(Array.from(D.files ?? [])), D.value = "";
     }
-    function le(D) {
-      var z;
-      p.value = !1, !c.value && ve(Array.from(((z = D.dataTransfer) == null ? void 0 : z.files) ?? []));
+    function le(z) {
+      var D;
+      v.value = !1, !c.value && ve(Array.from(((D = z.dataTransfer) == null ? void 0 : D.files) ?? []));
     }
-    function ve(D) {
-      if (c.value || D.length === 0) return;
-      const z = [];
-      for (const W of D) {
-        const ie = V.sdk.productImage.screenFile(W.type);
+    function ve(z) {
+      if (c.value || z.length === 0) return;
+      const D = [];
+      for (const X of z) {
+        const ie = V.sdk.productImage.screenFile(X.type);
         if (ie) {
           o(async () => ({ kind: "rejected", issues: [ie] }), {
             showLoading: !1
           });
           continue;
         }
-        z.push(W);
+        D.push(X);
       }
-      z.length !== 0 && (g.value = z, f.value = 0, k.value = [], Q = m.value);
+      D.length !== 0 && (g.value = D, f.value = 0, k.value = [], Q = m.value);
     }
-    function b(D) {
-      const z = V.sdk.productImage.screenDecoded(
-        D ? { width: D.width, height: D.height } : null
+    function b(z) {
+      const D = V.sdk.productImage.screenDecoded(
+        z ? { width: z.width, height: z.height } : null
       );
-      if (z || !D) {
-        z && o(async () => ({ kind: "rejected", issues: [z] }), {
+      if (D || !z) {
+        D && o(async () => ({ kind: "rejected", issues: [D] }), {
           showLoading: !1
         }), se();
         return;
       }
       k.value.push({
-        contentType: D.blob.type,
-        fileName: D.fileName,
-        width: D.width,
-        height: D.height,
-        byteLength: D.blob.size,
-        bytes: D.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,15 +852,15 @@ const ml = /* @__PURE__ */ ce({
         f.value += 1;
         return;
       }
-      const D = k.value, z = Q;
-      ee(), D.length > 0 && z && de(z, D);
+      const z = k.value, D = Q;
+      ee(), z.length > 0 && D && de(D, z);
     }
-    async function de(D, z) {
+    async function de(z, D) {
       var ie;
-      const W = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
+      const X = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
       await o(
-        () => V.sdk.productImage.upload(D, z),
-        W ? {
+        () => V.sdk.productImage.upload(z, D),
+        X ? {
           showLoading: !1,
           successMessage: i("menu.product_image.staged_added")
         } : {
@@ -804,54 +874,54 @@ const ml = /* @__PURE__ */ ce({
     function N() {
       q == null || q.dispose(), Z == null || Z(), q = null, Z = null, $e.value = null, fe.value = null;
     }
-    function Ie(D) {
-      const z = m.value;
-      if (!z) return null;
+    function Ie(z) {
+      const D = m.value;
+      if (!D) return null;
       N();
-      const W = V.sdk.productImage.edit(z, Je(D.imageRef));
-      return q = W, Z = W.subscribe((ie) => {
+      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);
-      }), W;
+      }), X;
     }
-    async function De(D, z) {
-      const W = await o(D, {
-        loadingMessage: z,
-        showLoading: !!z
+    async function ze(z, D) {
+      const X = await o(z, {
+        loadingMessage: D,
+        showLoading: !!D
       });
-      return W.kind === "success" && w.open({
-        type: W.value.severity,
-        [W.value.presentation]: C(W.value.message)
-      }), W;
+      return X.kind === "success" && w.open({
+        type: X.value.severity,
+        [X.value.presentation]: C(X.value.message)
+      }), X;
     }
-    async function Ge(D) {
-      const z = Ie(D), W = fe.value;
-      if (!(!z || !W))
+    async function Ge(z) {
+      const D = Ie(z), X = fe.value;
+      if (!(!D || !X))
         try {
-          const ie = await Pl(W.sourceUrl);
-          q === z && ($e.value = ie);
+          const ie = await Pl(X.sourceUrl);
+          q === D && ($e.value = ie);
         } catch {
-          q === z && await De(() => z.confirmCrop(null));
+          q === D && await ze(() => D.confirmCrop(null));
         }
     }
-    async function Ye(D) {
-      const z = q, W = fe.value;
-      if ($e.value = null, !z || !W) return;
+    async function Ye(z) {
+      const D = q, X = fe.value;
+      if ($e.value = null, !D || !X) return;
       let ie = null;
       try {
-        ie = await Ul(D);
+        ie = await Ul(z);
       } catch {
       }
-      await De(
-        () => z.confirmCrop(ie),
-        D ? C(W.loadingMessage) : void 0
-      ), q === z && N();
+      await ze(
+        () => D.confirmCrop(ie),
+        z ? C(X.loadingMessage) : void 0
+      ), q === D && N();
     }
-    async function He(D) {
-      const z = Ie(D), W = fe.value;
-      if (!z || !W) return;
+    async function He(z) {
+      const D = Ie(z), X = fe.value;
+      if (!D || !X) return;
       const ie = await o(
-        () => z.prepareRemy(async () => {
-          const _e = await Pl(W.sourceUrl);
+        () => D.prepareRemy(async () => {
+          const _e = await Pl(X.sourceUrl);
           return {
             contentType: _e.type,
             byteLength: _e.size,
@@ -860,23 +930,23 @@ const ml = /* @__PURE__ */ ce({
         }),
         { showLoading: !1 }
       );
-      ie.kind === "success" && q === z && P.activate({
+      ie.kind === "success" && q === D && P.activate({
         imageData: ie.value.imageData,
         command: "modifyImage"
       });
     }
-    function J(D) {
+    function J(z) {
       var ie;
-      const z = (ie = D.detail) == null ? void 0 : ie.imageData, W = q;
-      !W || typeof z != "string" || !z || De(
-        () => W.applyRemy(async () => {
-          const _e = await oa(z);
+      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,
             byteLength: _e.size,
             fileName: _e.name,
             bytes: _e,
-            base64: z,
+            base64: D,
             width: 0,
             height: 0
           } : Ul(await na(_e));
@@ -887,9 +957,9 @@ const ml = /* @__PURE__ */ ce({
     Bl(() => window.addEventListener("apply-image", J)), ke(() => {
       window.removeEventListener("apply-image", J), N();
     });
-    function we(D) {
-      const z = m.value;
-      z && d.open({
+    function we(z) {
+      const D = m.value;
+      D && d.open({
         title: i("menu.product_image.delete.title"),
         message: i("menu.product_image.delete.message"),
         primaryActions: {
@@ -902,23 +972,23 @@ const ml = /* @__PURE__ */ ce({
         }
       }).onPrimary(async () => {
         await o(
-          async () => V.sdk.productImage.removeImage(z, Je(D.imageRef)),
+          async () => V.sdk.productImage.removeImage(D, el(z.imageRef)),
           { showLoading: !1 }
         );
       });
     }
-    return (D, z) => (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(re, { key: 0 }, [
-            s(e(O).FmIcon, {
+            s(e(B).FmIcon, {
               class: "mr-4 align-text-bottom",
               color: "neutral-gray-400",
               name: "crop",
@@ -931,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: z[0] || (z[0] = Ee((W) => p.value = !1, ["prevent"])),
-            onDragover: z[1] || (z[1] = Ee((W) => 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",
@@ -960,31 +1030,31 @@ const ml = /* @__PURE__ */ ce({
               onChange: pe
             }, null, 40, _t)
           ], 34),
-          (r(!0), S(re, null, Fe(E.value, (W, ie) => {
-            var _e, Xe, ze;
+          (r(!0), S(re, null, Fe(E.value, (X, ie) => {
+            var _e, Xe, De;
             return r(), S("div", {
-              key: W.url,
+              key: X.url,
               class: "product-image-tile relative aspect-square"
             }, [
-              s(e(O).FmButton, {
+              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: W.manage.state !== "allowed",
+                disabled: X.manage.state !== "allowed",
                 variant: "plain",
-                onClick: (je) => B.value = W.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: ie + 1 }),
                           class: "h-full w-full object-cover",
-                          src: W.url
+                          src: X.url
                         }, null, 8, kt)
                       ]),
                       _: 2
@@ -994,18 +1064,18 @@ const ml = /* @__PURE__ */ ce({
                 _: 2
               }, 1032, ["aria-label", "label", "disabled", "onClick"]),
               n("div", wt, [
-                W.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),
-                W.formatCount !== null && W.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)(W.formatCount),
+                  label: e(x)(X.formatCount),
                   "right-icon": "resize"
                 }, null, 8, ["label"])) : y("", !0)
               ]),
               n("div", xt, [
-                ((_e = W.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"),
@@ -1013,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(W), ["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 = W.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(W), ["stop"])
+                  onClick: Ee((je) => He(X), ["stop"])
                 }, {
-                  default: v(() => [
-                    s(e(O).FmIcon, {
+                  default: p(() => [
+                    s(e(B).FmIcon, {
                       name: "auto_awesome",
                       size: "sm"
                     })
@@ -1043,25 +1113,26 @@ const ml = /* @__PURE__ */ ce({
                   _: 2
                 }, 1032, ["label", "aria-label", "title", "disabled", "onClick"])) : y("", !0)
               ]),
-              s(e(O).FmButton, {
+              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: W.remove.state !== "allowed",
+                disabled: X.remove.state !== "allowed",
                 "bg-color": "neutral-black",
                 "icon-color": "neutral-white",
                 variant: "tertiary",
-                onClick: (je) => we(W)
+                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))
         ]),
@@ -1081,12 +1152,12 @@ const ml = /* @__PURE__ */ ce({
           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: z[2] || (z[2] = (W) => B.value = null)
+          onClose: D[2] || (D[2] = (X) => O.value = null)
         }, null, 8, ["image-ref", "sdk", "target"])) : y("", !0)
       ]),
       _: 1
@@ -1141,7 +1212,7 @@ 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,
       (_) => {
@@ -1192,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),
@@ -1211,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, {
@@ -1249,7 +1320,7 @@ const ml = /* @__PURE__ */ ce({
   },
   emits: ["update:modelValue", "update:enabled"],
   setup(Y, { emit: V }) {
-    const i = Y, x = V, o = Pe(), d = X(i.modelValue !== null);
+    const i = Y, x = V, o = Pe(), d = W(i.modelValue !== null);
     let w = !1;
     Ae(
       () => i.modelValue,
@@ -1275,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
@@ -1294,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" }, 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 = {
+}), 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({
@@ -1327,7 +1398,7 @@ 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;
@@ -1367,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
@@ -1381,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,
@@ -1396,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(
@@ -1424,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", {
@@ -1447,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",
@@ -1470,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.
@@ -1482,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()
                 })
@@ -1540,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(
@@ -1587,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,
@@ -1613,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
@@ -1627,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",
@@ -1643,7 +1715,7 @@ const ml = /* @__PURE__ */ ce({
                 );
               }
             }),
-            H(O.FmButton, {
+            H(B.FmButton, {
               prependIcon: "arrow_split",
               textColor: "neutral-gray-400",
               variant: "tertiary",
@@ -1663,7 +1735,7 @@ const ml = /* @__PURE__ */ ce({
     }
     return (b, h) => {
       var He;
-      const se = M("FmSelect"), de = M("FmButton"), $e = M("FmChip"), fe = M("FmCard"), q = M("FmStepperField"), Z = M("FmFormGroup"), N = M("FmSwitch"), Ie = M("FmIcon"), De = M("FmTable"), Ge = M("FmSideSheet"), Ye = M("ProductGroupSheet", !0);
+      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,
@@ -1671,14 +1743,14 @@ const ml = /* @__PURE__ */ ce({
           "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"),
@@ -1700,14 +1772,14 @@ 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(() => [
+                default: p(() => [
                   n("p", Mt, I(e(d)("menu.group.option.variant")), 1),
                   n("div", Nt, [
                     s(se, {
@@ -1760,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,
@@ -1768,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",
@@ -1781,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"),
@@ -1811,7 +1883,7 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(d)("menu.common.labels.configuration")
                   }, {
-                    default: v(() => {
+                    default: p(() => {
                       var J;
                       return [
                         n("div", Qt, [
@@ -1864,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 },
@@ -1901,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",
@@ -1917,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",
@@ -1925,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, [
@@ -1933,18 +2005,18 @@ const ml = /* @__PURE__ */ ce({
                   variant: "outlined",
                   class: "px-16 py-12"
                 }, {
-                  default: v(() => {
-                    var D;
+                  default: p(() => {
+                    var z;
                     return [
                       n("p", oo, I(e(d)("menu.group.nested.currently_configuring")), 1),
-                      n("p", no, I((D = G.value) == null ? void 0 : D.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,
@@ -1964,7 +2036,7 @@ 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,
@@ -1974,7 +2046,7 @@ const ml = /* @__PURE__ */ ce({
         }, 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,
@@ -1982,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);
     };
@@ -2083,38 +2155,7 @@ const ml = /* @__PURE__ */ ce({
       }, null, 8, ["aria-label"]));
     };
   }
-});
-function Ml(Y, V) {
-  const i = X(""), 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 = 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 = 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 bo = {
+}), bo = {
   key: 0,
   class: "sticky top-0 z-10 px-8 pb-8 bg-fm-color-neutral-white"
 }, fo = {
@@ -2138,8 +2179,8 @@ const bo = {
       F || P(), $(F);
     }
     return (F, L) => {
-      const E = M("FmSearch"), G = M("FmMenuItem"), A = M("FmButton"), p = M("FmSelect");
-      return r(), T(p, {
+      const E = M("FmSearch"), G = M("FmMenuItem"), A = M("FmButton"), v = M("FmSelect");
+      return r(), T(v, {
         items: F.items,
         disabled: F.disabled,
         multiselect: "",
@@ -2149,7 +2190,7 @@ const bo = {
         "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,
@@ -2204,7 +2245,7 @@ const bo = {
   },
   emits: ["create"],
   setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = Pe(), w = (g) => g.labelMessage ? d(g.labelMessage) : g.label, C = X(!1), P = X(), { search: m, filtered: l, noMatches: $, reset: _ } = Ml(
+    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
     ), {
@@ -2220,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 = M("FmIcon"), B = M("FmField"), Q = M("FmSearch"), ee = M("FmMenuItem"), a = M("FmButton"), c = M("FmMenu"), ne = M("FmFormGroup"), pe = M("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")
@@ -2235,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,
@@ -2243,25 +2284,25 @@ 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,
@@ -2281,7 +2322,7 @@ const bo = {
                     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, {
@@ -2315,7 +2356,7 @@ 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" }, Mo = {
+}, 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"
 }, 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 = {
@@ -2334,9 +2375,9 @@ const bo = {
     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]) => {
@@ -2368,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 L(f, k) {
       _(
         m.value.map(
-          (B) => B.code === f ? { ...B, description: k } : B
+          (O) => O.code === f ? { ...O, description: k } : O
         )
       );
     }
@@ -2400,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"),
@@ -2419,19 +2460,19 @@ const bo = {
           variant: "tertiary",
           close: !0
         }
-      }).onPrimary(p);
+      }).onPrimary(v);
     }
     return (f, k) => {
-      const B = M("FmIcon"), Q = M("FmTextarea"), ee = M("FmButton"), a = M("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"),
@@ -2449,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 })),
@@ -2465,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)
@@ -2520,14 +2561,14 @@ 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),
+              ], 8, zo),
               P.value ? (r(), S("div", Mo, [
                 n("div", null, [
                   n("p", No, I(e(o)("menu.common.translation.default")), 1),
@@ -2589,7 +2630,7 @@ 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]" }, Mn = {
+}, zn = { class: "fm-typo-en-body-lg-400" }, Dn = { class: "w-[258px]" }, Rn = { class: "w-[117px]" }, Mn = {
   key: 0,
   class: "space-y-8"
 }, Nn = {
@@ -2641,13 +2682,13 @@ const bo = {
   },
   emits: ["select-scope", "create-entity"],
   setup(Y, { emit: V }) {
-    const i = Y, x = X(null);
+    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 : [
@@ -2750,11 +2791,11 @@ const bo = {
         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: ""
       }))
     );
@@ -2768,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) {
@@ -2807,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);
         });
@@ -2826,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;
@@ -2846,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
       }))
     ), 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"),
@@ -2880,7 +2921,7 @@ 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: Ne.Plain,
@@ -2940,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 ?? "")
             })
@@ -2963,7 +3004,7 @@ const bo = {
               role: "combobox"
             },
             [
-              H(O.FmSelect, {
+              H(B.FmSelect, {
                 items: [
                   {
                     label: l(
@@ -3024,7 +3065,7 @@ const bo = {
               ...a.value.showVariantMemberPricing ? [
                 H("div", { class: "flex items-center gap-8" }, [
                   H(
-                    O.FmButton,
+                    B.FmButton,
                     {
                       variant: Ne.Plain,
                       label: l(
@@ -3108,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
           })
@@ -3155,7 +3196,7 @@ const bo = {
             "div",
             { class: "flex justify-end", "data-product-group-id": t.id },
             [
-              H(O.FmButton, {
+              H(B.FmButton, {
                 icon: "delete",
                 variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
@@ -3165,7 +3206,7 @@ const bo = {
                 }),
                 onClick: () => c.value.removeGroup(t.id)
               }),
-              H(O.FmButton, {
+              H(B.FmButton, {
                 icon: "edit",
                 variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
@@ -3183,18 +3224,18 @@ const bo = {
           );
         }
       }
-    ]), J = X(!1), we = ye(
+    ]), J = W(!1), we = ye(
       null
     );
-    let D = null, z = null;
-    function W() {
-      z == null || z(), z = null, D == null || D.dispose(), D = 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 ie(u) {
       if (u.edit.state !== "allowed") return;
-      W();
+      X();
       const t = i.session.groupEditor(u.id);
-      D = t, we.value = t.get(), z = t.subscribe((j) => {
+      z = t, we.value = t.get(), D = t.subscribe((j) => {
         we.value = j;
       }), J.value = !0;
     }
@@ -3204,7 +3245,7 @@ const bo = {
         return ((u = we.value) == null ? void 0 : u.status) === "ready" ? we.value.value : null;
       }
     );
-    ke(W);
+    ke(X);
     const Xe = R(
       () => a.value.inventoryRows.map((u) => ({
         _id: u.key,
@@ -3212,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");
@@ -3265,7 +3306,7 @@ const bo = {
             },
             [
               H(
-                O.FmSelect,
+                B.FmSelect,
                 {
                   items: [
                     {
@@ -3287,7 +3328,7 @@ const bo = {
                 {
                   // Legacy appends the same "Add new" row to this menu
                   // (`ProductTakeaway.vue:108-128`).
-                  "append-menu": () => H(O.FmButton, {
+                  "append-menu": () => H(B.FmButton, {
                     variant: Ne.Plain,
                     prependIcon: "add",
                     class: "w-full justify-start",
@@ -3307,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", {
@@ -3329,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);
     };
@@ -3355,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) => {
@@ -3435,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, [
@@ -3446,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
                           }) : ""
@@ -3465,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 }
@@ -3473,13 +3514,13 @@ 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(re, null, Fe(a.value.nameTranslationTooltip, (U) => (r(), S("div", {
                                     key: U.locale
@@ -3489,7 +3530,7 @@ const bo = {
                                   })), 1))), 128))
                                 ])
                               ]),
-                              default: v(() => [
+                              default: p(() => [
                                 s(oe, {
                                   disabled: a.value.nameTranslation.state !== "allowed",
                                   icon: "g_translate",
@@ -3524,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)
@@ -3538,7 +3579,7 @@ const bo = {
                           placement: "top",
                           "z-index": 999
                         }, {
-                          content: v(() => [
+                          content: p(() => [
                             n("div", vn, [
                               (r(!0), S(re, null, Fe(a.value.descriptionTranslationTooltip, (U) => (r(), S("div", {
                                 key: U.locale
@@ -3548,7 +3589,7 @@ const bo = {
                               })), 1))), 128))
                             ])
                           ]),
-                          default: v(() => [
+                          default: p(() => [
                             s(oe, {
                               disabled: a.value.descriptionTranslation.state !== "allowed",
                               icon: "g_translate",
@@ -3561,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"])
                       ])
                     ]),
@@ -3573,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, {
@@ -3637,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,
@@ -3655,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) => ({
@@ -3669,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",
@@ -3684,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",
@@ -3718,7 +3759,7 @@ 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(re, null, Fe(["perBill", "perOrderSession"], (U) => n("div", {
                             key: U,
@@ -3812,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 ?? {},
@@ -3832,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, [
@@ -3852,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
@@ -3918,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",
@@ -3926,9 +3967,9 @@ 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,
+                        "column-defs": ze.value,
                         "row-data": N.value,
                         "page-size": N.value.length,
                         "hide-footer": ""
@@ -3939,7 +3980,7 @@ const bo = {
                   s(Oe, {
                     label: e(l)("menu.product.form.price.settings.title")
                   }, {
-                    default: v(() => {
+                    default: p(() => {
                       var ae, Se;
                       return [
                         n("div", Bn, [
@@ -3968,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)(
@@ -3979,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"
@@ -3998,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"
@@ -4029,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"])
@@ -4052,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)))
@@ -4069,7 +4110,7 @@ const bo = {
                     key: 2,
                     label: e(l)("menu.product.form.price.statutory_charges.title")
                   }, {
-                    default: v(() => [
+                    default: p(() => [
                       n("div", Kn, [
                         (r(!0), S(re, null, Fe(a.value.statutoryCharges, (ae) => (r(), S("div", {
                           key: ae.code,
@@ -4099,7 +4140,7 @@ const bo = {
                                 type: "number",
                                 inputmode: "numeric",
                                 "error-messages": ue(`statutoryCharges.${ae.code}`) ? [
-                                  e(p)(
+                                  e(v)(
                                     ue(`statutoryCharges.${ae.code}`)
                                   )
                                 ] : [],
@@ -4130,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, {
@@ -4157,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,
@@ -4176,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, [
@@ -4241,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"),
@@ -4251,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",
@@ -4326,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"),
@@ -4335,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,
@@ -4361,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",
@@ -4385,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))))
@@ -4410,7 +4451,7 @@ 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(Me, {
                     key: 0,
@@ -4447,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, {
@@ -4463,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"),
@@ -4512,25 +4553,25 @@ const bo = {
             key: 1,
             "model-value": J.value,
             view: _e.value,
-            session: e(D),
+            session: e(z),
             "order-from-options": a.value.orderFromOptions,
             presentation: u.presentation,
             "create-price-group": w,
-            "onUpdate:modelValue": t[56] || (t[56] = (K) => K || W())
+            "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);
@@ -4548,41 +4589,41 @@ const bo = {
       () => 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 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);
     }
@@ -4591,28 +4632,28 @@ const bo = {
     }
     return ke(() => {
       F(!0), V.session.dispose();
-    }), (p, g) => {
+    }), (v, g) => {
       var k;
       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",
@@ -4638,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)
@@ -4660,7 +4701,7 @@ const bo = {
       () => 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);
@@ -4688,7 +4729,7 @@ const bo = {
             (G) => $.session.setName(String(G ?? ""))
           )
         ), {
-          append: v(() => {
+          append: p(() => {
             var G;
             return [
               s(F, {
@@ -4739,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", {
@@ -4765,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,
@@ -4779,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", {
@@ -4789,7 +4830,7 @@ const bo = {
           onClick: () => w.unlinkProduct(f.row.original.productId)
         })
       }
-    ]), F = X(!1), L = X(!1);
+    ]), F = W(!1), L = W(!1);
     function E() {
       var f;
       ((f = m.value) == null ? void 0 : f.translation.state) === "allowed" && (w.beginTranslationEdit(), L.value = !0);
@@ -4801,9 +4842,9 @@ const bo = {
       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;
@@ -4816,30 +4857,30 @@ const bo = {
     }
     return (f, k) => {
       var a;
-      const B = M("FmButton"), Q = M("FmTable"), ee = M("FmSideSheet");
+      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",
@@ -4848,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",
@@ -4873,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",
@@ -4885,7 +4926,7 @@ const bo = {
                     }, null, 8, ["border-color", "label", "text-color"])
                   ])
                 ]),
-                default: v(() => {
+                default: p(() => {
                   var c;
                   return [
                     s(Q, {
@@ -4959,25 +5000,25 @@ const bo = {
       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, {
@@ -4989,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"])
             ])
@@ -5019,7 +5060,7 @@ const bo = {
       () => 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);
@@ -5040,21 +5081,21 @@ const bo = {
         }
       })).kind === "success" && (x("created", A), x("close"));
     }
-    return (A, p) => {
+    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, {
@@ -5062,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: "",
@@ -5085,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, {
@@ -5103,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)
@@ -5124,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,
@@ -5149,11 +5190,11 @@ 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: {}
@@ -5178,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;
@@ -5206,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: () => {
@@ -5221,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(
       () => {
@@ -5240,17 +5281,17 @@ const bo = {
         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",
@@ -5267,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,
@@ -5281,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",
@@ -5295,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,
@@ -5303,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
@@ -5330,7 +5371,7 @@ const bo = {
                                 }, L(le)), cl({ _: 2 }, [
                                   le !== l.value.options.length - 1 ? {
                                     name: "append",
-                                    fn: v(() => [
+                                    fn: p(() => [
                                       n("div", Ls, [
                                         s(c, {
                                           class: "!p-0",
@@ -5360,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
@@ -5375,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);
@@ -5403,7 +5444,7 @@ const bo = {
   },
   emits: ["created"],
   setup(Y, { expose: V, emit: i }) {
-    const x = Y, o = i, d = (A, p) => o("created", { kind: A, name: p }), { t: w } = be(), C = Qe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = X(!1), _ = X(!1), F = X(!1), L = X(!1), E = X(!1);
+    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") {
         L.value = !0;
@@ -5437,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
           },
@@ -5462,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
           },
@@ -5487,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(re, 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),
       L.value ? (r(), T(Ss, {
         key: 3,
         sdk: A.sdk,
-        onClose: p[6] || (p[6] = (g) => L.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));
   }
@@ -5533,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
 };