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

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

@@ -1,29 +1,30 @@
-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 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 { ref as Y, computed as R, nextTick as Je, defineComponent as ce, openBlock as r, createBlock as T, unref as e, withCtx as c, createElementVNode as n, renderSlot as Qe, createElementBlock as S, resolveComponent as M, toDisplayString as I, 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 Ol, createTextVNode as sl, withModifiers as Ee, normalizeClass as Be, h as X, createSlots as cl, normalizeStyle as pl, isRef as Ll, mergeProps as Ce, withDirectives as ul } from "vue";
+import { _ as ge, a as Wl, b as $l, u as Yl } from "./TranslationLanguageSelector.vue_vue_type_script_setup_true_lang-BJZ6VcrT.js";
+import { useI18n as be, CustomAttributesForm as Zl } from "@feedmepos/mf-common";
+import { useAppStore as zl, RemyButton as Sl } from "@feedmepos/mf-remy-panel";
+import { InventoryBindingSummary as Jl } from "@feedmepos/mf-inventory-portal";
+import { components as B, useDialog as Xe, useSnackbar as ea, FmButtonVariant as Ne, FmButtonColorThemeVariant as Vl } from "@feedmepos/ui-library";
+import { b as la } from "./app-CxJjx2ma.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 "./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 { d as aa, _ as qe, a as ta } from "./vuedraggable-CBtQLb_S.js";
+import { _ as Dl } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { b as Pe, u as Le, A as oa } from "./provide-BGLSDsuJ.js";
+import { u as Ue } from "./useActionFeedback-CElXij1W.js";
+import { a as dl, b as Pl, t as Ul, r as na, d as sa, c as ia } from "./ProductImageEditorDialog.vue_vue_type_script_setup_true_lang-B3bShTjM.js";
+import { _ as Ke, a as nl, F as ra, b as Rl, c as ua, d as da } from "./ProductGroupCreateSheet.vue_vue_type_script_setup_true_lang-CEliG36Z.js";
+import { a as Ml, A as Il, _ as ma } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-Cb6nO43H.js";
+import { _ as Nl } from "./ProductInventoryDialog.vue_vue_type_script_setup_true_lang-LOwSpoiA.js";
+import { _ as ca } from "./PriceTierNotice.vue_vue_type_script_setup_true_lang-D_OV9Z_4.js";
+import { _ as pa } 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-HwwJ2mGv.js";
+import { _ as va } from "./OrderPacingFields.vue_vue_type_script_setup_true_lang-2Cdz70u-.js";
 import { u as ll } from "./useEditorValidation-Ctef5Bxt.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(
+import { _ as ba } from "./ProductVariantTranslationSheet.vue_vue_type_script_setup_true_lang-C4iK-sAd.js";
+function El(H, V) {
+  const i = Y(""), x = R(() => i.value.trim().toLowerCase()), o = R(
+    () => x.value ? H().filter(
       (C) => V(C).toLowerCase().includes(x.value)
-    ) : Y()
+    ) : H()
   ), d = R(
     () => x.value !== "" && o.value.length === 0
   );
@@ -32,14 +33,14 @@ function Ml(Y, V) {
   }
   return { search: i, filtered: o, noMatches: d, reset: w };
 }
-function Nl() {
-  const Y = W(), V = W();
+function ql() {
+  const H = Y(), V = Y();
   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;
+    const w = (P = H.value) == null ? void 0 : P.parentElement;
     if (!i || !w) return;
     const C = getComputedStyle(w);
     V.value = w.clientHeight - parseFloat(C.paddingTop) - parseFloat(C.paddingBottom);
@@ -47,7 +48,7 @@ function Nl() {
   const o = R(
     () => V.value ? { minHeight: `${V.value}px` } : void 0
   );
-  return { content: Y, contentStyle: o, onMenuChanged: x };
+  return { content: H, contentStyle: o, onMenuChanged: x };
 }
 const ml = /* @__PURE__ */ ce({
   __name: "FlatInlineSort",
@@ -57,8 +58,8 @@ const ml = /* @__PURE__ */ ce({
     lockLast: { type: Boolean }
   },
   emits: ["reorder"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V;
+  setup(H, { emit: V }) {
+    const i = H, x = V;
     function o(w) {
       x(
         "reorder",
@@ -68,7 +69,7 @@ const ml = /* @__PURE__ */ ce({
     function d(w) {
       return !i.lockLast || w.draggedContext.futureIndex !== w.relatedContext.list.length - 1;
     }
-    return (w, C) => (r(), T(e(ea), {
+    return (w, C) => (r(), T(e(aa), {
       "model-value": [...i.items],
       "item-key": "id",
       handle: i.handle,
@@ -76,9 +77,9 @@ const ml = /* @__PURE__ */ ce({
       class: "space-y-16",
       "onUpdate:modelValue": o
     }, {
-      item: p(({ element: P, index: m }) => [
+      item: c(({ element: P, index: m }) => [
         n("div", null, [
-          We(w.$slots, "item", {
+          Qe(w.$slots, "item", {
             element: P,
             index: m
           })
@@ -87,10 +88,18 @@ const ml = /* @__PURE__ */ ce({
       _: 3
     }, 8, ["model-value", "handle"]));
   }
-}), va = { class: "flex items-center justify-between" }, ba = { class: "space-y-4 flex-1" }, fa = { class: "fm-typo-en-title-sm-600" }, ga = {
+}), fa = {}, ga = { class: "overflow-x-auto" }, ya = { class: "xs:w-[600px]" };
+function _a(H, V) {
+  return r(), S("div", ga, [
+    n("div", ya, [
+      Qe(H.$slots, "default")
+    ])
+  ]);
+}
+const Tl = /* @__PURE__ */ Dl(fa, [["render", _a]]), ha = { class: "flex items-center justify-between" }, ka = { class: "space-y-4 flex-1" }, wa = { class: "fm-typo-en-title-sm-600" }, xa = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ya = { class: "sr-only" }, _a = { key: 0 }, Te = /* @__PURE__ */ ce({
+}, Ca = { class: "sr-only" }, Fa = { key: 0 }, Te = /* @__PURE__ */ ce({
   __name: "ProductFormSection",
   props: {
     section: {},
@@ -102,8 +111,8 @@ const ml = /* @__PURE__ */ ce({
     anchor: {}
   },
   emits: ["update:enabled"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V;
+  setup(H, { emit: V }) {
+    const i = H, x = V;
     return (o, d) => {
       const w = M("FmSwitch"), C = M("FmCard");
       return i.section.toggle === "none" ? (r(), T(qe, {
@@ -112,11 +121,11 @@ const ml = /* @__PURE__ */ ce({
         title: i.title,
         "sub-title": i.subtitle
       }, {
-        "append-title": p(() => [
-          We(o.$slots, "append-title")
+        "append-title": c(() => [
+          Qe(o.$slots, "append-title")
         ]),
-        default: p(() => [
-          We(o.$slots, "default")
+        default: c(() => [
+          Qe(o.$slots, "default")
         ]),
         _: 3
       }, 8, ["id", "title", "sub-title"])) : (r(), T(C, {
@@ -124,11 +133,11 @@ const ml = /* @__PURE__ */ ce({
         class: "p-16 space-y-24",
         variant: "outlined"
       }, {
-        default: p(() => [
-          n("div", va, [
-            n("div", ba, [
-              n("p", fa, I(i.overrideTitle ?? i.title), 1),
-              i.description ? (r(), S("p", ga, I(i.description), 1)) : y("", !0)
+        default: c(() => [
+          n("div", ha, [
+            n("div", ka, [
+              n("p", wa, I(i.overrideTitle ?? i.title), 1),
+              i.description ? (r(), S("p", xa, I(i.description), 1)) : y("", !0)
             ]),
             s(w, {
               "aria-label": i.toggleLabel ?? i.title,
@@ -136,45 +145,45 @@ const ml = /* @__PURE__ */ ce({
               value: "",
               "onUpdate:modelValue": d[0] || (d[0] = (P) => x("update:enabled", P))
             }, {
-              label: p(() => [
-                n("span", ya, I(i.toggleLabel ?? i.title), 1)
+              label: c(() => [
+                n("span", Ca, I(i.toggleLabel ?? i.title), 1)
               ]),
               _: 1
             }, 8, ["aria-label", "model-value"])
           ]),
-          i.section.toggle === "on" ? (r(), S("div", _a, [
+          i.section.toggle === "on" ? (r(), S("div", Fa, [
             i.overrideTitle ? (r(), T(qe, {
               key: 0,
               id: i.anchor,
               title: i.title,
               "sub-title": i.subtitle
             }, {
-              "append-title": p(() => [
-                We(o.$slots, "append-title")
+              "append-title": c(() => [
+                Qe(o.$slots, "append-title")
               ]),
-              default: p(() => [
-                We(o.$slots, "default")
+              default: c(() => [
+                Qe(o.$slots, "default")
               ]),
               _: 3
-            }, 8, ["id", "title", "sub-title"])) : We(o.$slots, "default", { key: 1 })
+            }, 8, ["id", "title", "sub-title"])) : Qe(o.$slots, "default", { key: 1 })
           ])) : y("", !0)
         ]),
         _: 3
       }));
     };
   }
-}), ha = { class: "fm-typo-en-title-sm-600" }, ka = { class: "space-y-16" }, wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, xa = { class: "flex items-end gap-12" }, Ca = { style: { width: "198px" } }, Fa = { class: "fm-typo-en-body-md-400 pb-12" }, $a = { style: { width: "198px" } }, Sa = {
+}), $a = { class: "fm-typo-en-title-sm-600" }, Sa = { class: "space-y-16" }, Va = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Pa = { class: "flex items-end gap-12" }, Ua = { style: { width: "198px" } }, Ia = { class: "fm-typo-en-body-md-400 pb-12" }, Ta = { style: { width: "198px" } }, Aa = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary"
-}, Va = { class: "flex w-full items-center justify-end gap-8 px-0 pb-0" }, Pa = /* @__PURE__ */ ce({
+}, Ba = { class: "flex w-full items-center justify-end gap-8 px-0 pb-0" }, Oa = /* @__PURE__ */ ce({
   __name: "ProductImageCustomFormatDialog",
   props: {
     sdk: {},
     existingIds: {}
   },
   emits: ["close", "confirm"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = W(""), C = W(""), P = W(!0);
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), { run: d } = Ue(), w = Y(""), C = Y(""), P = Y(!0);
     function m() {
       P.value = !1, x("close");
     }
@@ -203,11 +212,11 @@ const ml = /* @__PURE__ */ ce({
       ],
       "max-width": 560
     }, {
-      "dialog-header": p(() => [
-        n("p", ha, I(e(o)("menu.product_image.custom.title")), 1)
+      "dialog-header": c(() => [
+        n("p", $a, I(e(o)("menu.product_image.custom.title")), 1)
       ]),
-      "dialog-footer": p(() => [
-        n("div", Va, [
+      "dialog-footer": c(() => [
+        n("div", Ba, [
           s(e(B).FmButton, {
             label: e(o)("menu.common.actions.cancel"),
             variant: "tertiary",
@@ -220,11 +229,11 @@ const ml = /* @__PURE__ */ ce({
           }, null, 8, ["label"])
         ])
       ]),
-      default: p(() => [
-        n("div", ka, [
-          n("p", wa, I(e(o)("menu.product_image.custom.hint")), 1),
-          n("div", xa, [
-            n("div", Ca, [
+      default: c(() => [
+        n("div", Sa, [
+          n("p", Va, I(e(o)("menu.product_image.custom.hint")), 1),
+          n("div", Pa, [
+            n("div", Ua, [
               s(e(B).FmTextField, {
                 modelValue: w.value,
                 "onUpdate:modelValue": F[0] || (F[0] = (L) => w.value = L),
@@ -233,8 +242,8 @@ const ml = /* @__PURE__ */ ce({
                 type: "number"
               }, null, 8, ["modelValue", "label", "placeholder"])
             ]),
-            n("p", Fa, I(e(o)("menu.product_image.custom.separator")), 1),
-            n("div", $a, [
+            n("p", Ia, I(e(o)("menu.product_image.custom.separator")), 1),
+            n("div", Ta, [
               s(e(B).FmTextField, {
                 modelValue: C.value,
                 "onUpdate:modelValue": F[1] || (F[1] = (L) => C.value = L),
@@ -244,24 +253,24 @@ const ml = /* @__PURE__ */ ce({
               }, null, 8, ["modelValue", "label", "placeholder"])
             ])
           ]),
-          l.value.label ? (r(), S("p", Sa, I(l.value.label), 1)) : y("", !0)
+          l.value.label ? (r(), S("p", Aa, I(l.value.label), 1)) : y("", !0)
         ])
       ]),
       _: 1
     }, 8, ["modelValue"]));
   }
-}), Ua = { class: "fm-typo-en-title-sm-600" }, Ia = { class: "space-y-16" }, Ta = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Aa = {
+}), La = { class: "fm-typo-en-title-sm-600" }, za = { class: "space-y-16" }, Da = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ra = {
   key: 0,
   class: "space-y-8"
-}, Ba = { class: "flex w-full items-center justify-end gap-8 px-0 pb-0" }, Oa = /* @__PURE__ */ ce({
+}, Ma = { class: "flex w-full items-center justify-end gap-8 px-0 pb-0" }, Na = /* @__PURE__ */ ce({
   __name: "ProductImageRegenerateDialog",
   props: {
     ratioLabel: {},
     canRegenerateFromOriginal: { type: Boolean }
   },
   emits: ["close", "confirm"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = W(""), w = W(!1), C = W(!0);
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Y(""), w = Y(!1), C = Y(!0);
     function P() {
       C.value = !1, x("close");
     }
@@ -279,11 +288,11 @@ const ml = /* @__PURE__ */ ce({
       ],
       "max-width": 560
     }, {
-      "dialog-header": p(() => [
-        n("p", Ua, I(e(o)("menu.product_image.regenerate.title")), 1)
+      "dialog-header": c(() => [
+        n("p", La, I(e(o)("menu.product_image.regenerate.title")), 1)
       ]),
-      "dialog-footer": p(() => [
-        n("div", Ba, [
+      "dialog-footer": c(() => [
+        n("div", Ma, [
           s(e(B).FmButton, {
             label: e(o)("menu.common.actions.cancel"),
             variant: "tertiary",
@@ -296,10 +305,10 @@ const ml = /* @__PURE__ */ ce({
           }, null, 8, ["label"])
         ])
       ]),
-      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, [
+      default: c(() => [
+        n("div", za, [
+          n("p", Da, I(e(o)("menu.product_image.regenerate.hint", { ratio: i.ratioLabel })), 1),
+          i.canRegenerateFromOriginal ? (r(), S("div", Ra, [
             s(e(B).FmRadio, {
               modelValue: w.value,
               "onUpdate:modelValue": $[0] || ($[0] = (_) => w.value = _),
@@ -326,22 +335,22 @@ const ml = /* @__PURE__ */ ce({
       _: 1
     }, 8, ["modelValue"]));
   }
-}), La = { class: "fm-typo-en-title-md-600 mr-auto" }, za = {
+}), Ea = { class: "fm-typo-en-title-md-600 mr-auto" }, qa = {
   key: 0,
   class: "space-y-32 p-24 text-fm-color-typo-primary"
-}, Da = {
+}, Ga = {
   key: 0,
   class: "flex items-center gap-16"
-}, Ra = ["alt", "src"], Ma = { class: "fm-typo-en-body-lg-600" }, Na = {
+}, ja = ["alt", "src"], Ka = { class: "fm-typo-en-body-lg-600" }, Qa = {
   key: 1,
   class: "space-y-16"
-}, Ea = { class: "flex items-start gap-16" }, qa = { class: "mr-auto" }, Ga = { class: "fm-typo-en-title-sm-600" }, ja = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ka = { class: "divide-y divide-fm-color-neutral-gray-100" }, Qa = ["aria-label"], Ha = ["alt", "src"], Xa = { class: "fm-typo-en-body-lg-600" }, Wa = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ya = ["aria-label"], Za = ["alt", "src"], Ja = { class: "mr-auto" }, et = { class: "flex items-center gap-8" }, lt = { class: "fm-typo-en-body-lg-600" }, at = {
+}, Xa = { class: "flex items-start gap-16" }, Ha = { class: "mr-auto" }, Wa = { class: "fm-typo-en-title-sm-600" }, Ya = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Za = { class: "divide-y divide-fm-color-neutral-gray-100" }, Ja = ["aria-label"], et = ["alt", "src"], lt = { class: "fm-typo-en-body-lg-600" }, at = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, tt = ["aria-label"], ot = ["alt", "src"], nt = { class: "mr-auto" }, st = { class: "flex items-center gap-8" }, it = { class: "fm-typo-en-body-lg-600" }, rt = {
   key: 0,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, tt = {
+}, ut = {
   key: 1,
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, ot = { class: "grid w-[144px] shrink-0 grid-cols-3" }, nt = { class: "space-y-8" }, st = { class: "fm-typo-en-title-sm-600" }, it = { class: "flex items-start gap-12" }, rt = { class: "sr-only" }, ut = { class: "fm-typo-en-body-lg-400" }, dt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mt = { class: "flex items-center justify-start gap-8" }, ct = { class: "fm-typo-en-title-md-600" }, pt = { class: "flex h-[420px] items-center justify-center overflow-hidden rounded-md" }, vt = ["src", "alt"], bt = /* @__PURE__ */ ce({
+}, dt = { class: "grid w-[144px] shrink-0 grid-cols-3" }, mt = { class: "space-y-8" }, ct = { class: "fm-typo-en-title-sm-600" }, pt = { class: "flex items-start gap-12" }, vt = { class: "sr-only" }, bt = { class: "fm-typo-en-body-lg-400" }, ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, gt = { class: "flex items-center justify-start gap-8" }, yt = { class: "fm-typo-en-title-md-600" }, _t = { class: "flex h-[420px] items-center justify-center overflow-hidden rounded-md" }, ht = ["src", "alt"], kt = /* @__PURE__ */ ce({
   __name: "ProductImageManageSheet",
   props: {
     sdk: {},
@@ -349,8 +358,8 @@ const ml = /* @__PURE__ */ ce({
     imageRef: {}
   },
   emits: ["close"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = Qe(), C = Pe(), P = W(null), m = W("");
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), { run: d } = Ue(), w = Xe(), C = Pe(), P = Y(null), m = Y("");
     function l(q, Z) {
       m.value = Z, P.value = q;
     }
@@ -361,7 +370,7 @@ const ml = /* @__PURE__ */ ce({
     ), G = R(() => {
       var q;
       return ((q = E.value) == null ? void 0 : q.ratios) ?? [];
-    }), A = R(() => G.value.map((q) => q.id)), v = W(!0), g = W(!1), f = W(null), k = W(null);
+    }), A = R(() => G.value.map((q) => q.id)), v = Y(!0), g = Y(!1), f = Y(null), k = Y(null);
     function O(q) {
       return q.status === "pending" ? o("menu.product_image.status.pending") : q.status === "failed" ? o("menu.product_image.status.failed") : "";
     }
@@ -374,7 +383,7 @@ const ml = /* @__PURE__ */ ce({
     function a() {
       v.value = !1, x("close");
     }
-    function c() {
+    function p() {
       F.update(), a();
     }
     function ne() {
@@ -429,7 +438,7 @@ const ml = /* @__PURE__ */ ce({
         N.onerror = () => Z(""), N.onload = () => Z(typeof N.result == "string" ? N.result : ""), N.readAsDataURL(q);
       });
     }
-    const se = W(null);
+    const se = Y(null);
     function de(q) {
       if (!q.removeNeedsConfirmation) {
         fe(q);
@@ -471,16 +480,16 @@ const ml = /* @__PURE__ */ ce({
         "close-button": "",
         "max-width": 860
       }, {
-        "side-sheet-header": p(() => [
-          n("p", La, I(e(o)("menu.product_image.manage.title")), 1)
+        "side-sheet-header": c(() => [
+          n("p", Ea, I(e(o)("menu.product_image.manage.title")), 1)
         ]),
-        "side-sheet-footer": p(() => [
-          n("div", mt, [
+        "side-sheet-footer": c(() => [
+          n("div", gt, [
             s(e(B).FmButton, {
               label: e(o)("menu.common.actions.update"),
               size: "lg",
               variant: "primary",
-              onClick: c
+              onClick: p
             }, null, 8, ["label"]),
             s(e(B).FmButton, {
               label: e(o)("menu.common.actions.cancel"),
@@ -490,29 +499,29 @@ const ml = /* @__PURE__ */ ce({
             }, null, 8, ["label"])
           ])
         ]),
-        default: p(() => [
-          E.value ? (r(), S("div", za, [
-            E.value.addFormat.state !== "allowed" ? (r(), S("section", Da, [
+        default: c(() => [
+          E.value ? (r(), S("div", qa, [
+            E.value.addFormat.state !== "allowed" ? (r(), S("section", Ga, [
               s(e(B).FmCard, {
                 class: "!h-80 !w-80 rounded-md",
                 variant: "outlined"
               }, {
-                default: p(() => [
+                default: c(() => [
                   n("img", {
                     alt: e(o)("menu.product_image.manage.original"),
                     class: "h-full w-full object-cover",
                     src: E.value.originalUrl
-                  }, null, 8, Ra)
+                  }, null, 8, ja)
                 ]),
                 _: 1
               }),
-              n("p", Ma, I(e(o)("menu.product_image.manage.original")), 1)
+              n("p", Ka, I(e(o)("menu.product_image.manage.original")), 1)
             ])) : y("", !0),
-            E.value.addFormat.state === "allowed" ? (r(), S("section", Na, [
-              n("div", Ea, [
-                n("div", qa, [
-                  n("p", Ga, I(e(o)("menu.product_image.manage.aspect_ratio")), 1),
-                  n("p", ja, I(e(o)("menu.product_image.manage.aspect_ratio_hint")), 1)
+            E.value.addFormat.state === "allowed" ? (r(), S("section", Qa, [
+              n("div", Xa, [
+                n("div", Ha, [
+                  n("p", Wa, I(e(o)("menu.product_image.manage.aspect_ratio")), 1),
+                  n("p", Ya, I(e(o)("menu.product_image.manage.aspect_ratio_hint")), 1)
                 ]),
                 s(e(B).FmButton, {
                   disabled: E.value.addFormat.state !== "allowed",
@@ -523,7 +532,7 @@ const ml = /* @__PURE__ */ ce({
                   onClick: Z[0] || (Z[0] = (N) => g.value = !0)
                 }, null, 8, ["disabled", "label", "aria-label"])
               ]),
-              n("div", Ka, [
+              n("div", Za, [
                 n("div", {
                   class: "flex items-center gap-16 py-12",
                   role: "group",
@@ -535,7 +544,7 @@ const ml = /* @__PURE__ */ ce({
                     placement: "top",
                     "z-index": 999
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       s(e(B).FmButton, {
                         "aria-label": e(o)("menu.product_image.preview.title"),
                         label: e(o)("menu.product_image.preview.title"),
@@ -546,17 +555,17 @@ const ml = /* @__PURE__ */ ce({
                           e(o)("menu.product_image.manage.original")
                         ))
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           s(e(B).FmCard, {
                             class: "!h-80 !w-80 rounded-md",
                             variant: "outlined"
                           }, {
-                            default: p(() => [
+                            default: c(() => [
                               n("img", {
                                 alt: e(o)("menu.product_image.manage.original"),
                                 class: "h-full w-full object-cover",
                                 src: E.value.originalUrl
-                              }, null, 8, Ha)
+                              }, null, 8, et)
                             ]),
                             _: 1
                           })
@@ -567,10 +576,10 @@ const ml = /* @__PURE__ */ ce({
                     _: 1
                   }, 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)
+                    n("p", lt, I(e(o)("menu.product_image.manage.original")), 1),
+                    n("p", at, I(e(o)("menu.product_image.manage.custom_sizing")), 1)
                   ])
-                ], 8, Qa),
+                ], 8, Ja),
                 (r(!0), S(re, null, Fe(G.value, (N) => (r(), S("div", {
                   key: N.label,
                   class: "product-image-ratio-row flex items-center gap-16 py-12",
@@ -583,7 +592,7 @@ const ml = /* @__PURE__ */ ce({
                     placement: "top",
                     "z-index": 999
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       s(e(B).FmButton, {
                         "aria-label": e(o)("menu.product_image.preview.title"),
                         label: e(o)("menu.product_image.preview.title"),
@@ -592,18 +601,18 @@ const ml = /* @__PURE__ */ ce({
                         variant: "plain",
                         onClick: (Ie) => l(N.previewUrl, N.label)
                       }, {
-                        default: p(() => [
+                        default: c(() => [
                           s(e(B).FmCard, {
                             class: "flex !h-80 !w-80 items-center justify-center rounded-md",
                             variant: "outlined"
                           }, {
-                            default: p(() => [
+                            default: c(() => [
                               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, {
+                              }, null, 8, ot)) : (r(), T(e(B).FmIcon, {
                                 key: 1,
                                 color: "neutral-gray-300",
                                 name: "image",
@@ -618,9 +627,9 @@ const ml = /* @__PURE__ */ ce({
                     ]),
                     _: 2
                   }, 1032, ["content"]),
-                  n("div", Ja, [
-                    n("div", et, [
-                      n("p", lt, I(N.label), 1),
+                  n("div", nt, [
+                    n("div", st, [
+                      n("p", it, I(N.label), 1),
                       N.required ? (r(), T(e(B).FmChip, {
                         key: 0,
                         color: "negative",
@@ -634,16 +643,16 @@ const ml = /* @__PURE__ */ ce({
                         size: "sm"
                       }, null, 8, ["color", "label"])) : y("", !0)
                     ]),
-                    N.purpose ? (r(), S("p", at, I(e(C)(N.purpose)), 1)) : y("", !0),
-                    !N.required && !N.previewUrl ? (r(), S("p", tt, I(e(o)("menu.product_image.manage.custom_image_hint")), 1)) : y("", !0)
+                    N.purpose ? (r(), S("p", rt, I(e(C)(N.purpose)), 1)) : y("", !0),
+                    !N.required && !N.previewUrl ? (r(), S("p", ut, I(e(o)("menu.product_image.manage.custom_image_hint")), 1)) : y("", !0)
                   ]),
-                  n("div", ot, [
+                  n("div", dt, [
                     s(e(B).FmTooltip, {
                       content: e(o)("menu.product_image.replace.action"),
                       placement: "top",
                       "z-index": 999
                     }, {
-                      default: p(() => [
+                      default: c(() => [
                         s(e(B).FmButton, {
                           "aria-label": e(o)("menu.product_image.replace.action_for", {
                             ratio: N.label
@@ -662,7 +671,7 @@ const ml = /* @__PURE__ */ ce({
                       placement: "top",
                       "z-index": 999
                     }, {
-                      default: p(() => [
+                      default: c(() => [
                         s(e(B).FmButton, {
                           "aria-label": e(o)("menu.product_image.regenerate.action_for", {
                             ratio: N.label
@@ -687,26 +696,26 @@ const ml = /* @__PURE__ */ ce({
                       onClick: (Ie) => de(N)
                     }, null, 8, ["aria-label", "disabled", "onClick"])) : y("", !0)
                   ])
-                ], 8, Ya))), 128))
+                ], 8, tt))), 128))
               ])
             ])) : y("", !0),
-            n("section", nt, [
-              n("p", st, I(e(o)("menu.product_image.manage.cover_photo")), 1),
-              n("div", it, [
+            n("section", mt, [
+              n("p", ct, I(e(o)("menu.product_image.manage.cover_photo")), 1),
+              n("div", pt, [
                 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: p(() => [
-                    n("span", rt, I(e(o)("menu.product_image.manage.set_as_cover")), 1)
+                  label: c(() => [
+                    n("span", vt, I(e(o)("menu.product_image.manage.set_as_cover")), 1)
                   ]),
                   _: 1
                 }, 8, ["aria-label", "disabled", "model-value"]),
                 n("div", null, [
-                  n("p", ut, I(e(o)("menu.product_image.manage.set_as_cover")), 1),
-                  n("p", dt, I(e(o)("menu.product_image.manage.cover_hint")), 1)
+                  n("p", bt, I(e(o)("menu.product_image.manage.set_as_cover")), 1),
+                  n("p", ft, I(e(o)("menu.product_image.manage.cover_hint")), 1)
                 ])
               ])
             ])
@@ -719,22 +728,22 @@ const ml = /* @__PURE__ */ ce({
         "max-width": 560,
         "onUpdate:modelValue": Z[4] || (Z[4] = (N) => !N && (P.value = null))
       }, {
-        "dialog-header": p(() => [
-          n("p", ct, I(m.value), 1)
+        "dialog-header": c(() => [
+          n("p", yt, I(m.value), 1)
         ]),
-        default: p(() => [
-          n("div", pt, [
+        default: c(() => [
+          n("div", _t, [
             P.value ? (r(), S("img", {
               key: 0,
               src: P.value,
               alt: m.value,
               class: "max-h-full max-w-full object-contain"
-            }, null, 8, vt)) : y("", !0)
+            }, null, 8, ht)) : y("", !0)
           ])
         ]),
         _: 1
       }, 8, ["model-value"]),
-      g.value ? (r(), T(Pa, {
+      g.value ? (r(), T(Oa, {
         key: 0,
         "existing-ids": A.value,
         sdk: i.sdk,
@@ -749,7 +758,7 @@ const ml = /* @__PURE__ */ ce({
         onCancel: Z[6] || (Z[6] = (N) => k.value = null),
         onConfirm: b
       }, null, 8, ["ratio-label", "aspect-ratio"])) : y("", !0),
-      f.value ? (r(), T(Oa, {
+      f.value ? (r(), T(Na, {
         key: 2,
         "can-regenerate-from-original": f.value.canRegenerateFromOriginal,
         "ratio-label": f.value.label,
@@ -758,14 +767,14 @@ const ml = /* @__PURE__ */ ce({
       }, null, 8, ["can-regenerate-from-original", "ratio-label"])) : y("", !0)
     ], 64));
   }
-}), ft = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-12" }, gt = { class: "grid gap-16 [grid-template-columns:repeat(auto-fill,minmax(160px,1fr))]" }, yt = { class: "fm-typo-en-body-md-400 px-16 text-center" }, _t = ["accept"], ht = { class: "flex h-full w-full items-center justify-center" }, kt = ["alt", "src"], wt = { class: "pointer-events-none absolute left-8 right-8 top-8 flex items-center justify-end gap-4" }, xt = { class: "absolute bottom-8 right-8 flex gap-4" }, Ct = /* @__PURE__ */ ce({
+}), wt = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary mb-12" }, xt = { class: "grid gap-16 [grid-template-columns:repeat(auto-fill,minmax(160px,1fr))]" }, Ct = { class: "fm-typo-en-body-md-400 px-16 text-center" }, Ft = ["accept"], $t = { class: "flex h-full w-full items-center justify-center" }, St = ["alt", "src"], Vt = { class: "pointer-events-none absolute left-8 right-8 top-8 flex items-center justify-end gap-4" }, Pt = { class: "absolute bottom-8 right-8 flex gap-4" }, Ut = /* @__PURE__ */ ce({
   __name: "ProductImageField",
   props: {
     sdk: {},
     target: {}
   },
-  setup(Y) {
-    const V = Y, { t: i, n: x } = be(), { run: o } = Ue(), d = Qe(), w = Zl(), C = Pe(), P = Ll(), m = R(() => el(V.target)), l = ye({
+  setup(H) {
+    const V = H, { t: i, n: x } = be(), { run: o } = Ue(), d = Xe(), w = ea(), C = Pe(), P = zl(), m = R(() => el(V.target)), l = ye({
       status: "loading"
     });
     let $ = null, _ = null;
@@ -784,7 +793,7 @@ const ml = /* @__PURE__ */ ce({
         var z;
         return ((z = L.value) == null ? void 0 : z.tiles) ?? [];
       }
-    ), G = aa.join(","), A = W(null), v = W(!1), g = W([]), f = W(0), k = W([]), O = W(null);
+    ), G = oa.join(","), A = Y(null), v = Y(!1), g = Y([]), f = Y(0), k = Y([]), O = Y(null);
     let Q = null;
     function ee() {
       g.value = [], f.value = 0, k.value = [], Q = null;
@@ -794,7 +803,7 @@ const ml = /* @__PURE__ */ ce({
     });
     const a = R(
       () => g.value[f.value] ?? null
-    ), c = R(() => {
+    ), p = R(() => {
       var z;
       return ((z = L.value) == null ? void 0 : z.addImage.state) !== "allowed";
     });
@@ -808,20 +817,20 @@ const ml = /* @__PURE__ */ ce({
     }
     function le(z) {
       var D;
-      v.value = !1, !c.value && ve(Array.from(((D = z.dataTransfer) == null ? void 0 : D.files) ?? []));
+      v.value = !1, !p.value && ve(Array.from(((D = z.dataTransfer) == null ? void 0 : D.files) ?? []));
     }
     function ve(z) {
-      if (c.value || z.length === 0) return;
+      if (p.value || z.length === 0) return;
       const D = [];
-      for (const X of z) {
-        const ie = V.sdk.productImage.screenFile(X.type);
+      for (const W of z) {
+        const ie = V.sdk.productImage.screenFile(W.type);
         if (ie) {
           o(async () => ({ kind: "rejected", issues: [ie] }), {
             showLoading: !1
           });
           continue;
         }
-        D.push(X);
+        D.push(W);
       }
       D.length !== 0 && (g.value = D, f.value = 0, k.value = [], Q = m.value);
     }
@@ -857,10 +866,10 @@ const ml = /* @__PURE__ */ ce({
     }
     async function de(z, D) {
       var ie;
-      const X = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
+      const W = ((ie = L.value) == null ? void 0 : ie.defersUpload) === !0;
       await o(
         () => V.sdk.productImage.upload(z, D),
-        X ? {
+        W ? {
           showLoading: !1,
           successMessage: i("menu.product_image.staged_added")
         } : {
@@ -878,34 +887,34 @@ const ml = /* @__PURE__ */ ce({
       const D = m.value;
       if (!D) return null;
       N();
-      const X = V.sdk.productImage.edit(D, el(z.imageRef));
-      return q = X, Z = X.subscribe((ie) => {
+      const W = V.sdk.productImage.edit(D, el(z.imageRef));
+      return q = W, Z = W.subscribe((ie) => {
         fe.value = ie.status === "ready" ? ie.value : null, fe.value || ($e.value = null);
-      }), X;
+      }), W;
     }
     async function ze(z, D) {
-      const X = await o(z, {
+      const W = await o(z, {
         loadingMessage: D,
         showLoading: !!D
       });
-      return X.kind === "success" && w.open({
-        type: X.value.severity,
-        [X.value.presentation]: C(X.value.message)
-      }), X;
+      return W.kind === "success" && w.open({
+        type: W.value.severity,
+        [W.value.presentation]: C(W.value.message)
+      }), W;
     }
     async function Ge(z) {
-      const D = Ie(z), X = fe.value;
-      if (!(!D || !X))
+      const D = Ie(z), W = fe.value;
+      if (!(!D || !W))
         try {
-          const ie = await Pl(X.sourceUrl);
+          const ie = await Pl(W.sourceUrl);
           q === D && ($e.value = ie);
         } catch {
           q === D && await ze(() => D.confirmCrop(null));
         }
     }
     async function Ye(z) {
-      const D = q, X = fe.value;
-      if ($e.value = null, !D || !X) return;
+      const D = q, W = fe.value;
+      if ($e.value = null, !D || !W) return;
       let ie = null;
       try {
         ie = await Ul(z);
@@ -913,19 +922,19 @@ const ml = /* @__PURE__ */ ce({
       }
       await ze(
         () => D.confirmCrop(ie),
-        z ? C(X.loadingMessage) : void 0
+        z ? C(W.loadingMessage) : void 0
       ), q === D && N();
     }
     async function He(z) {
-      const D = Ie(z), X = fe.value;
-      if (!D || !X) return;
+      const D = Ie(z), W = fe.value;
+      if (!D || !W) return;
       const ie = await o(
         () => D.prepareRemy(async () => {
-          const _e = await Pl(X.sourceUrl);
+          const _e = await Pl(W.sourceUrl);
           return {
             contentType: _e.type,
             byteLength: _e.size,
-            imageData: await ta(_e)
+            imageData: await na(_e)
           };
         }),
         { showLoading: !1 }
@@ -937,10 +946,10 @@ const ml = /* @__PURE__ */ ce({
     }
     function J(z) {
       var ie;
-      const D = (ie = z.detail) == null ? void 0 : ie.imageData, X = q;
-      !X || typeof D != "string" || !D || ze(
-        () => X.applyRemy(async () => {
-          const _e = await oa(D);
+      const D = (ie = z.detail) == null ? void 0 : ie.imageData, W = q;
+      !W || typeof D != "string" || !D || ze(
+        () => W.applyRemy(async () => {
+          const _e = await sa(D);
           return V.sdk.productImage.screenFile(_e.type) ? {
             contentType: _e.type,
             byteLength: _e.size,
@@ -949,12 +958,12 @@ const ml = /* @__PURE__ */ ce({
             base64: D,
             width: 0,
             height: 0
-          } : Ul(await na(_e));
+          } : Ul(await ia(_e));
         }),
         i("menu.product_image.uploading")
       );
     }
-    Bl(() => window.addEventListener("apply-image", J)), ke(() => {
+    Ol(() => window.addEventListener("apply-image", J)), ke(() => {
       window.removeEventListener("apply-image", J), N();
     });
     function we(z) {
@@ -984,10 +993,10 @@ const ml = /* @__PURE__ */ ce({
       "label-mark": "optional",
       "model-value": E.value.length
     }, {
-      default: p(() => [
-        n("p", ft, [
+      default: c(() => [
+        n("p", wt, [
           sl(I(e(i)("menu.product_image.hint")) + " ", 1),
-          c.value ? y("", !0) : (r(), S(re, { key: 0 }, [
+          p.value ? y("", !0) : (r(), S(re, { key: 0 }, [
             s(e(B).FmIcon, {
               class: "mr-4 align-text-bottom",
               color: "neutral-gray-400",
@@ -998,14 +1007,14 @@ const ml = /* @__PURE__ */ ce({
             sl(I(e(i)("menu.product_image.crop_hint")), 1)
           ], 64))
         ]),
-        n("div", gt, [
+        n("div", xt, [
           n("div", {
             class: Be(["product-image-drop aspect-square rounded-md border border-dashed flex flex-col items-center justify-center gap-8", [
               v.value ? "border-fm-color-primary" : "border-fm-color-neutral-gray-300",
-              c.value ? "opacity-50 cursor-not-allowed" : ""
+              p.value ? "opacity-50 cursor-not-allowed" : ""
             ]]),
-            onDragleave: D[0] || (D[0] = Ee((X) => v.value = !1, ["prevent"])),
-            onDragover: D[1] || (D[1] = Ee((X) => v.value = !c.value, ["prevent"])),
+            onDragleave: D[0] || (D[0] = Ee((W) => v.value = !1, ["prevent"])),
+            onDragover: D[1] || (D[1] = Ee((W) => v.value = !p.value, ["prevent"])),
             onDrop: Ee(le, ["prevent"])
           }, [
             s(e(B).FmIcon, {
@@ -1013,9 +1022,9 @@ const ml = /* @__PURE__ */ ce({
               name: "cloud_upload",
               outline: ""
             }),
-            n("p", yt, I(e(i)("menu.product_image.drop_hint")), 1),
+            n("p", Ct, I(e(i)("menu.product_image.drop_hint")), 1),
             s(e(B).FmButton, {
-              disabled: c.value,
+              disabled: p.value,
               label: e(i)("menu.product_image.add_file"),
               variant: "secondary",
               onClick: ne
@@ -1028,34 +1037,34 @@ const ml = /* @__PURE__ */ ce({
               multiple: "",
               type: "file",
               onChange: pe
-            }, null, 40, _t)
+            }, null, 40, Ft)
           ], 34),
-          (r(!0), S(re, null, Fe(E.value, (X, ie) => {
-            var _e, Xe, De;
+          (r(!0), S(re, null, Fe(E.value, (W, ie) => {
+            var _e, We, De;
             return r(), S("div", {
-              key: X.url,
+              key: W.url,
               class: "product-image-tile relative aspect-square"
             }, [
               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: X.manage.state !== "allowed",
+                disabled: W.manage.state !== "allowed",
                 variant: "plain",
-                onClick: (je) => O.value = X.imageRef
+                onClick: (je) => O.value = W.imageRef
               }, {
-                default: p(() => [
-                  n("div", ht, [
+                default: c(() => [
+                  n("div", $t, [
                     s(e(B).FmCard, {
                       class: "flex !h-[180px] !w-[180px] !border-0 items-center justify-center rounded-md",
                       variant: "outlined"
                     }, {
-                      default: p(() => [
+                      default: c(() => [
                         n("img", {
                           alt: e(i)("menu.product_image.tile_alt", { index: ie + 1 }),
                           class: "h-full w-full object-cover",
-                          src: X.url
-                        }, null, 8, kt)
+                          src: W.url
+                        }, null, 8, St)
                       ]),
                       _: 2
                     }, 1024)
@@ -1063,19 +1072,19 @@ const ml = /* @__PURE__ */ ce({
                 ]),
                 _: 2
               }, 1032, ["aria-label", "label", "disabled", "onClick"]),
-              n("div", wt, [
-                X.isCover ? (r(), T(e(B).FmChip, {
+              n("div", Vt, [
+                W.isCover ? (r(), T(e(B).FmChip, {
                   key: 0,
                   label: e(i)("menu.product_image.cover_badge")
                 }, null, 8, ["label"])) : y("", !0),
-                X.formatCount !== null && X.formatCount !== void 0 ? (r(), T(e(B).FmChip, {
+                W.formatCount !== null && W.formatCount !== void 0 ? (r(), T(e(B).FmChip, {
                   key: 1,
-                  label: e(x)(X.formatCount),
+                  label: e(x)(W.formatCount),
                   "right-icon": "resize"
                 }, null, 8, ["label"])) : y("", !0)
               ]),
-              n("div", xt, [
-                ((_e = X.crop) == null ? void 0 : _e.state) === "allowed" ? (r(), T(e(B).FmButton, {
+              n("div", Pt, [
+                ((_e = W.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"),
@@ -1083,9 +1092,9 @@ 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(X), ["stop"])
+                  onClick: Ee((je) => Ge(W), ["stop"])
                 }, {
-                  default: p(() => [
+                  default: c(() => [
                     s(e(B).FmIcon, {
                       name: "crop",
                       size: "sm"
@@ -1093,7 +1102,7 @@ const ml = /* @__PURE__ */ ce({
                   ]),
                   _: 2
                 }, 1032, ["label", "aria-label", "title", "onClick"])) : y("", !0),
-                ((Xe = X.remy) == null ? void 0 : Xe.state) === "allowed" ? (r(), T(e(B).FmButton, {
+                ((We = W.remy) == null ? void 0 : We.state) === "allowed" ? (r(), T(e(B).FmButton, {
                   key: 1,
                   label: e(i)("menu.remy.title"),
                   "aria-label": e(i)("menu.remy.title"),
@@ -1102,9 +1111,9 @@ const ml = /* @__PURE__ */ ce({
                   class: "!h-32 !w-32 !rounded-full !p-0 shadow-sm",
                   "bg-color": "neutral-white",
                   variant: "tertiary",
-                  onClick: Ee((je) => He(X), ["stop"])
+                  onClick: Ee((je) => He(W), ["stop"])
                 }, {
-                  default: p(() => [
+                  default: c(() => [
                     s(e(B).FmIcon, {
                       name: "auto_awesome",
                       size: "sm"
@@ -1113,18 +1122,18 @@ const ml = /* @__PURE__ */ ce({
                   _: 2
                 }, 1032, ["label", "aria-label", "title", "disabled", "onClick"])) : y("", !0)
               ]),
-              X.remove.state !== "hidden" ? (r(), T(e(B).FmButton, {
+              W.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: X.remove.state !== "allowed",
+                disabled: W.remove.state !== "allowed",
                 "bg-color": "neutral-black",
                 "icon-color": "neutral-white",
                 variant: "tertiary",
-                onClick: (je) => we(X)
+                onClick: (je) => we(W)
               }, {
-                default: p(() => [
+                default: c(() => [
                   s(e(B).FmIcon, {
                     name: "close",
                     size: "sm",
@@ -1152,24 +1161,24 @@ const ml = /* @__PURE__ */ ce({
           onCancel: N,
           onConfirm: Ye
         }, null, 8, ["file", "mode", "edit-view"])) : y("", !0),
-        O.value && V.target ? (r(), T(bt, {
+        O.value && V.target ? (r(), T(kt, {
           key: 2,
           "image-ref": O.value,
           sdk: V.sdk,
           target: V.target,
-          onClose: D[2] || (D[2] = (X) => O.value = null)
+          onClose: D[2] || (D[2] = (W) => O.value = null)
         }, null, 8, ["image-ref", "sdk", "target"])) : y("", !0)
       ]),
       _: 1
     }, 8, ["label", "model-value"]));
   }
-}), Ft = {
+}), It = {
   key: 0,
   class: "flex justify-between pb-16"
-}, $t = { key: 1 }, St = { class: "flex gap-8" }, Vt = {
+}, Tt = { key: 1 }, At = { class: "flex gap-8" }, Bt = {
   key: 1,
   class: "flex flex-col items-center space-y-16"
-}, Pt = { class: "flex flex-col items-center space-y-4 w-full" }, Ut = { class: "fm-typo-en-title-sm-600" }, It = { class: "text-fm-color-typo-secondary" }, Tl = /* @__PURE__ */ ce({
+}, Ot = { class: "flex flex-col items-center space-y-4 w-full" }, Lt = { class: "fm-typo-en-title-sm-600" }, zt = { class: "text-fm-color-typo-secondary" }, Al = /* @__PURE__ */ ce({
   __name: "ProductChoicePicker",
   props: {
     session: {},
@@ -1178,8 +1187,8 @@ const ml = /* @__PURE__ */ ce({
     create: { type: Function },
     dialogCancelName: {}
   },
-  setup(Y) {
-    const V = Y, { t: i } = be(), x = R(
+  setup(H) {
+    const V = H, { t: i } = be(), x = R(
       () => V.kind === "group" ? {
         search: "menu.common.labels.search_groups",
         add: "menu.common.actions.add_group",
@@ -1212,7 +1221,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 = W(null);
+    const m = Y(null);
     Ae(
       m,
       (_) => {
@@ -1267,7 +1276,7 @@ const ml = /* @__PURE__ */ ce({
             }, null, 8, ["model-value", "value", "label"])
           ], 2))), 128))
         ], 2),
-        _.kind ? (r(), S("div", Ft, [
+        _.kind ? (r(), S("div", It, [
           _.create ? (r(), T(G, {
             key: 0,
             label: e(i)(x.value.add),
@@ -1275,8 +1284,8 @@ const ml = /* @__PURE__ */ ce({
             variant: "tertiary",
             "text-color": "primary",
             onClick: F[2] || (F[2] = (A) => _.create())
-          }, null, 8, ["label", "aria-label"])) : (r(), S("div", $t)),
-          n("div", St, [
+          }, null, 8, ["label", "aria-label"])) : (r(), S("div", Tt)),
+          n("div", At, [
             s(G, {
               label: e(i)("menu.common.actions.cancel"),
               "aria-label": e(i)(x.value.cancelSelection),
@@ -1292,10 +1301,10 @@ const ml = /* @__PURE__ */ ce({
             }, null, 8, ["label"])
           ])
         ])) : y("", !0)
-      ], 2)) : $.value && _.kind ? (r(), S("div", Vt, [
-        n("div", Pt, [
-          n("p", Ut, I(e(i)(x.value.emptyTitle)), 1),
-          n("p", It, I(e(i)(x.value.emptySubtitle)), 1)
+      ], 2)) : $.value && _.kind ? (r(), S("div", Bt, [
+        n("div", Ot, [
+          n("p", Lt, I(e(i)(x.value.emptyTitle)), 1),
+          n("p", zt, I(e(i)(x.value.emptySubtitle)), 1)
         ]),
         _.create ? (r(), T(G, {
           key: 0,
@@ -1306,7 +1315,7 @@ const ml = /* @__PURE__ */ ce({
       ])) : y("", !0);
     };
   }
-}), Tt = { class: "flex flex-col gap-8" }, At = { class: "flex items-center justify-between gap-16" }, Bt = { class: "fm-typo-en-body-lg-600" }, Ot = { class: "sr-only" }, Lt = /* @__PURE__ */ ce({
+}), Dt = { class: "flex flex-col gap-8" }, Rt = { class: "flex items-center justify-between gap-16" }, Mt = { class: "fm-typo-en-body-lg-600" }, Nt = { class: "sr-only" }, Et = /* @__PURE__ */ ce({
   __name: "ProductQuantityField",
   props: {
     label: {},
@@ -1319,8 +1328,8 @@ const ml = /* @__PURE__ */ ce({
     min: {}
   },
   emits: ["update:modelValue", "update:enabled"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, o = Pe(), d = W(i.modelValue !== null);
+  setup(H, { emit: V }) {
+    const i = H, x = V, o = Pe(), d = Y(i.modelValue !== null);
     let w = !1;
     Ae(
       () => i.modelValue,
@@ -1337,17 +1346,17 @@ const ml = /* @__PURE__ */ ce({
     }
     return (m, l) => {
       const $ = M("FmSwitch"), _ = M("FmStepperField");
-      return r(), S("div", Tt, [
-        n("div", At, [
-          n("p", Bt, I(m.label), 1),
+      return r(), S("div", Dt, [
+        n("div", Rt, [
+          n("p", Mt, I(m.label), 1),
           s($, {
             "model-value": d.value,
             disabled: m.disabled,
             "onUpdate:modelValue": C,
             label: ""
           }, {
-            label: p(() => [
-              n("span", Ot, I(m.toggleAccessibleName ?? m.accessibleName), 1)
+            label: c(() => [
+              n("span", Nt, I(m.toggleAccessibleName ?? m.accessibleName), 1)
             ]),
             _: 1
           }, 8, ["model-value", "disabled"])
@@ -1365,10 +1374,10 @@ const ml = /* @__PURE__ */ ce({
       ]);
     };
   }
-}), 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 = {
+}), qt = ["data-scope-title"], Gt = { class: "fm-typo-en-title-md-600 mr-auto" }, jt = { class: "pt-8 space-y-32" }, Kt = { class: "fm-typo-en-title-sm-600" }, Qt = { class: "flex items-end space-x-24" }, Xt = { class: "flex" }, Ht = { key: 0 }, Wt = { class: "fm-typo-en-body-md-600 text-fm-color-neutral-gray-400" }, Yt = { class: "flex flex-wrap gap-8 mt-8" }, Zt = { class: "fm-typo-en-body-sm-400 text-fm-color-neutral-gray-400 mt-8" }, Jt = { class: "space-y-16" }, eo = {
   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({
+}, lo = { class: "space-y-4" }, ao = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, to = { class: "fm-typo-en-body-md-400 text-fm-color-system-warning-400" }, oo = { class: "xs:overflow-x-scroll" }, no = { class: "xs:min-w-[640px]" }, so = { class: "flex gap-8 items-center justify-start" }, io = { class: "flex items-center gap-8" }, ro = { class: "grow" }, uo = { class: "pt-16 space-y-24" }, mo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, co = { class: "fm-typo-en-title-sm-600" }, po = { class: "space-y-16" }, vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, bo = /* @__PURE__ */ ce({
   __name: "ProductGroupSheet",
   props: {
     modelValue: { type: Boolean },
@@ -1381,8 +1390,8 @@ const ml = /* @__PURE__ */ ce({
     createPriceGroup: { type: Function }
   },
   emits: ["update:modelValue"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = R(
+  setup(H, { emit: V }) {
+    const i = H, x = R(
       () => i.presentation === "tree" ? 720 : 800
     ), o = V, { t: d, n: w } = be(), C = (b) => {
       const h = b.code ? d("menu.group.list.product_code_name", {
@@ -1398,7 +1407,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 = W({}), l = ye(null), $ = ye(null);
+    }, ""), m = Y({}), l = ye(null), $ = ye(null);
     function _() {
       var b;
       (b = $.value) == null || b.dispose(), $.value = null;
@@ -1428,7 +1437,7 @@ const ml = /* @__PURE__ */ ce({
         header: () => d("menu.group.list.columns.products"),
         size: 200,
         enableSorting: !1,
-        cell: (b) => H(
+        cell: (b) => X(
           "div",
           { class: "line-clamp-2 break-all" },
           P(b.row.original.products)
@@ -1438,7 +1447,7 @@ const ml = /* @__PURE__ */ ce({
         id: "action",
         size: 52,
         enableSorting: !1,
-        cell: (b) => H(B.FmButton, {
+        cell: (b) => X(B.FmButton, {
           prependIcon: "edit",
           variant: "tertiary",
           // The same row action as the product form's group table, so it takes
@@ -1452,7 +1461,7 @@ const ml = /* @__PURE__ */ ce({
           onClick: () => G.value && Q(G.value, b.row.original.id)
         })
       }
-    ]), v = W(!1), g = ye(null), f = ye(null);
+    ]), v = Y(!1), g = ye(null), f = ye(null);
     let k = null;
     function O() {
       var b;
@@ -1476,10 +1485,10 @@ const ml = /* @__PURE__ */ ce({
         value: null
       },
       ...i.orderFromOptions.map((b) => ({
-        label: d(Dl[b]),
+        label: d(Ml[b]),
         value: b
       }))
-    ]), c = (b) => b === "" || b === null || b === void 0 ? null : Number(b), ne = R(
+    ]), p = (b) => b === "" || b === null || b === void 0 ? null : Number(b), ne = R(
       () => i.view.combinations.filter((b) => b.hidden).map((b) => b.label)
     ), pe = R(
       () => i.view.options.map((b) => ({
@@ -1495,7 +1504,7 @@ const ml = /* @__PURE__ */ ce({
         cell: (b) => {
           var se;
           const h = b.row.original;
-          return (se = h.children) != null && se.length ? null : H(B.FmCheckbox, {
+          return (se = h.children) != null && se.length ? null : X(B.FmCheckbox, {
             modelValue: h.isDefault,
             value: "",
             "aria-label": d("menu.common.labels.a11y_labelled_name", {
@@ -1514,11 +1523,11 @@ const ml = /* @__PURE__ */ ce({
       },
       {
         accessorKey: "name",
-        header: () => H("div", { class: "flex items-center w-full gap-8" }, [
-          H("span", d("menu.group.option.product_title")),
+        header: () => X("div", { class: "flex items-center w-full gap-8" }, [
+          X("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(B.FmButton, {
+          i.presentation === "tree" ? null : X(B.FmButton, {
             icon: "g_translate",
             variant: "tertiary",
             textColor: "neutral-gray-400",
@@ -1528,9 +1537,9 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: (b) => {
           const h = b.row.getIsExpanded();
-          return H(
+          return X(
             "div",
-            H(
+            X(
               ge,
               {
                 modelValue: b.row.original.name,
@@ -1541,7 +1550,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(B.FmIcon, {
+                append: () => X(B.FmIcon, {
                   name: "keyboard_arrow_up",
                   // Legacy greys the toggle when the title is not
                   // editable (`NeutralGray200`), which it never is here.
@@ -1573,8 +1582,8 @@ const ml = /* @__PURE__ */ ce({
         size: 400,
         cell: (b) => {
           const h = b.row.original;
-          return H("div", { class: "flex items-center gap-8" }, [
-            H(Ke, {
+          return X("div", { class: "flex items-center gap-8" }, [
+            X(Ke, {
               class: "min-w-[88px]",
               modelValue: h.displayPriceAmount,
               inputmode: "decimal",
@@ -1606,12 +1615,12 @@ const ml = /* @__PURE__ */ ce({
               "onUpdate:modelValue": (se) => i.session.setOptionPrice(
                 h.id,
                 h.combinationKey,
-                c(se)
+                p(se)
               )
             }),
             ...h.editPricing.state === "hidden" ? [] : [
-              H("div", { class: "flex items-center gap-4" }, [
-                H(
+              X("div", { class: "flex items-center gap-4" }, [
+                X(
                   B.FmButton,
                   {
                     variant: "plain",
@@ -1634,7 +1643,7 @@ const ml = /* @__PURE__ */ ce({
                     onClick: () => E(h, "members")
                   },
                   {
-                    default: () => H(
+                    default: () => X(
                       "span",
                       { class: "underline line-clamp-2 break-all" },
                       h.memberPriceCount ? d(
@@ -1646,7 +1655,7 @@ const ml = /* @__PURE__ */ ce({
                     )
                   }
                 ),
-                H(nl, { prices: h.memberPrices })
+                X(nl, { prices: h.memberPrices })
               ])
             ]
           ]);
@@ -1659,7 +1668,7 @@ const ml = /* @__PURE__ */ ce({
         size: 100,
         cell: (b) => {
           const h = b.row.original;
-          return H(B.FmSelect, {
+          return X(B.FmSelect, {
             items: a.value,
             modelValue: h.displayOrderFrom,
             shiftMenu: !0,
@@ -1683,9 +1692,9 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: (b) => {
           const h = b.row.original;
-          return H("div", { class: "flex items-center justify-end" }, [
+          return X("div", { class: "flex items-center justify-end" }, [
             ...h.editPricing.state === "hidden" ? [] : [
-              H(B.FmButton, {
+              X(B.FmButton, {
                 icon: "price_change",
                 variant: "tertiary",
                 // Match the neutral-grey action buttons beside it and the
@@ -1699,7 +1708,7 @@ const ml = /* @__PURE__ */ ce({
                 onClick: () => E(h, "tiers")
               })
             ],
-            H(B.FmButton, {
+            X(B.FmButton, {
               prependIcon: "inventory_2",
               textColor: "neutral-gray-400",
               variant: "tertiary",
@@ -1715,7 +1724,7 @@ const ml = /* @__PURE__ */ ce({
                 );
               }
             }),
-            H(B.FmButton, {
+            X(B.FmButton, {
               prependIcon: "arrow_split",
               textColor: "neutral-gray-400",
               variant: "tertiary",
@@ -1743,15 +1752,15 @@ const ml = /* @__PURE__ */ ce({
           "z-index": i.zIndex ?? 200,
           "onUpdate:modelValue": h[8] || (h[8] = (J) => o("update:modelValue", J))
         }, {
-          "side-sheet-header": p(() => [
+          "side-sheet-header": c(() => [
             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, zt),
-            n("p", Dt, I(e(d)("menu.group.update")), 1)
+            }, I(e(d)("menu.common.labels.nested_group_override")), 9, qt),
+            n("p", Gt, I(e(d)("menu.group.update")), 1)
           ]),
-          "side-sheet-footer": p(() => [
-            n("div", eo, [
+          "side-sheet-footer": c(() => [
+            n("div", so, [
               s(de, {
                 label: e(d)("menu.common.actions.update"),
                 "aria-label": e(d)(
@@ -1772,16 +1781,16 @@ const ml = /* @__PURE__ */ ce({
               }, null, 8, ["label", "aria-label"])
             ])
           ]),
-          default: p(() => [
-            n("div", Rt, [
+          default: c(() => [
+            n("div", jt, [
               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: p(() => [
-                  n("p", Mt, I(e(d)("menu.group.option.variant")), 1),
-                  n("div", Nt, [
+                default: c(() => [
+                  n("p", Kt, I(e(d)("menu.group.option.variant")), 1),
+                  n("div", Qt, [
                     s(se, {
                       class: "flex-1",
                       "aria-label": e(d)("menu.group.option.variant"),
@@ -1793,7 +1802,7 @@ const ml = /* @__PURE__ */ ce({
                       "model-value": b.view.combinationKey,
                       "onUpdate:modelValue": h[0] || (h[0] = (J) => b.session.selectCombination(String(J ?? "")))
                     }, null, 8, ["aria-label", "menu-z-index", "items", "model-value"]),
-                    n("div", Et, [
+                    n("div", Xt, [
                       s(de, {
                         variant: e(Ne).Tertiary,
                         "prepend-icon": "keyboard_arrow_left",
@@ -1810,9 +1819,9 @@ const ml = /* @__PURE__ */ ce({
                       }, null, 8, ["variant", "aria-label"])
                     ])
                   ]),
-                  b.view.combinations.length > 1 ? (r(), S("div", qt, [
-                    n("p", Gt, I(e(d)("menu.group.option.show_in_variants")), 1),
-                    n("div", jt, [
+                  b.view.combinations.length > 1 ? (r(), S("div", Ht, [
+                    n("p", Wt, I(e(d)("menu.group.option.show_in_variants")), 1),
+                    n("div", Yt, [
                       (r(!0), S(re, null, Fe(b.view.combinations, (J) => (r(), T($e, {
                         key: J.id,
                         icon: J.hidden ? "visibility_off" : "check",
@@ -1822,7 +1831,7 @@ const ml = /* @__PURE__ */ ce({
                         onClick: (we) => b.session.toggleCombinationHidden(J.id)
                       }, null, 8, ["icon", "label", "selected", "onClick"]))), 128))
                     ]),
-                    n("p", Kt, I(ne.value.length ? e(d)("menu.group.option.hidden_in_variants", {
+                    n("p", Zt, I(ne.value.length ? e(d)("menu.group.option.hidden_in_variants", {
                       variants: ne.value.join(", ")
                     }) : e(d)("menu.group.option.shown_in_all_variants", {
                       count: b.view.combinations.length
@@ -1831,8 +1840,8 @@ const ml = /* @__PURE__ */ ce({
                 ]),
                 _: 1
               })) : y("", !0),
-              s(la, null, {
-                default: p(() => [
+              s(ta, null, {
+                default: c(() => [
                   s(ge, {
                     label: e(d)("menu.common.labels.group_name"),
                     placeholder: b.view.name,
@@ -1840,7 +1849,7 @@ const ml = /* @__PURE__ */ ce({
                   }, cl({ _: 2 }, [
                     b.presentation !== "tree" ? {
                       name: "append",
-                      fn: p(() => [
+                      fn: c(() => [
                         s(de, {
                           variant: "tertiary",
                           icon: "g_translate",
@@ -1853,9 +1862,9 @@ const ml = /* @__PURE__ */ ce({
                   s(Z, {
                     "model-value": b.view.minSelect + " " + b.view.maxSelect
                   }, {
-                    default: p(() => [
-                      s(sa, null, {
-                        default: p(() => [
+                    default: c(() => [
+                      s(ra, null, {
+                        default: c(() => [
                           s(q, {
                             class: "flex-1",
                             label: e(d)("menu.common.labels.min_select"),
@@ -1883,10 +1892,10 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(d)("menu.common.labels.configuration")
                   }, {
-                    default: p(() => {
+                    default: c(() => {
                       var J;
                       return [
-                        n("div", Qt, [
+                        n("div", Jt, [
                           s(N, {
                             "model-value": b.view.stackable,
                             disabled: "",
@@ -1913,7 +1922,7 @@ const ml = /* @__PURE__ */ ce({
                 ]),
                 _: 1
               }),
-              b.view.hidden ? (r(), S("div", Ht, [
+              b.view.hidden ? (r(), S("div", eo, [
                 s(Ie, {
                   class: "shrink-0",
                   color: "system-warning-400",
@@ -1921,9 +1930,9 @@ const ml = /* @__PURE__ */ ce({
                   outline: "",
                   size: "sm"
                 }),
-                n("div", Xt, [
-                  n("p", Wt, I(e(d)("menu.common.labels.hide_group_notice")), 1),
-                  n("p", Yt, I(e(d)("menu.common.labels.hide_group_notice_reset")), 1)
+                n("div", lo, [
+                  n("p", ao, I(e(d)("menu.common.labels.hide_group_notice")), 1),
+                  n("p", to, I(e(d)("menu.common.labels.hide_group_notice_reset")), 1)
                 ])
               ])) : y("", !0),
               s(Z, {
@@ -1936,13 +1945,13 @@ const ml = /* @__PURE__ */ ce({
                   max: b.view.maxSelect
                 })
               }, {
-                default: p(() => [
+                default: c(() => [
                   s(qe, {
                     title: e(d)("menu.common.labels.product")
                   }, {
-                    default: p(() => [
-                      n("div", Zt, [
-                        n("div", Jt, [
+                    default: c(() => [
+                      n("div", oo, [
+                        n("div", no, [
                           s(ze, {
                             "column-defs": le.value,
                             "row-data": pe.value,
@@ -1973,8 +1982,8 @@ 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": p(() => [
-            n("div", lo, [
+          "side-sheet-header": c(() => [
+            n("div", io, [
               h[14] || (h[14] = n("span", {
                 class: "nested-group-sheet-marker",
                 "aria-hidden": "true",
@@ -1986,10 +1995,10 @@ const ml = /* @__PURE__ */ ce({
                 "aria-label": e(d)("menu.common.actions.cancel"),
                 onClick: h[9] || (h[9] = (J) => G.value = null)
               }, null, 8, ["aria-label"]),
-              n("div", ao, I(e(d)("menu.group.nested.title")), 1)
+              n("div", ro, I(e(d)("menu.group.nested.title")), 1)
             ])
           ]),
-          "side-sheet-footer": p(() => [
+          "side-sheet-footer": c(() => [
             s(de, {
               label: e(d)("menu.common.actions.ok"),
               size: "lg",
@@ -1997,25 +2006,25 @@ const ml = /* @__PURE__ */ ce({
               onClick: h[10] || (h[10] = (J) => G.value = null)
             }, null, 8, ["label"])
           ]),
-          default: p(() => {
+          default: c(() => {
             var J, we;
             return [
-              n("div", to, [
+              n("div", uo, [
                 s(fe, {
                   variant: "outlined",
                   class: "px-16 py-12"
                 }, {
-                  default: p(() => {
+                  default: c(() => {
                     var z;
                     return [
-                      n("p", oo, I(e(d)("menu.group.nested.currently_configuring")), 1),
-                      n("p", no, I((z = G.value) == null ? void 0 : z.name), 1)
+                      n("p", mo, I(e(d)("menu.group.nested.currently_configuring")), 1),
+                      n("p", co, 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),
+                n("div", po, [
+                  n("p", vo, I(e(d)("menu.group.nested.subtitle")), 1),
                   s(ze, {
                     "column-defs": A.value,
                     "row-data": [...((J = G.value) == null ? void 0 : J.nestedGroups) ?? []],
@@ -2030,13 +2039,13 @@ const ml = /* @__PURE__ */ ce({
           }),
           _: 1
         }, 8, ["model-value", "max-width", "z-index"]),
-        $.value ? (r(), T(Rl, {
+        $.value ? (r(), T(Nl, {
           key: 0,
           session: $.value,
           "product-name": ((He = l.value) == null ? void 0 : He.name) ?? "",
           onClose: _
         }, null, 8, ["session", "product-name"])) : y("", !0),
-        F.value ? (r(), T(zl, {
+        F.value ? (r(), T(Rl, {
           key: 1,
           session: F.value,
           "z-index": (i.zIndex ?? 200) + 100,
@@ -2059,17 +2068,17 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), uo = {
+}), fo = {
   key: 0,
   class: "w-[320px] xs:hidden sm:hidden fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-200 space-y-4 self-start"
-}, mo = { class: "fm-typo-en-title-sm-600" }, co = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, po = { class: "fm-typo-en-body-lg-600" }, vo = /* @__PURE__ */ ce({
+}, go = { class: "fm-typo-en-title-sm-600" }, yo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, _o = { class: "fm-typo-en-body-lg-600" }, ho = /* @__PURE__ */ ce({
   __name: "ProductSummaryCard",
   props: {
     summary: {},
     variant: { default: "full" }
   },
-  setup(Y) {
-    const V = Y, i = Qe(), { t: x, n: o } = be(), d = x("menu.product.form.summary.empty_value"), w = R(() => [
+  setup(H) {
+    const V = H, i = Xe(), { t: x, n: o } = be(), d = x("menu.product.form.summary.empty_value"), w = R(() => [
       {
         name: x("menu.product.form.summary.fields.code"),
         value: V.summary.code ?? d
@@ -2118,17 +2127,17 @@ const ml = /* @__PURE__ */ ce({
     function C() {
       i.open({
         title: x("menu.product.form.summary.title"),
-        contentComponent: H(
+        contentComponent: X(
           "div",
           { class: "space-y-4" },
           w.value.map(
-            (P) => H("div", { class: "space-y-4" }, [
-              H(
+            (P) => X("div", { class: "space-y-4" }, [
+              X(
                 "div",
                 { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" },
                 P.name
               ),
-              H("div", { class: "fm-typo-en-body-lg-600" }, P.value)
+              X("div", { class: "fm-typo-en-body-lg-600" }, P.value)
             ])
           )
         )
@@ -2136,15 +2145,15 @@ const ml = /* @__PURE__ */ ce({
     }
     return (P, m) => {
       const l = M("FmButton");
-      return P.variant === "full" ? (r(), S("div", uo, [
-        n("div", mo, I(e(x)("menu.product.form.summary.title")), 1),
+      return P.variant === "full" ? (r(), S("div", fo, [
+        n("div", go, I(e(x)("menu.product.form.summary.title")), 1),
         m[0] || (m[0] = n("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)),
         (r(!0), S(re, null, Fe(w.value, ($) => (r(), S("div", {
           key: $.name,
           class: "space-y-4"
         }, [
-          n("div", co, I($.name), 1),
-          n("div", po, I($.value), 1)
+          n("div", yo, I($.name), 1),
+          n("div", _o, I($.value), 1)
         ]))), 128))
       ])) : (r(), T(l, {
         key: 1,
@@ -2155,13 +2164,13 @@ const ml = /* @__PURE__ */ ce({
       }, null, 8, ["aria-label"]));
     };
   }
-}), bo = {
+}), ko = {
   key: 0,
   class: "sticky top-0 z-10 px-8 pb-8 bg-fm-color-neutral-white"
-}, fo = {
+}, wo = {
   key: 1,
   class: "py-8 px-12 fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
-}, go = /* @__PURE__ */ ce({
+}, xo = /* @__PURE__ */ ce({
   __name: "ProductCategoryMultiSelect",
   props: {
     items: {},
@@ -2170,11 +2179,11 @@ const ml = /* @__PURE__ */ ce({
     placeholder: {}
   },
   emits: ["update:modelValue", "create"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { search: d, filtered: w, noMatches: C, reset: P } = Ml(
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), { search: d, filtered: w, noMatches: C, reset: P } = El(
       () => i.items,
       (F) => F.label
-    ), { content: m, contentStyle: l, onMenuChanged: $ } = Nl();
+    ), { content: m, contentStyle: l, onMenuChanged: $ } = ql();
     function _(F) {
       F || P(), $(F);
     }
@@ -2190,17 +2199,17 @@ const ml = /* @__PURE__ */ ce({
         "onUpdate:modelValue": L[2] || (L[2] = (g) => x("update:modelValue", g ?? [])),
         onDropdownChanged: _
       }, {
-        "menu-wrapper": p(({ handleItemChange: g }) => [
+        "menu-wrapper": c(({ handleItemChange: g }) => [
           n("div", {
             ref_key: "content",
             ref: m,
             class: "shrink-0",
             style: pl(e(l))
           }, [
-            F.items.length ? (r(), S("div", bo, [
+            F.items.length ? (r(), S("div", ko, [
               s(E, {
                 modelValue: e(d),
-                "onUpdate:modelValue": L[0] || (L[0] = (f) => Ol(d) ? d.value = f : null),
+                "onUpdate:modelValue": L[0] || (L[0] = (f) => Ll(d) ? d.value = f : null),
                 autofocus: "",
                 placeholder: e(o)("menu.common.actions.search")
               }, null, 8, ["modelValue", "placeholder"])
@@ -2214,7 +2223,7 @@ const ml = /* @__PURE__ */ ce({
               "model-value": F.modelValue.includes(f.value),
               "onUpdate:modelValue": (k) => g(k, f)
             }, null, 8, ["label", "data-checked", "model-value", "onUpdate:modelValue"]))), 128)),
-            e(C) ? (r(), S("p", fo, I(e(o)("menu.product.form.detail.category.no_results")), 1)) : y("", !0),
+            e(C) ? (r(), S("p", wo, I(e(o)("menu.product.form.detail.category.no_results")), 1)) : y("", !0),
             s(A, {
               variant: "plain",
               "prepend-icon": "add",
@@ -2228,31 +2237,31 @@ const ml = /* @__PURE__ */ ce({
       }, 8, ["items", "disabled", "model-value", "placeholder"]);
     };
   }
-}), yo = ["aria-label"], _o = { class: "text-fm-color-typo-tertiary break-all fm-typo-en-body-lg-400 line-clamp-1" }, ho = {
+}), Co = ["aria-label"], Fo = { class: "text-fm-color-typo-tertiary break-all fm-typo-en-body-lg-400 line-clamp-1" }, $o = {
   key: 0,
   class: "sticky top-0 z-10 px-8 pb-8 bg-fm-color-neutral-white"
-}, ko = {
+}, So = {
   key: 1,
   class: "py-8 px-12 fm-typo-en-body-md-400 text-fm-color-typo-tertiary"
-}, wo = {
+}, Vo = {
   key: 0,
   class: "flex flex-col gap-4 justify-center"
-}, xo = /* @__PURE__ */ ce({
+}, Po = /* @__PURE__ */ ce({
   __name: "ProductCategorySelector",
   props: {
     view: {},
     session: {}
   },
   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 = W(!1), P = W(), { search: m, filtered: l, noMatches: $, reset: _ } = Ml(
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Pe(), w = (g) => g.labelMessage ? d(g.labelMessage) : g.label, C = Y(!1), P = Y(), { search: m, filtered: l, noMatches: $, reset: _ } = El(
       () => i.view.categoryOptions,
       w
     ), {
       content: F,
       contentStyle: L,
       onMenuChanged: E
-    } = Nl();
+    } = ql();
     function G(g) {
       C.value = g, g || _(), E(g);
     }
@@ -2266,7 +2275,7 @@ const ml = /* @__PURE__ */ ce({
       i.session.selectCategory(g, f), f && ((k = P.value) == null || k.toggleMenu(!1));
     }
     return (g, f) => {
-      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");
+      const k = M("FmIcon"), O = M("FmField"), Q = M("FmSearch"), ee = M("FmMenuItem"), a = M("FmButton"), p = 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")
@@ -2276,43 +2285,43 @@ const ml = /* @__PURE__ */ ce({
           disabled: g.view.editClassification.state !== "allowed",
           focused: C.value
         }, {
-          default: p(() => [
-            s(c, {
+          default: c(() => [
+            s(p, {
               ref_key: "menu",
               ref: P,
               disabled: g.view.editClassification.state !== "allowed",
               "close-on-click": !1,
               onMenuChanged: G
             }, {
-              "menu-button": p(() => [
+              "menu-button": c(() => [
                 s(O, {
                   class: "cursor-pointer",
                   disabled: g.view.editClassification.state !== "allowed",
                   focused: C.value
                 }, {
-                  append: p(() => [
+                  append: c(() => [
                     s(k, {
                       name: C.value ? "expand_less" : "expand_more",
                       size: "md"
                     }, null, 8, ["name"])
                   ]),
-                  default: p(() => [
-                    n("div", _o, I(e(o)("menu.product.form.detail.category.placeholder")), 1)
+                  default: c(() => [
+                    n("div", Fo, I(e(o)("menu.product.form.detail.category.placeholder")), 1)
                   ]),
                   _: 1
                 }, 8, ["disabled", "focused"])
               ]),
-              default: p(() => [
+              default: c(() => [
                 n("div", {
                   ref_key: "content",
                   ref: F,
                   class: "relative min-w-[112px] py-12 px-4 flex flex-col overflow-y-auto bg-fm-color-neutral-white shadow-light-300 rounded-md",
                   style: pl(e(L))
                 }, [
-                  g.view.categoryOptions.length ? (r(), S("div", ho, [
+                  g.view.categoryOptions.length ? (r(), S("div", $o, [
                     s(Q, {
                       modelValue: e(m),
-                      "onUpdate:modelValue": f[0] || (f[0] = (le) => Ol(m) ? m.value = le : null),
+                      "onUpdate:modelValue": f[0] || (f[0] = (le) => Ll(m) ? m.value = le : null),
                       autofocus: "",
                       placeholder: e(o)("menu.common.actions.search")
                     }, null, 8, ["modelValue", "placeholder"])
@@ -2324,7 +2333,7 @@ const ml = /* @__PURE__ */ ce({
                     "model-value": g.view.categoryId === le.id,
                     "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),
+                  e($) ? (r(), S("p", So, I(e(o)("menu.product.form.detail.category.no_results")), 1)) : y("", !0),
                   s(a, {
                     variant: "plain",
                     "prepend-icon": "add",
@@ -2339,7 +2348,7 @@ const ml = /* @__PURE__ */ ce({
           ]),
           _: 1
         }, 8, ["model-value", "disabled", "focused"]),
-        A.value.length ? (r(), S("div", wo, [
+        A.value.length ? (r(), S("div", Vo, [
           s(pe, {
             disabled: g.view.editClassification.state !== "allowed",
             items: A.value.map((le) => ({ label: w(le) })),
@@ -2347,22 +2356,22 @@ const ml = /* @__PURE__ */ ce({
             onChipClosed: f[2] || (f[2] = (le) => g.session.removeCategory(A.value[le].id))
           }, null, 8, ["disabled", "items"])
         ])) : y("", !0)
-      ], 8, yo);
+      ], 8, Co);
     };
   }
-}), Co = { class: "fm-typo-en-title-md-600" }, Fo = { class: "pt-8 space-y-24" }, $o = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, So = ["aria-expanded"], Vo = { class: "fm-typo-en-body-lg-600" }, Po = {
+}), Uo = { class: "fm-typo-en-title-md-600" }, Io = { class: "pt-8 space-y-24" }, To = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, Ao = ["aria-expanded"], Bo = { class: "fm-typo-en-body-lg-600" }, Oo = {
   key: 0,
   class: "flex flex-col gap-32 pl-32"
-}, 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 = {
+}, Lo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, zo = {
   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" }, 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 = {
+}, Do = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Ro = { class: "flex w-[100px] items-center gap-8" }, Mo = { class: "fm-typo-en-body-md-400" }, No = { class: "flex-1" }, Eo = { class: "flex flex-col gap-16 border p-16 rounded-lg" }, qo = ["aria-expanded"], Go = { class: "fm-typo-en-body-lg-600" }, jo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, Ko = {
   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 = {
+}, Qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Xo = {
   key: 0,
   class: "space-y-8"
-}, qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Go = { class: "flex w-[100px] items-center gap-8 pt-12" }, jo = { class: "fm-typo-en-body-md-400" }, Ko = { class: "flex-1" }, Qo = { class: "w-full flex gap-8 items-center justify-end relative -top-px" }, Ho = /* @__PURE__ */ ce({
+}, Ho = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary border inline-block rounded-full px-8 py-4 mb-8" }, Wo = { class: "flex w-[100px] items-center gap-8 pt-12" }, Yo = { class: "fm-typo-en-body-md-400" }, Zo = { class: "flex-1" }, Jo = { class: "w-full flex gap-8 items-center justify-end relative -top-px" }, en = /* @__PURE__ */ ce({
   __name: "ProductTranslationDialog",
   props: {
     modelValue: { type: Boolean },
@@ -2371,13 +2380,13 @@ const ml = /* @__PURE__ */ ce({
     initialSection: { default: "name" }
   },
   emits: ["update:modelValue"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = Qe(), w = R({
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Xe(), w = R({
       get: () => i.modelValue,
       set: (f) => {
         f ? x("update:modelValue", f) : v();
       }
-    }), C = W(!0), P = W(!1);
+    }), C = Y(!0), P = Y(!1);
     Ae(
       () => [i.modelValue, i.initialSection],
       ([f, k]) => {
@@ -2466,14 +2475,14 @@ const ml = /* @__PURE__ */ ce({
       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),
+        "onUpdate:modelValue": k[4] || (k[4] = (p) => w.value = p),
         "max-width": 800
       }, {
-        "dialog-header": p(() => [
-          n("p", Co, I(e(o)("menu.product.translation.title")), 1)
+        "dialog-header": c(() => [
+          n("p", Uo, I(e(o)("menu.product.translation.title")), 1)
         ]),
-        "dialog-footer": p(() => [
-          n("div", Qo, [
+        "dialog-footer": c(() => [
+          n("div", Jo, [
             s(ee, {
               label: e(o)("menu.common.actions.cancel"),
               "aria-label": e(o)("menu.product.translation.cancel_translation"),
@@ -2490,30 +2499,30 @@ const ml = /* @__PURE__ */ ce({
             }, null, 8, ["label", "aria-label"])
           ])
         ]),
-        default: p(() => [
-          n("div", Fo, [
-            s(Hl, {
-              selected: m.value.map((c) => ({ code: c.code, name: c.label })),
+        default: c(() => [
+          n("div", Io, [
+            s(Wl, {
+              selected: m.value.map((p) => ({ code: p.code, name: p.label })),
               available: $.value,
               "menu-z-index": 101,
               onAdd: E,
               onRemove: G
             }, null, 8, ["selected", "available"]),
-            n("div", $o, [
+            n("div", To, [
               n("button", {
                 type: "button",
                 class: "flex items-center gap-16 cursor-pointer appearance-none border-0 bg-transparent p-0 text-left",
                 "aria-expanded": C.value,
-                onClick: k[0] || (k[0] = (c) => C.value = !C.value)
+                onClick: k[0] || (k[0] = (p) => C.value = !C.value)
               }, [
                 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)
-              ], 8, So),
-              C.value ? (r(), S("div", Po, [
+                n("p", Bo, I(e(o)("menu.product.translation.product_name")), 1)
+              ], 8, Ao),
+              C.value ? (r(), S("div", Oo, [
                 n("div", null, [
-                  n("p", Uo, I(e(o)("menu.common.translation.default")), 1),
+                  n("p", Lo, I(e(o)("menu.common.translation.default")), 1),
                   n("div", {
                     class: Be({
                       "-mt-px mb-px": m.value.length === 0,
@@ -2524,54 +2533,54 @@ const ml = /* @__PURE__ */ ce({
                       "aria-label": e(o)("menu.product.form.detail.fields.name.label"),
                       "model-value": f.view.name,
                       placeholder: e(o)("menu.product.translation.placeholder"),
-                      "onUpdate:modelValue": k[1] || (k[1] = (c) => f.session.setName(String(c ?? "")))
+                      "onUpdate:modelValue": k[1] || (k[1] = (p) => f.session.setName(String(p ?? "")))
                     }, null, 8, ["aria-label", "model-value", "placeholder"])
                   ], 2)
                 ]),
-                m.value.length > 0 ? (r(), S("div", Io, [
-                  n("p", To, I(e(o)("menu.common.translation.translation_label")), 1),
-                  (r(!0), S(re, null, Fe(m.value, (c) => (r(), S("div", {
-                    key: c.code,
+                m.value.length > 0 ? (r(), S("div", zo, [
+                  n("p", Do, I(e(o)("menu.common.translation.translation_label")), 1),
+                  (r(!0), S(re, null, Fe(m.value, (p) => (r(), S("div", {
+                    key: p.code,
                     class: "flex gap-16 items-center"
                   }, [
-                    n("div", Ao, [
+                    n("div", Ro, [
                       s($l, {
-                        code: c.code
+                        code: p.code
                       }, null, 8, ["code"]),
-                      n("span", Bo, I(c.label), 1)
+                      n("span", Mo, I(p.label), 1)
                     ]),
-                    n("div", Oo, [
+                    n("div", No, [
                       s(ge, {
                         "aria-label": e(o)("menu.product.translation.name_field", {
-                          locale: c.label
+                          locale: p.label
                         }),
-                        "model-value": c.name,
+                        "model-value": p.name,
                         placeholder: e(o)("menu.product.translation.placeholder"),
-                        "onUpdate:modelValue": (ne) => F(c.code, String(ne ?? ""))
+                        "onUpdate:modelValue": (ne) => F(p.code, String(ne ?? ""))
                       }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
                     ])
                   ]))), 128))
                 ])) : y("", !0)
               ])) : y("", !0)
             ]),
-            n("div", Lo, [
+            n("div", Eo, [
               n("button", {
                 type: "button",
                 class: "flex items-center gap-16 cursor-pointer appearance-none border-0 bg-transparent p-0 text-left",
                 "aria-expanded": P.value,
-                onClick: k[2] || (k[2] = (c) => P.value = !P.value)
+                onClick: k[2] || (k[2] = (p) => P.value = !P.value)
               }, [
                 s(O, {
                   name: P.value ? "keyboard_arrow_down" : "keyboard_arrow_right"
                 }, null, 8, ["name"]),
-                n("p", Do, [
+                n("p", Go, [
                   sl(I(e(o)("menu.product.translation.description")) + " ", 1),
-                  n("span", Ro, I(e(o)("menu.product.translation.optional")), 1)
+                  n("span", jo, I(e(o)("menu.product.translation.optional")), 1)
                 ])
-              ], 8, zo),
-              P.value ? (r(), S("div", Mo, [
+              ], 8, qo),
+              P.value ? (r(), S("div", Ko, [
                 n("div", null, [
-                  n("p", No, I(e(o)("menu.common.translation.default")), 1),
+                  n("p", Qo, I(e(o)("menu.common.translation.default")), 1),
                   n("div", {
                     class: Be(["-mt-px", {
                       "mb-px product-translation-empty-textarea": m.value.length === 0
@@ -2581,28 +2590,28 @@ const ml = /* @__PURE__ */ ce({
                       "aria-label": e(o)("menu.product.form.detail.fields.description.label"),
                       "model-value": f.view.description,
                       placeholder: e(o)("menu.product.translation.placeholder"),
-                      "onUpdate:modelValue": k[3] || (k[3] = (c) => f.session.setDescription(String(c ?? "")))
+                      "onUpdate:modelValue": k[3] || (k[3] = (p) => f.session.setDescription(String(p ?? "")))
                     }, null, 8, ["aria-label", "model-value", "placeholder"])
                   ], 2)
                 ]),
-                m.value.length > 0 ? (r(), S("div", Eo, [
-                  n("p", qo, I(e(o)("menu.common.translation.translation_label")), 1),
-                  (r(!0), S(re, null, Fe(m.value, (c) => (r(), S("div", {
-                    key: c.code,
+                m.value.length > 0 ? (r(), S("div", Xo, [
+                  n("p", Ho, I(e(o)("menu.common.translation.translation_label")), 1),
+                  (r(!0), S(re, null, Fe(m.value, (p) => (r(), S("div", {
+                    key: p.code,
                     class: "flex gap-16 items-start"
                   }, [
-                    n("div", Go, [
+                    n("div", Wo, [
                       s($l, {
-                        code: c.code
+                        code: p.code
                       }, null, 8, ["code"]),
-                      n("span", jo, I(c.label), 1)
+                      n("span", Yo, I(p.label), 1)
                     ]),
-                    n("div", Ko, [
+                    n("div", Zo, [
                       s(Q, {
-                        "aria-label": l(c.label),
-                        "model-value": c.description,
+                        "aria-label": l(p.label),
+                        "model-value": p.description,
                         placeholder: e(o)("menu.product.translation.placeholder"),
-                        "onUpdate:modelValue": (ne) => L(c.code, String(ne ?? ""))
+                        "onUpdate:modelValue": (ne) => L(p.code, String(ne ?? ""))
                       }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"])
                     ])
                   ]))), 128))
@@ -2615,61 +2624,61 @@ const ml = /* @__PURE__ */ ce({
       }, 8, ["modelValue"]);
     };
   }
-}), Xo = { class: "flex-1 py-24 space-y-24 xs:w-full min-w-0" }, Wo = ["aria-label"], Yo = { class: "space-y-4" }, Zo = { class: "fm-typo-en-title-sm-600" }, Jo = { class: "text-fm-color-typo-secondary" }, en = { class: "flex gap-16" }, ln = { class: "flex-1" }, an = { class: "flex-1" }, tn = ["aria-label"], on = { class: "flex flex-col gap-24" }, nn = { class: "flex space-x-16 xs:flex-col xs:space-x-0 xs:space-y-16" }, sn = { class: "w-[160px] xs:w-full" }, rn = { class: "flex-1" }, un = { class: "py-12 px-16 space-y-4" }, dn = { class: "relative" }, mn = { class: "fm-typo-en-body-lg-600" }, cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, pn = { class: "absolute top-32 right-4 flex gap-4" }, vn = { class: "py-12 px-16 space-y-4" }, bn = { class: "flex flex-col gap-16" }, fn = { class: "space-y-8" }, gn = { class: "pl-32" }, yn = {
+}), ln = { class: "flex-1 py-24 space-y-24 xs:w-full min-w-0" }, an = ["aria-label"], tn = { class: "space-y-4" }, on = { class: "fm-typo-en-title-sm-600" }, nn = { class: "text-fm-color-typo-secondary" }, sn = { class: "flex gap-16" }, rn = { class: "flex-1" }, un = { class: "flex-1" }, dn = ["aria-label"], mn = { class: "flex flex-col gap-24" }, cn = { class: "flex space-x-16 xs:flex-col xs:space-x-0 xs:space-y-16" }, pn = { class: "w-[160px] xs:w-full" }, vn = { class: "flex-1" }, bn = { class: "py-12 px-16 space-y-4" }, fn = { class: "relative" }, gn = { class: "fm-typo-en-body-lg-600" }, yn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-tertiary" }, _n = { class: "absolute top-32 right-4 flex gap-4" }, hn = { class: "py-12 px-16 space-y-4" }, kn = { class: "flex flex-col gap-16" }, wn = { class: "space-y-8" }, xn = { class: "pl-32" }, Cn = {
   key: 0,
   class: "flex items-center gap-8"
-}, _n = {
+}, Fn = {
   key: 1,
   class: "flex flex-col gap-24"
-}, hn = { class: "flex flex-col rounded-lg border border-fm-color-neutral-gray-100" }, kn = { class: "flex items-center gap-16" }, wn = { class: "flex-1 min-w-0" }, xn = { class: "fm-typo-en-body-lg-600" }, Cn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Fn = { class: "flex flex-col gap-16 pl-40" }, $n = ["aria-label"], Sn = {
+}, $n = { class: "flex flex-col rounded-lg border border-fm-color-neutral-gray-100" }, Sn = { class: "flex items-center gap-16" }, Vn = { class: "flex-1 min-w-0" }, Pn = { class: "fm-typo-en-body-lg-600" }, Un = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, In = { class: "flex flex-col gap-16 pl-40" }, Tn = ["aria-label"], An = {
   key: 3,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, Vn = { class: "flex space-x-16 xs:flex-col xs:space-x-0 xs:space-y-16" }, Pn = {
+}, Bn = { class: "flex space-x-16 xs:flex-col xs:space-x-0 xs:space-y-16" }, On = {
   key: 0,
   class: "flex fm-corner-radius-lg p-16 border border-fm-color-neutral-gray-100 items-center justify-between"
-}, 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 = {
+}, Ln = { class: "flex flex-col space-y-4" }, zn = { class: "fm-typo-en-body-lg-600" }, Dn = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Rn = { class: "flex items-center gap-16" }, Mn = { class: "space-y-16" }, Nn = { class: "space-y-8" }, En = {
   key: 0,
   class: "pl-32 pb-4 flex items-center gap-16"
-}, zn = { class: "fm-typo-en-body-lg-400" }, Dn = { class: "w-[258px]" }, Rn = { class: "w-[117px]" }, Mn = {
+}, qn = { class: "fm-typo-en-body-lg-400" }, Gn = { class: "w-[258px]" }, jn = { class: "w-[117px]" }, Kn = {
   key: 0,
   class: "space-y-8"
-}, Nn = {
+}, Qn = {
   key: 0,
   class: "pl-32 pb-4 flex space-x-16"
-}, En = { class: "w-[258px] xs:w-full" }, qn = {
+}, Xn = { class: "w-[258px] xs:w-full" }, Hn = {
   key: 1,
   class: "space-y-8"
-}, Gn = { class: "pl-32 pb-4 flex space-x-16" }, jn = { class: "w-[258px] xs:w-full" }, Kn = { class: "space-y-16" }, Qn = {
+}, Wn = { class: "pl-32 pb-4 flex space-x-16" }, Yn = { class: "w-[258px] xs:w-full" }, Zn = { class: "space-y-16" }, Jn = {
   key: 0,
   class: "pl-32 pb-4 flex items-center gap-16"
-}, Hn = { class: "fm-typo-en-body-lg-400" }, Xn = { class: "w-[258px]" }, Wn = {
+}, es = { class: "fm-typo-en-body-lg-400" }, ls = { class: "w-[258px]" }, as = {
   key: 4,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, Yn = { class: "space-y-16" }, Zn = { class: "flex items-center space-x-4" }, Jn = { class: "pt-16 pb-8" }, es = {
+}, ts = { class: "space-y-16" }, os = { class: "flex items-center space-x-4" }, ns = { class: "pt-16 pb-8" }, ss = {
   key: 6,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, ls = { class: "space-y-16" }, as = { class: "flex items-center space-x-8" }, ts = { class: "flex items-center flex-1 h-[36px] px-8 border border-fm-color-neutral-gray-300 rounded-md bg-fm-color-neutral-white" }, os = { class: "flex-1 fm-typo-en-body-lg-400" }, ns = { class: "overflow-x-auto" }, ss = {
+}, is = { class: "space-y-16" }, rs = { class: "flex items-center space-x-8" }, us = { class: "flex items-center flex-1 h-[36px] px-8 border border-fm-color-neutral-gray-300 rounded-md bg-fm-color-neutral-white" }, ds = { class: "flex-1 fm-typo-en-body-lg-400" }, ms = {
   key: 8,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, is = { class: "overflow-x-auto" }, rs = {
+}, cs = {
   key: 10,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, us = { class: "xs:overflow-x-scroll" }, ds = {
+}, ps = { class: "xs:overflow-x-scroll" }, vs = {
   key: 12,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, ms = {
+}, bs = {
   key: 14,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, cs = {
+}, fs = {
   key: 0,
   class: "flex flex-col gap-16"
-}, ps = { class: "overflow-x-auto" }, vs = {
+}, gs = {
   key: 16,
   class: "w-full h-[2px] bg-fm-color-neutral-gray-100"
-}, bs = {
+}, ys = {
   key: 0,
   class: "space-y-16"
-}, ii = /* @__PURE__ */ ce({
+}, _s = /* @__PURE__ */ ce({
   __name: "ProductForm",
   props: {
     view: {},
@@ -2681,8 +2690,8 @@ const ml = /* @__PURE__ */ ce({
     sdk: {}
   },
   emits: ["select-scope", "create-entity"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = W(null);
+  setup(H, { emit: V }) {
+    const i = H, x = Y(null);
     Ae(
       () => [i.treeSelection, i.view.itemId],
       async ([u]) => {
@@ -2744,14 +2753,14 @@ const ml = /* @__PURE__ */ ce({
     }, L = (u) => u.reduce((t, j) => {
       const te = F(j);
       return t ? l("menu.group.list.join_products", { list: t, item: te }) : te;
-    }, ""), E = Qe();
+    }, ""), E = Xe();
     function G(u) {
-      const t = u === "variant" ? c.value.variantPicker() : c.value.groupPicker();
+      const t = u === "variant" ? p.value.variantPicker() : p.value.groupPicker();
       t && E.open({
         title: l(
           u === "variant" ? "menu.product.form.variant.add" : "menu.product.form.group.add"
         ),
-        contentComponent: Tl,
+        contentComponent: Al,
         contentComponentProps: {
           session: t,
           kind: u,
@@ -2761,10 +2770,10 @@ const ml = /* @__PURE__ */ ce({
       }).onClose(() => t.dispose());
     }
     function A() {
-      const u = c.value.pacingPicker();
+      const u = p.value.pacingPicker();
       u && E.open({
         title: l("menu.product.form.order_pacing.time_presets.add"),
-        contentComponent: Tl,
+        contentComponent: Al,
         // Named for what it cancels, like the group and variant pickers beside
         // it (`<kind>.picker.cancel`): a bare "Cancel" said nothing about which
         // of the several dismissible surfaces on this form it belonged to. As
@@ -2791,7 +2800,7 @@ const ml = /* @__PURE__ */ ce({
         u.apply() && E.close();
       }).onTertiary(() => o("create-entity", "pacing")).onClose(() => u.dispose());
     }
-    const v = Pe(), g = W(
+    const v = Pe(), g = Y(
       null
     ), f = R(
       () => (i.itemBreadcrumb ?? []).map((u) => ({
@@ -2809,7 +2818,7 @@ const ml = /* @__PURE__ */ ce({
       },
       { flush: "post" }
     );
-    const k = W(null);
+    const k = Y(null);
     function O(u) {
       var j, te;
       const t = i.session.prepareSuggestion(u);
@@ -2818,7 +2827,7 @@ const ml = /* @__PURE__ */ ce({
         oe != null && oe.focus ? oe.focus() : (te = (j = oe == null ? void 0 : oe.$el) == null ? void 0 : j.querySelector("input")) == null || te.focus();
         return;
       }
-      Ll().activate({
+      zl().activate({
         command: t.command,
         prompt: l(
           u === "description" ? "menu.product.remy.description_prompt" : "menu.product.remy.pricing_prompt",
@@ -2836,12 +2845,12 @@ const ml = /* @__PURE__ */ ce({
         typeof t == "string" ? t : ""
       );
     }
-    Bl(() => {
+    Ol(() => {
       window.addEventListener("apply-pricing", Q), window.addEventListener("apply-description", ee);
     }), ke(() => {
       window.removeEventListener("apply-pricing", Q), window.removeEventListener("apply-description", ee);
     });
-    const a = R(() => i.view), c = R(() => i.session);
+    const a = R(() => i.view), p = R(() => i.session);
     Ae(
       () => {
         var u;
@@ -2855,10 +2864,10 @@ const ml = /* @__PURE__ */ ce({
       }
     );
     function ne(u, t) {
-      c.value.setSectionEnabled(u, t);
+      p.value.setSectionEnabled(u, t);
     }
     function pe(u) {
-      c.value.setVariantGroups(
+      p.value.setVariantGroups(
         a.value.variantGroups.filter((t) => t.id !== u).map((t) => t.id)
       );
     }
@@ -2867,11 +2876,11 @@ const ml = /* @__PURE__ */ ce({
       currency: u.unitAmount.currency,
       currencyDisplay: "narrowSymbol",
       minimumFractionDigits: u.unitAmount.precision
-    }).replaceAll(/\s/g, ""), b = W(!1), h = W("name"), se = Xl();
+    }).replaceAll(/\s/g, ""), b = Y(!1), h = Y("name"), se = Yl();
     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;
-      (t == null ? void 0 : t.state) === "allowed" && (h.value = u, c.value.beginTranslationEdit(), b.value = !0);
+      (t == null ? void 0 : t.state) === "allowed" && (h.value = u, p.value.beginTranslationEdit(), b.value = !0);
     }
     const $e = R(
       () => Object.fromEntries(
@@ -2887,7 +2896,7 @@ const ml = /* @__PURE__ */ ce({
       ...a.value.additionalCategoryIds
     ]), Z = R(
       () => a.value.formOrderFromOptions.map((u) => ({
-        label: l(u === null ? "menu.product.form.detail.order_from.default" : Dl[u]),
+        label: l(u === null ? "menu.product.form.detail.order_from.default" : Ml[u]),
         value: u
       }))
     ), N = R(() => [...a.value.priceTierRows]), Ie = R(
@@ -2902,7 +2911,7 @@ const ml = /* @__PURE__ */ ce({
         accessorKey: "amount",
         header: () => l("menu.price_tier.form.table.columns.price"),
         enableSorting: !1,
-        cell: ({ row: u }) => H(Ke, {
+        cell: ({ row: u }) => X(Ke, {
           modelValue: u.original.amount,
           "aria-label": l("menu.common.labels.a11y_labelled_name", {
             label: l(
@@ -2910,7 +2919,7 @@ const ml = /* @__PURE__ */ ce({
             ),
             name: u.original.tier
           }),
-          "onUpdate:modelValue": (t) => c.value.setPriceTierAmount(u.original.tier, t)
+          "onUpdate:modelValue": (t) => p.value.setPriceTierAmount(u.original.tier, t)
         })
       },
       {
@@ -2919,8 +2928,8 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: ({ row: u }) => {
           var t;
-          return H("div", { class: "flex items-center justify-between" }, [
-            H(
+          return X("div", { class: "flex items-center justify-between" }, [
+            X(
               B.FmButton,
               {
                 label: l("menu.product.form.member_price.configure.title"),
@@ -2935,7 +2944,7 @@ const ml = /* @__PURE__ */ ce({
                 onClick: () => m(void 0, u.original.tier)
               },
               {
-                default: () => H(
+                default: () => X(
                   "span",
                   { class: "underline line-clamp-2 break-all" },
                   u.original.memberPriceCount ? l(
@@ -2945,7 +2954,7 @@ const ml = /* @__PURE__ */ ce({
                 )
               }
             ),
-            H(nl, {
+            X(nl, {
               prices: u.original.memberPrices,
               currency: (t = a.value.summary.sellingPrice) == null ? void 0 : t.currency
             })
@@ -2974,7 +2983,7 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: (u) => {
           const t = u.row.original;
-          return H(ge, {
+          return X(ge, {
             modelValue: t.code ?? "",
             placeholder: t.inheritedCode || l("menu.product.form.variant.placeholders.no_code"),
             "aria-label": l("menu.common.labels.a11y_labelled_name", {
@@ -2982,7 +2991,7 @@ const ml = /* @__PURE__ */ ce({
               name: t.label
             }),
             errorMessages: t.codeIssue ? [v(t.codeIssue)] : [],
-            "onUpdate:modelValue": (j) => c.value.setCombination(t.key, {
+            "onUpdate:modelValue": (j) => p.value.setCombination(t.key, {
               code: String(j ?? "")
             })
           });
@@ -2994,7 +3003,7 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: (u) => {
           const t = u.row.original;
-          return H(
+          return X(
             "div",
             {
               "aria-label": l("menu.common.labels.a11y_labelled_name", {
@@ -3004,7 +3013,7 @@ const ml = /* @__PURE__ */ ce({
               role: "combobox"
             },
             [
-              H(B.FmSelect, {
+              X(B.FmSelect, {
                 items: [
                   {
                     label: l(
@@ -3023,7 +3032,7 @@ const ml = /* @__PURE__ */ ce({
                   name: t.label
                 }),
                 shiftMenu: !0,
-                "onUpdate:modelValue": (j) => c.value.setCombination(t.key, {
+                "onUpdate:modelValue": (j) => p.value.setCombination(t.key, {
                   orderFrom: j ?? null
                 })
               })
@@ -3045,14 +3054,14 @@ const ml = /* @__PURE__ */ ce({
         cell: ({ row: u }) => {
           var j;
           const t = u.original;
-          return H(
+          return X(
             "div",
             {
               class: "flex items-center gap-8",
               "data-product-combination-key": t.key
             },
             [
-              H(Ke, {
+              X(Ke, {
                 modelValue: t.priceAmount,
                 disabled: a.value.editPrice.state !== "allowed",
                 placeholder: Ge(t.inheritedPriceAmount),
@@ -3060,11 +3069,11 @@ const ml = /* @__PURE__ */ ce({
                   label: l("menu.product.form.variant.input_labels.price"),
                   name: t.label
                 }),
-                "onUpdate:modelValue": (te) => c.value.setCombination(t.key, { priceAmount: te })
+                "onUpdate:modelValue": (te) => p.value.setCombination(t.key, { priceAmount: te })
               }),
               ...a.value.showVariantMemberPricing ? [
-                H("div", { class: "flex items-center gap-8" }, [
-                  H(
+                X("div", { class: "flex items-center gap-8" }, [
+                  X(
                     B.FmButton,
                     {
                       variant: Ne.Plain,
@@ -3090,7 +3099,7 @@ const ml = /* @__PURE__ */ ce({
                       onClick: () => m(t.key)
                     },
                     {
-                      default: () => H(
+                      default: () => X(
                         "span",
                         {
                           class: "underline line-clamp-2 break-all"
@@ -3112,21 +3121,21 @@ const ml = /* @__PURE__ */ ce({
                   // Price column past the table's equal 150px split (measured
                   // 302.5 vs 257.1 per other column, 2026-09-26 probe); on the
                   // product page it narrows the price input beside it.
-                  H("div", { "aria-hidden": "true" }),
-                  H(nl, {
+                  X("div", { "aria-hidden": "true" }),
+                  X(nl, {
                     prices: t.memberPrices,
                     currency: (j = a.value.summary.sellingPrice) == null ? void 0 : j.currency
                   })
                 ]),
                 ...a.value.isOverride ? [] : [
-                  H(ia, {
+                  X(ua, {
                     configured: t.priceTierCount > 0,
                     label: l("menu.common.labels.a11y_labelled_name", {
                       label: l("menu.price_tier.price_group"),
                       name: t.label
                     }),
                     onOpen: () => {
-                      P(), C.value = c.value.pricingEditor(
+                      P(), C.value = p.value.pricingEditor(
                         "tiers",
                         t.key
                       );
@@ -3142,7 +3151,7 @@ const ml = /* @__PURE__ */ ce({
         accessorKey: "minPriceAmount",
         header: () => l("menu.product.form.variant.columns.min_price"),
         enableSorting: !1,
-        cell: ({ row: u }) => H(Ke, {
+        cell: ({ row: u }) => X(Ke, {
           modelValue: u.original.minPriceAmount,
           placeholder: Ge(u.original.inheritedMinPriceAmount),
           "aria-label": l("menu.common.labels.a11y_labelled_name", {
@@ -3150,7 +3159,7 @@ const ml = /* @__PURE__ */ ce({
             name: u.original.label
           }),
           errorMessages: u.original.minPriceIssue ? [v(u.original.minPriceIssue)] : [],
-          "onUpdate:modelValue": (t) => c.value.setCombination(u.original.key, {
+          "onUpdate:modelValue": (t) => p.value.setCombination(u.original.key, {
             minPriceAmount: t
           })
         })
@@ -3192,11 +3201,11 @@ const ml = /* @__PURE__ */ ce({
         enableSorting: !1,
         cell: (u) => {
           const t = u.row.original;
-          return H(
+          return X(
             "div",
             { class: "flex justify-end", "data-product-group-id": t.id },
             [
-              H(B.FmButton, {
+              X(B.FmButton, {
                 icon: "delete",
                 variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
@@ -3204,9 +3213,9 @@ const ml = /* @__PURE__ */ ce({
                   label: l("menu.product.form.group.actions.detach"),
                   name: t.label
                 }),
-                onClick: () => c.value.removeGroup(t.id)
+                onClick: () => p.value.removeGroup(t.id)
               }),
-              H(B.FmButton, {
+              X(B.FmButton, {
                 icon: "edit",
                 variant: Ne.Tertiary,
                 textColor: "neutral-gray-400",
@@ -3224,16 +3233,16 @@ const ml = /* @__PURE__ */ ce({
           );
         }
       }
-    ]), J = W(!1), we = ye(
+    ]), J = Y(!1), we = ye(
       null
     );
     let z = null, D = null;
-    function X() {
+    function W() {
       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;
-      X();
+      W();
       const t = i.session.groupEditor(u.id);
       z = t, we.value = t.get(), D = t.subscribe((j) => {
         we.value = j;
@@ -3245,8 +3254,8 @@ const ml = /* @__PURE__ */ ce({
         return ((u = we.value) == null ? void 0 : u.status) === "ready" ? we.value.value : null;
       }
     );
-    ke(X);
-    const Xe = R(
+    ke(W);
+    const We = R(
       () => a.value.inventoryRows.map((u) => ({
         _id: u.key,
         name: u.label,
@@ -3258,17 +3267,17 @@ const ml = /* @__PURE__ */ ce({
       var u;
       (u = De.value) == null || u.dispose(), De.value = null;
     }
-    function El(u) {
-      je(), De.value = c.value.inventoryEditor(u._id);
+    function Gl(u) {
+      je(), De.value = p.value.inventoryEditor(u._id);
     }
     ke(je);
-    const vl = W(null);
+    const vl = Y(null);
     async function bl() {
       await Je();
       const u = vl.value;
       if (!u) return;
       const t = u.querySelectorAll("tbody tr");
-      Xe.value.forEach((j, te) => {
+      We.value.forEach((j, te) => {
         var al;
         const oe = (al = t[te]) == null ? void 0 : al.querySelectorAll("button"), Ve = oe == null ? void 0 : oe[oe.length - 1];
         Ve && !Ve.getAttribute("aria-label") && Ve.setAttribute(
@@ -3280,10 +3289,10 @@ const ml = /* @__PURE__ */ ce({
         );
       });
     }
-    Ae(Xe, bl, {
+    Ae(We, bl, {
       immediate: !0
     });
-    const ql = R(() => [
+    const jl = R(() => [
       {
         accessorKey: "label",
         header: () => a.value.combinations.length > 0 ? l("menu.product.form.takeaway.columns.variant") : l("menu.product.form.takeaway.columns.product"),
@@ -3298,14 +3307,14 @@ const ml = /* @__PURE__ */ ce({
             label: l("menu.product.form.takeaway.columns.takeaway"),
             name: t.label
           });
-          return H(
+          return X(
             "div",
             {
               "aria-label": j,
               role: "combobox"
             },
             [
-              H(
+              X(
                 B.FmSelect,
                 {
                   items: [
@@ -3321,14 +3330,14 @@ const ml = /* @__PURE__ */ ce({
                   modelValue: t.takeawayId,
                   shiftMenu: !0,
                   "aria-label": j,
-                  "onUpdate:modelValue": (te) => t.key ? c.value.setCombination(t.key, {
+                  "onUpdate:modelValue": (te) => t.key ? p.value.setCombination(t.key, {
                     takeawayId: te
-                  }) : c.value.setTakeaway(te)
+                  }) : p.value.setTakeaway(te)
                 },
                 {
                   // Legacy appends the same "Add new" row to this menu
                   // (`ProductTakeaway.vue:108-128`).
-                  "append-menu": () => H(B.FmButton, {
+                  "append-menu": () => X(B.FmButton, {
                     variant: Ne.Plain,
                     prependIcon: "add",
                     class: "w-full justify-start",
@@ -3341,14 +3350,14 @@ const ml = /* @__PURE__ */ ce({
           );
         }
       }
-    ]), Gl = R(() => [
+    ]), Kl = R(() => [
       {
         accessorKey: "isDefault",
         header: () => l("menu.product.form.order_pacing.time_presets.columns.default"),
         size: 75,
         cell: (u) => {
           const t = u.row.original;
-          return H(B.FmCheckbox, {
+          return X(B.FmCheckbox, {
             modelValue: t.isDefault,
             value: "",
             "aria-label": l("menu.common.labels.a11y_labelled_name", {
@@ -3357,7 +3366,7 @@ const ml = /* @__PURE__ */ ce({
               ),
               name: t.label
             }),
-            "onUpdate:modelValue": (j) => c.value.setServeDelayDefault(t.id, j)
+            "onUpdate:modelValue": (j) => p.value.setServeDelayDefault(t.id, j)
           });
         }
       },
@@ -3370,7 +3379,7 @@ const ml = /* @__PURE__ */ ce({
         header: () => l("menu.product.form.order_pacing.time_presets.columns.delay"),
         cell: (u) => $(u.getValue())
       }
-    ]), fl = W(null), jl = Jl(fl), xe = (u) => {
+    ]), fl = Y(null), Ql = la(fl), xe = (u) => {
       var t;
       return (t = i.validation) == null ? void 0 : t.touch(u);
     };
@@ -3396,7 +3405,7 @@ const ml = /* @__PURE__ */ ce({
       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 = W();
+    ), yl = Y();
     return Ae(
       () => ue("category"),
       (u) => {
@@ -3406,14 +3415,14 @@ const ml = /* @__PURE__ */ ce({
       { flush: "pre" }
     ), (u, t) => {
       var xl;
-      const j = M("FmBreadcrumb"), te = M("FmSelect"), oe = M("FmButton"), Ve = M("FmTooltip"), al = M("FmTextarea"), tl = M("FmRadio"), Kl = M("FmSnackbar"), _l = M("FmRadioGroup"), hl = M("FmFormGroup"), kl = M("FmStepperField"), Ql = M("FmIcon"), Ze = M("FmTable"), Me = M("FmCheckbox"), wl = M("FmSwitch");
+      const j = M("FmBreadcrumb"), te = M("FmSelect"), oe = M("FmButton"), Ve = M("FmTooltip"), al = M("FmTextarea"), tl = M("FmRadio"), Xl = M("FmSnackbar"), _l = M("FmRadioGroup"), hl = M("FmFormGroup"), kl = M("FmStepperField"), Hl = M("FmIcon"), Ze = M("FmTable"), Me = M("FmCheckbox"), wl = M("FmSwitch");
       return r(), S(re, null, [
         n("div", {
           ref_key: "formRoot",
           ref: x,
           class: Be(["flex space-x-40 mx-auto w-full xs:space-x-0", u.presentation === "tree" ? "tree-item-form" : "max-w-[1200px]"])
         }, [
-          n("div", Xo, [
+          n("div", ln, [
             u.presentation === "tree" ? (r(), T(j, {
               key: 0,
               ref_key: "breadcrumb",
@@ -3426,12 +3435,12 @@ const ml = /* @__PURE__ */ ce({
               "aria-label": e(l)("menu.catalog_scheduler.title"),
               class: "space-y-24 p-16 border-fm-color-neutral-gray-200 fm-corner-radius-lg border"
             }, [
-              n("div", Yo, [
-                n("div", Zo, I(e(l)("menu.catalog_scheduler.title")), 1),
-                n("div", Jo, I(e(l)("menu.catalog_scheduler.subtitle")), 1)
+              n("div", tn, [
+                n("div", on, I(e(l)("menu.catalog_scheduler.title")), 1),
+                n("div", nn, I(e(l)("menu.catalog_scheduler.subtitle")), 1)
               ]),
-              n("div", en, [
-                n("div", ln, [
+              n("div", sn, [
+                n("div", rn, [
                   s(te, {
                     label: e(l)("menu.common.labels.catalog"),
                     "aria-label": e(l)("menu.common.labels.catalog"),
@@ -3446,7 +3455,7 @@ const ml = /* @__PURE__ */ ce({
                     }))
                   }, null, 8, ["label", "aria-label", "items", "model-value"])
                 ]),
-                n("div", an, [
+                n("div", un, [
                   n("div", {
                     role: "combobox",
                     "aria-label": e(l)("menu.common.labels.scheduler")
@@ -3463,11 +3472,11 @@ const ml = /* @__PURE__ */ ce({
                         schedulerId: K ?? null
                       }))
                     }, null, 8, ["label", "aria-label", "items", "model-value"])
-                  ], 8, tn)
+                  ], 8, dn)
                 ])
               ])
-            ], 8, Wo)) : y("", !0),
-            s(da, { sdk: u.sdk }, null, 8, ["sdk"]),
+            ], 8, an)) : y("", !0),
+            s(ca, { sdk: u.sdk }, null, 8, ["sdk"]),
             s(Te, {
               section: a.value.sections.general,
               title: e(l)("menu.product.form.detail.title"),
@@ -3476,12 +3485,12 @@ const ml = /* @__PURE__ */ ce({
               "toggle-label": e(l)("menu.product.form.sections.general.description"),
               "onUpdate:enabled": t[22] || (t[22] = (K) => ne("general", K))
             }, {
-              default: p(() => {
+              default: c(() => {
                 var K, me, ae, Se;
                 return [
-                  n("div", on, [
-                    n("div", nn, [
-                      n("div", sn, [
+                  n("div", mn, [
+                    n("div", cn, [
+                      n("div", pn, [
                         s(ge, Ce({
                           label: e(l)("menu.product.form.detail.fields.code.label"),
                           "model-value": a.value.code,
@@ -3492,11 +3501,11 @@ const ml = /* @__PURE__ */ ce({
                             count: a.value.duplicateCodeCount
                           }) : ""
                         }, Re("code"), {
-                          "onUpdate:modelValue": t[2] || (t[2] = (U) => (xe("code"), c.value.setCode(String(U ?? "")))),
-                          onFocusChanged: t[3] || (t[3] = (U) => !U && c.value.normalizeTextField("code"))
+                          "onUpdate:modelValue": t[2] || (t[2] = (U) => (xe("code"), p.value.setCode(String(U ?? "")))),
+                          onFocusChanged: t[3] || (t[3] = (U) => !U && p.value.normalizeTextField("code"))
                         }), null, 16, ["label", "model-value", "disabled", "placeholder", "error-messages", "helper-text"])
                       ]),
-                      n("div", rn, [
+                      n("div", vn, [
                         s(ge, {
                           label: e(l)("menu.product.form.detail.fields.name.label"),
                           "label-mark": "required",
@@ -3511,17 +3520,17 @@ const ml = /* @__PURE__ */ ce({
                             "menu.product.form.detail.fields.name.duplicate_warning",
                             { count: a.value.duplicateNameCount }
                           ) : "",
-                          "onUpdate:modelValue": t[5] || (t[5] = (U) => (xe("name"), c.value.setName(String(U ?? "")))),
+                          "onUpdate:modelValue": t[5] || (t[5] = (U) => (xe("name"), p.value.setName(String(U ?? "")))),
                           onFocusChanged: t[6] || (t[6] = (U) => !U && xe("name"))
                         }, {
-                          append: p(() => [
+                          append: c(() => [
                             s(Ve, {
                               variant: "plain",
                               placement: "top",
                               "z-index": 999
                             }, {
-                              content: p(() => [
-                                n("div", un, [
+                              content: c(() => [
+                                n("div", bn, [
                                   (r(!0), S(re, null, Fe(a.value.nameTranslationTooltip, (U) => (r(), S("div", {
                                     key: U.locale
                                   }, I(e(l)("menu.common.translation.tooltip_value", {
@@ -3530,7 +3539,7 @@ const ml = /* @__PURE__ */ ce({
                                   })), 1))), 128))
                                 ])
                               ]),
-                              default: p(() => [
+                              default: c(() => [
                                 s(oe, {
                                   disabled: a.value.nameTranslation.state !== "allowed",
                                   icon: "g_translate",
@@ -3554,33 +3563,34 @@ const ml = /* @__PURE__ */ ce({
                       "helper-text": a.value.duplicateName2Count > 0 ? e(l)("menu.product.form.detail.fields.name2.duplicate_warning", {
                         count: a.value.duplicateName2Count
                       }) : "",
-                      "onUpdate:modelValue": t[7] || (t[7] = (U) => c.value.setName2(String(U ?? ""))),
-                      onFocusChanged: t[8] || (t[8] = (U) => !U && c.value.normalizeTextField("name2"))
+                      "onUpdate:modelValue": t[7] || (t[7] = (U) => p.value.setName2(String(U ?? ""))),
+                      onFocusChanged: t[8] || (t[8] = (U) => !U && p.value.normalizeTextField("name2"))
                     }, null, 8, ["label", "model-value", "disabled", "placeholder", "helper-text"]),
-                    n("div", dn, [
+                    n("div", fn, [
                       s(al, {
+                        class: "description",
                         "model-value": a.value.description,
                         disabled: a.value.editIdentity.state !== "allowed",
                         placeholder: ((Se = a.value.inherited) == null ? void 0 : Se.description) || e(l)("menu.product.form.detail.fields.description.placeholder"),
-                        "onUpdate:modelValue": t[9] || (t[9] = (U) => c.value.setDescription(String(U ?? ""))),
-                        onFocusout: t[10] || (t[10] = (U) => c.value.normalizeTextField("description"))
+                        "onUpdate:modelValue": t[9] || (t[9] = (U) => p.value.setDescription(String(U ?? ""))),
+                        onFocusout: t[10] || (t[10] = (U) => p.value.normalizeTextField("description"))
                       }, {
-                        label: p(() => [
-                          n("p", mn, [
+                        label: c(() => [
+                          n("p", gn, [
                             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)
+                            n("span", yn, I(e(l)("menu.product.form.detail.fields.description.optional")), 1)
                           ])
                         ]),
                         _: 1
                       }, 8, ["model-value", "disabled", "placeholder"]),
-                      n("div", pn, [
+                      n("div", _n, [
                         s(Ve, {
                           variant: "plain",
                           placement: "top",
                           "z-index": 999
                         }, {
-                          content: p(() => [
-                            n("div", vn, [
+                          content: c(() => [
+                            n("div", hn, [
                               (r(!0), S(re, null, Fe(a.value.descriptionTranslationTooltip, (U) => (r(), S("div", {
                                 key: U.locale
                               }, I(e(l)("menu.common.translation.tooltip_value", {
@@ -3589,7 +3599,7 @@ const ml = /* @__PURE__ */ ce({
                               })), 1))), 128))
                             ])
                           ]),
-                          default: p(() => [
+                          default: c(() => [
                             s(oe, {
                               disabled: a.value.descriptionTranslation.state !== "allowed",
                               icon: "g_translate",
@@ -3606,7 +3616,7 @@ const ml = /* @__PURE__ */ ce({
                         }, null, 8, ["aria-label"])
                       ])
                     ]),
-                    s(Ct, {
+                    s(Ut, {
                       sdk: i.sdk,
                       target: i.session.images
                     }, null, 8, ["sdk", "target"])
@@ -3614,16 +3624,16 @@ const ml = /* @__PURE__ */ ce({
                   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: p(() => [
+                    default: c(() => [
                       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"))
+                        "onUpdate:modelValue": t[16] || (t[16] = (U) => p.value.setAddon(U === "ADD_ON"))
                       }, {
-                        default: p(() => [
-                          n("div", bn, [
-                            n("div", fn, [
+                        default: c(() => [
+                          n("div", kn, [
+                            n("div", wn, [
                               s(tl, {
                                 value: "PRODUCT",
                                 disabled: a.value.categoryOptions.length === 0,
@@ -3632,8 +3642,8 @@ const ml = /* @__PURE__ */ ce({
                                   "menu.product.form.detail.category.options.product.sublabel"
                                 )
                               }, null, 8, ["disabled", "label", "sublabel"]),
-                              ul((r(), S("div", gn, [
-                                a.value.showCategoryMultiselect ? (r(), T(go, {
+                              ul((r(), S("div", xn, [
+                                a.value.showCategoryMultiselect ? (r(), T(xo, {
                                   key: 0,
                                   items: a.value.categoryOptions.map((U) => ({
                                     label: U.label,
@@ -3642,7 +3652,7 @@ const ml = /* @__PURE__ */ ce({
                                   disabled: a.value.editClassification.state !== "allowed" || a.value.isAddon,
                                   "model-value": q.value,
                                   placeholder: e(l)("menu.product.form.detail.category.placeholder"),
-                                  "onUpdate:modelValue": t[13] || (t[13] = (U) => c.value.setCategories(U)),
+                                  "onUpdate:modelValue": t[13] || (t[13] = (U) => p.value.setCategories(U)),
                                   onCreate: t[14] || (t[14] = (U) => o("create-entity", "category"))
                                 }, null, 8, ["items", "disabled", "model-value", "placeholder"])) : y("", !0)
                               ])), [
@@ -3652,8 +3662,8 @@ const ml = /* @__PURE__ */ ce({
                                 ]
                               ])
                             ]),
-                            a.value.categoryOptions.length === 0 ? (r(), S("div", yn, [
-                              s(Kl, {
+                            a.value.categoryOptions.length === 0 ? (r(), S("div", Cn, [
+                              s(Xl, {
                                 title: e(l)("menu.product.form.detail.category.add_first"),
                                 variant: "info"
                               }, null, 8, ["title"]),
@@ -3680,10 +3690,10 @@ const ml = /* @__PURE__ */ ce({
                         "model-value": a.value.categoryId,
                         "error-messages": ue("category") ? [e(v)(ue("category"))] : []
                       }, {
-                        default: p(() => [
-                          s(xo, {
+                        default: c(() => [
+                          s(Po, {
                             view: a.value,
-                            session: c.value,
+                            session: p.value,
                             onCreate: t[17] || (t[17] = (U) => o("create-entity", "category"))
                           }, null, 8, ["view", "session"])
                         ]),
@@ -3696,7 +3706,7 @@ const ml = /* @__PURE__ */ ce({
                     key: 0,
                     label: e(l)("menu.product.form.detail.path.label")
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       ul((r(), S("div", null, [
                         s(te, {
                           items: a.value.subcategoryOptions.map((U) => ({
@@ -3708,9 +3718,9 @@ const ml = /* @__PURE__ */ ce({
                           disabled: a.value.editClassification.state !== "allowed",
                           "model-value": [...a.value.subcategoryIds],
                           placeholder: a.value.inheritedSubcategoryLabel ?? e(l)("menu.product.form.detail.path.placeholder"),
-                          "onUpdate:modelValue": t[19] || (t[19] = (U) => c.value.setSubcategories(U ?? []))
+                          "onUpdate:modelValue": t[19] || (t[19] = (U) => p.value.setSubcategories(U ?? []))
                         }, cl({
-                          "append-menu": p(() => [
+                          "append-menu": c(() => [
                             s(oe, {
                               variant: "plain",
                               size: "lg",
@@ -3725,7 +3735,7 @@ const ml = /* @__PURE__ */ ce({
                         }, [
                           a.value.subcategoryIds.length ? {
                             name: "default",
-                            fn: p(() => [
+                            fn: c(() => [
                               n("div", {
                                 class: Be([
                                   "break-all fm-typo-en-body-lg-400 line-clamp-1",
@@ -3749,41 +3759,41 @@ const ml = /* @__PURE__ */ ce({
                     ]),
                     _: 1
                   }, 8, ["label"])) : y("", !0),
-                  a.value.showAdvancedFields ? (r(), S("div", _n, [
+                  a.value.showAdvancedFields ? (r(), S("div", Fn, [
                     s(kl, {
                       label: e(l)("menu.product.form.detail.fields.shelf_life.label"),
                       "model-value": a.value.shelfLifeMinutes,
-                      "onUpdate:modelValue": t[20] || (t[20] = (U) => c.value.setShelfLifeMinutes(le(U)))
+                      "onUpdate:modelValue": t[20] || (t[20] = (U) => p.value.setShelfLifeMinutes(le(U)))
                     }, null, 8, ["label", "model-value"]),
                     s(qe, {
                       title: e(l)("menu.product.form.item_quantity.title"),
                       "sub-title": e(l)("menu.product.form.item_quantity.subtitle")
                     }, {
-                      default: p(() => [
-                        n("div", hn, [
+                      default: c(() => [
+                        n("div", $n, [
                           (r(), S(re, null, Fe(["perBill", "perOrderSession"], (U) => n("div", {
                             key: U,
                             class: "flex flex-col gap-16 p-16 border-b last:border-b-0 border-fm-color-neutral-gray-100"
                           }, [
-                            n("div", kn, [
-                              s(Ql, {
+                            n("div", Sn, [
+                              s(Hl, {
                                 name: U === "perBill" ? "request_quote" : "schedule",
                                 size: "md",
                                 outline: ""
                               }, null, 8, ["name"]),
-                              n("div", wn, [
-                                n("p", xn, I(e(l)(
+                              n("div", Vn, [
+                                n("p", Pn, I(e(l)(
                                   U === "perBill" ? "menu.product.form.item_quantity.scopes.per_bill.title" : "menu.product.form.item_quantity.scopes.per_order_session.title"
                                 )), 1),
-                                n("p", Cn, I(e(l)(
+                                n("p", Un, I(e(l)(
                                   U === "perBill" ? "menu.product.form.item_quantity.scopes.per_bill.description" : "menu.product.form.item_quantity.scopes.per_order_session.description"
                                 )), 1)
                               ])
                             ]),
-                            n("div", Fn, [
+                            n("div", In, [
                               (r(), S(re, null, Fe(["min", "max"], (he) => {
                                 var ol;
-                                return s(Lt, {
+                                return s(Et, {
                                   key: he,
                                   label: e(l)(
                                     he === "min" ? "menu.product.form.item_quantity.fields.min.label" : "menu.product.form.item_quantity.fields.max.label"
@@ -3807,7 +3817,7 @@ const ml = /* @__PURE__ */ ce({
                                   issue: ue(`orderQuantity.${U}.${he}`),
                                   "onUpdate:modelValue": (rl) => {
                                     var Cl, Fl;
-                                    return xe(`orderQuantity.${U}.${he}`), c.value.setOrderQuantity({
+                                    return xe(`orderQuantity.${U}.${he}`), p.value.setOrderQuantity({
                                       ...a.value.orderQuantity,
                                       [U]: {
                                         min: ((Cl = a.value.orderQuantity[U]) == null ? void 0 : Cl.min) ?? null,
@@ -3816,7 +3826,7 @@ const ml = /* @__PURE__ */ ce({
                                       }
                                     });
                                   },
-                                  "onUpdate:enabled": (rl) => (xe(`orderQuantity.${U}.${he}`), c.value.setOrderQuantityBoundEnabled(
+                                  "onUpdate:enabled": (rl) => (xe(`orderQuantity.${U}.${he}`), p.value.setOrderQuantityBoundEnabled(
                                     U,
                                     he,
                                     rl
@@ -3840,9 +3850,9 @@ const ml = /* @__PURE__ */ ce({
                       "aria-label": e(l)("menu.common.labels.order_from"),
                       items: Z.value,
                       "model-value": a.value.formOrderFrom,
-                      "onUpdate:modelValue": t[21] || (t[21] = (U) => c.value.setOrderFrom(U))
+                      "onUpdate:modelValue": t[21] || (t[21] = (U) => p.value.setOrderFrom(U))
                     }, null, 8, ["disabled", "label", "aria-label", "items", "model-value"])
-                  ], 8, $n)
+                  ], 8, Tn)
                 ];
               }),
               _: 1
@@ -3853,17 +3863,17 @@ const ml = /* @__PURE__ */ ce({
               title: e(l)("menu.product.form.sections.tagging.title"),
               subtitle: e(l)("menu.product.form.sections.tagging.subtitle")
             }, {
-              default: p(() => [
-                s(e(Wl), {
+              default: c(() => [
+                s(e(Zl), {
                   entity: "item",
                   "model-value": a.value.customAttributes ?? {},
                   "value-options": $e.value,
-                  "onUpdate:modelValue": t[23] || (t[23] = (K) => c.value.setCustomAttributes(K ?? null))
+                  "onUpdate:modelValue": t[23] || (t[23] = (K) => p.value.setCustomAttributes(K ?? null))
                 }, null, 8, ["model-value", "value-options"])
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle"])) : y("", !0),
-            a.value.isOverride ? y("", !0) : (r(), S("div", Sn)),
+            a.value.isOverride ? y("", !0) : (r(), S("div", An)),
             s(Te, {
               section: a.value.sections.price,
               anchor: "anchor-price",
@@ -3873,10 +3883,10 @@ const ml = /* @__PURE__ */ ce({
               "toggle-label": e(l)("menu.product.form.sections.price.description"),
               "onUpdate:enabled": t[37] || (t[37] = (K) => ne("price", K))
             }, {
-              default: p(() => {
+              default: c(() => {
                 var K, me;
                 return [
-                  n("div", Vn, [
+                  n("div", Bn, [
                     n("div", {
                       class: Be(
                         u.presentation === "tree" ? "w-[274px] xs:w-full" : "w-[266px] xs:w-full"
@@ -3896,9 +3906,9 @@ const ml = /* @__PURE__ */ ce({
                         "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))))
+                        "onUpdate:modelValue": t[25] || (t[25] = (ae) => (xe("price"), p.value.setPriceAmount(le(ae))))
                       }), {
-                        append: p(() => [
+                        append: c(() => [
                           s(e(Sl), {
                             "pure-styling": "",
                             class: "shrink-0 scale-75",
@@ -3927,7 +3937,7 @@ const ml = /* @__PURE__ */ ce({
                       })),
                       "model-value": a.value.selectedTax,
                       "shift-menu": "",
-                      "onUpdate:modelValue": t[26] || (t[26] = (ae) => c.value.setTaxCode(ae ?? null))
+                      "onUpdate:modelValue": t[26] || (t[26] = (ae) => p.value.setTaxCode(ae ?? null))
                     }, null, 8, ["label", "disabled", "items", "model-value"]), [
                       [
                         _,
@@ -3937,12 +3947,12 @@ const ml = /* @__PURE__ */ ce({
                       ]
                     ])
                   ]),
-                  a.value.showMemberPricing ? (r(), S("div", Pn, [
-                    n("div", Un, [
-                      n("p", In, I(e(l)("menu.product.form.member_price.title")), 1),
-                      n("p", Tn, I(e(l)("menu.product.form.member_price.description")), 1)
+                  a.value.showMemberPricing ? (r(), S("div", On, [
+                    n("div", Ln, [
+                      n("p", zn, I(e(l)("menu.product.form.member_price.title")), 1),
+                      n("p", Dn, I(e(l)("menu.product.form.member_price.description")), 1)
                     ]),
-                    n("div", An, [
+                    n("div", Rn, [
                       s(oe, {
                         label: e(l)("menu.product.form.member_price.configure.title"),
                         variant: "secondary",
@@ -3959,7 +3969,7 @@ const ml = /* @__PURE__ */ ce({
                     label: e(l)("menu.price_tier.price_group"),
                     description: e(l)("menu.price_tier.description")
                   }, {
-                    append: p(() => [
+                    append: c(() => [
                       s(oe, {
                         label: e(l)("menu.price_tier.add_price_group"),
                         icon: "add",
@@ -3967,7 +3977,7 @@ const ml = /* @__PURE__ */ ce({
                         onClick: t[28] || (t[28] = (ae) => o("create-entity", "priceGroup"))
                       }, null, 8, ["label"])
                     ]),
-                    default: p(() => [
+                    default: c(() => [
                       s(Ze, {
                         "column-defs": ze.value,
                         "row-data": N.value,
@@ -3980,26 +3990,26 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(l)("menu.product.form.price.settings.title")
                   }, {
-                    default: p(() => {
+                    default: c(() => {
                       var ae, Se;
                       return [
-                        n("div", Bn, [
+                        n("div", Mn, [
                           s(Me, {
                             disabled: a.value.editOpenPrice.state !== "allowed",
                             label: e(l)("menu.product.form.price.settings.open_price.label"),
                             sublabel: e(l)("menu.product.form.price.settings.open_price.sublabel"),
                             "model-value": a.value.openPrice,
                             value: "",
-                            "onUpdate:modelValue": t[29] || (t[29] = (U) => c.value.setOpenPrice(!!U))
+                            "onUpdate:modelValue": t[29] || (t[29] = (U) => p.value.setOpenPrice(!!U))
                           }, null, 8, ["disabled", "label", "sublabel", "model-value"]),
-                          n("div", On, [
+                          n("div", Nn, [
                             s(Me, {
                               disabled: a.value.editUnitSale.state !== "allowed",
                               label: e(l)("menu.product.form.price.settings.sell_by_unit.label"),
                               sublabel: e(l)("menu.product.form.price.settings.sell_by_unit.sublabel"),
                               "model-value": a.value.unitSale.enabled,
                               value: "",
-                              "onUpdate:modelValue": t[30] || (t[30] = (U) => c.value.setUnitSale({
+                              "onUpdate:modelValue": t[30] || (t[30] = (U) => p.value.setUnitSale({
                                 enabled: !!U,
                                 unit: a.value.unitSale.unit,
                                 // Legacy enables the sale with `perXUnit: 0`, which its
@@ -4008,11 +4018,11 @@ const ml = /* @__PURE__ */ ce({
                                 perXUnit: a.value.unitSale.perXUnit ?? 0
                               }))
                             }, null, 8, ["disabled", "label", "sublabel", "model-value"]),
-                            a.value.unitSale.enabled ? (r(), S("div", Ln, [
-                              n("p", zn, I(e(l)(
+                            a.value.unitSale.enabled ? (r(), S("div", En, [
+                              n("p", qn, I(e(l)(
                                 "menu.product.form.price.settings.sell_by_unit.per_unit.label"
                               )), 1),
-                              n("div", Dn, [
+                              n("div", Gn, [
                                 s(ge, Ce({
                                   disabled: a.value.editUnitSale.state !== "allowed",
                                   "aria-label": e(l)(
@@ -4026,14 +4036,14 @@ const ml = /* @__PURE__ */ ce({
                                     "menu.product.form.price.settings.sell_by_unit.per_unit.placeholder"
                                   )
                                 }, Re("perXUnit"), {
-                                  "onUpdate:modelValue": t[31] || (t[31] = (U) => (xe("perXUnit"), c.value.setUnitSale({
+                                  "onUpdate:modelValue": t[31] || (t[31] = (U) => (xe("perXUnit"), p.value.setUnitSale({
                                     enabled: !0,
                                     unit: a.value.unitSale.unit,
                                     perXUnit: le(U)
                                   })))
                                 }), null, 16, ["disabled", "aria-label", "error-messages", "model-value", "placeholder"])
                               ]),
-                              n("div", Rn, [
+                              n("div", jn, [
                                 s(ge, Ce({
                                   disabled: a.value.editUnitSale.state !== "allowed",
                                   "aria-label": e(l)(
@@ -4045,7 +4055,7 @@ const ml = /* @__PURE__ */ ce({
                                     "menu.product.form.price.settings.sell_by_unit.unit.placeholder"
                                   )
                                 }, Re("unit"), {
-                                  "onUpdate:modelValue": t[32] || (t[32] = (U) => (xe("unit"), c.value.setUnitSale({
+                                  "onUpdate:modelValue": t[32] || (t[32] = (U) => (xe("unit"), p.value.setUnitSale({
                                     enabled: !0,
                                     unit: String(U ?? ""),
                                     perXUnit: a.value.unitSale.perXUnit
@@ -4054,15 +4064,15 @@ const ml = /* @__PURE__ */ ce({
                               ])
                             ])) : y("", !0)
                           ]),
-                          a.value.editCosting.state === "allowed" ? (r(), S("div", Mn, [
+                          a.value.editCosting.state === "allowed" ? (r(), S("div", Kn, [
                             s(Me, {
                               label: e(l)("menu.product.form.price.settings.track_costing.label"),
                               "model-value": a.value.costingAmount !== null,
                               value: "",
-                              "onUpdate:modelValue": t[33] || (t[33] = (U) => c.value.setCostingAmount(U ? 0 : null))
+                              "onUpdate:modelValue": t[33] || (t[33] = (U) => p.value.setCostingAmount(U ? 0 : null))
                             }, null, 8, ["label", "model-value"]),
-                            a.value.costingAmount !== null ? (r(), S("div", Nn, [
-                              n("div", En, [
+                            a.value.costingAmount !== null ? (r(), S("div", Qn, [
+                              n("div", Xn, [
                                 s(Ke, Ce({
                                   class: "w-full",
                                   "aria-label": e(l)(
@@ -4072,21 +4082,21 @@ const ml = /* @__PURE__ */ ce({
                                   "model-value": a.value.costingAmount,
                                   "error-messages": ue("costing") ? [e(v)(ue("costing"))] : []
                                 }, Re("costing"), {
-                                  "onUpdate:modelValue": t[34] || (t[34] = (U) => (xe("costing"), c.value.setCostingAmount(U ?? 0)))
+                                  "onUpdate:modelValue": t[34] || (t[34] = (U) => (xe("costing"), p.value.setCostingAmount(U ?? 0)))
                                 }), null, 16, ["aria-label", "currency", "model-value", "error-messages"])
                               ])
                             ])) : y("", !0)
                           ])) : y("", !0),
-                          a.value.editMinimumPrice.state !== "hidden" ? (r(), S("div", qn, [
+                          a.value.editMinimumPrice.state !== "hidden" ? (r(), S("div", Hn, [
                             s(Me, {
                               label: e(l)("menu.product.form.price.settings.min_price.label"),
                               disabled: a.value.editMinimumPrice.state !== "allowed",
                               "model-value": a.value.minimumPriceAmount !== null,
                               value: "",
-                              "onUpdate:modelValue": t[35] || (t[35] = (U) => c.value.setMinimumPriceAmount(U ? 0 : null))
+                              "onUpdate:modelValue": t[35] || (t[35] = (U) => p.value.setMinimumPriceAmount(U ? 0 : null))
                             }, null, 8, ["label", "disabled", "model-value"]),
-                            n("div", Gn, [
-                              n("div", jn, [
+                            n("div", Wn, [
+                              n("div", Yn, [
                                 a.value.minimumPriceAmount !== null ? (r(), T(Ke, Ce({
                                   key: 0,
                                   "aria-label": e(l)(
@@ -4096,7 +4106,7 @@ const ml = /* @__PURE__ */ ce({
                                   "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)))
+                                  "onUpdate:modelValue": t[36] || (t[36] = (U) => (xe("minPrice"), p.value.setMinimumPriceAmount(U ?? 0)))
                                 }), null, 16, ["aria-label", "currency", "error-messages", "model-value"])) : y("", !0)
                               ])
                             ])
@@ -4110,8 +4120,8 @@ const ml = /* @__PURE__ */ ce({
                     key: 2,
                     label: e(l)("menu.product.form.price.statutory_charges.title")
                   }, {
-                    default: p(() => [
-                      n("div", Kn, [
+                    default: c(() => [
+                      n("div", Zn, [
                         (r(!0), S(re, null, Fe(a.value.statutoryCharges, (ae) => (r(), S("div", {
                           key: ae.code,
                           class: "space-y-8"
@@ -4123,16 +4133,16 @@ const ml = /* @__PURE__ */ ce({
                             }),
                             "model-value": ae.enabled,
                             value: "",
-                            "onUpdate:modelValue": (Se) => c.value.setStatutoryChargeEnabled(
+                            "onUpdate:modelValue": (Se) => p.value.setStatutoryChargeEnabled(
                               ae.code,
                               !!Se
                             )
                           }, null, 8, ["label", "sublabel", "model-value", "onUpdate:modelValue"]),
-                          ae.enabled ? (r(), S("div", Qn, [
-                            n("p", Hn, I(e(l)(
+                          ae.enabled ? (r(), S("div", Jn, [
+                            n("p", es, I(e(l)(
                               "menu.product.form.price.statutory_charges.unit_count.label"
                             )), 1),
-                            n("div", Xn, [
+                            n("div", ls, [
                               s(ge, Ce({
                                 "aria-label": e(l)(
                                   "menu.product.form.price.statutory_charges.unit_count.label"
@@ -4149,7 +4159,7 @@ const ml = /* @__PURE__ */ ce({
                                   "menu.product.form.price.statutory_charges.unit_count.placeholder"
                                 )
                               }, { ref_for: !0 }, Re(`statutoryCharges.${ae.code}`), {
-                                "onUpdate:modelValue": (Se) => (xe(`statutoryCharges.${ae.code}`), c.value.setStatutoryChargeUnitCount(
+                                "onUpdate:modelValue": (Se) => (xe(`statutoryCharges.${ae.code}`), p.value.setStatutoryChargeUnitCount(
                                   ae.code,
                                   le(Se)
                                 ))
@@ -4165,20 +4175,20 @@ const ml = /* @__PURE__ */ ce({
               }),
               _: 1
             }, 8, ["section", "title", "override-title", "description", "toggle-label"]),
-            !a.value.isOverride && a.value.sections.print.visible ? (r(), S("div", Wn)) : y("", !0),
+            !a.value.isOverride && a.value.sections.print.visible ? (r(), S("div", as)) : y("", !0),
             a.value.sections.print.visible ? (r(), T(Te, {
               key: 5,
               section: a.value.sections.print,
               title: e(l)("menu.product.form.print.title")
             }, {
-              default: p(() => {
+              default: c(() => {
                 var K;
                 return [
                   a.value.printConfig.state === "allowed" ? (r(), T(Oe, {
                     key: 0,
                     label: e(l)("menu.product.form.print.config.label")
                   }, {
-                    default: p(() => {
+                    default: c(() => {
                       var me;
                       return [
                         s(wl, {
@@ -4187,7 +4197,7 @@ const ml = /* @__PURE__ */ ce({
                           label: e(l)("menu.product.form.print.config.group_parent.label"),
                           sublabel: e(l)("menu.product.form.print.config.group_parent.sublabel"),
                           "label-placement": "right",
-                          "onUpdate:modelValue": t[38] || (t[38] = (ae) => c.value.setPrintToRoot(!ae))
+                          "onUpdate:modelValue": t[38] || (t[38] = (ae) => p.value.setPrintToRoot(!ae))
                         }, null, 8, ["model-value", "label", "sublabel"])
                       ];
                     }),
@@ -4196,10 +4206,10 @@ const ml = /* @__PURE__ */ ce({
                   s(_l, {
                     label: e(l)("menu.product.form.print.kds.label"),
                     "model-value": ((K = a.value.print) == null ? void 0 : K.sequential) ?? !1,
-                    "onUpdate:modelValue": t[39] || (t[39] = (me) => c.value.setPrintSequential(!!me))
+                    "onUpdate:modelValue": t[39] || (t[39] = (me) => p.value.setPrintSequential(!!me))
                   }, {
-                    default: p(() => [
-                      n("div", Yn, [
+                    default: c(() => [
+                      n("div", ts, [
                         s(tl, {
                           value: !1,
                           label: e(l)("menu.product.form.print.kds.options.all.label"),
@@ -4217,17 +4227,17 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(l)("menu.product.form.print.routes.label")
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       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))
+                        onReorder: t[42] || (t[42] = (me) => p.value.reorderPrintDepartments(me))
                       }, {
-                        item: p(({ element: me }) => {
+                        item: c(({ element: me }) => {
                           var ae, Se;
                           return [
-                            n("div", Zn, [
+                            n("div", os, [
                               n("div", null, [
                                 (ae = a.value.print) != null && ae.sequential ? (r(), T(oe, {
                                   key: 0,
@@ -4247,14 +4257,14 @@ const ml = /* @__PURE__ */ ce({
                                 label: me.label,
                                 "model-value": [...((Se = a.value.print) == null ? void 0 : Se.departmentIds) ?? []],
                                 value: me.id,
-                                "onUpdate:modelValue": t[41] || (t[41] = (U) => c.value.setPrintDepartments(U ?? []))
+                                "onUpdate:modelValue": t[41] || (t[41] = (U) => p.value.setPrintDepartments(U ?? []))
                               }, null, 8, ["label", "model-value", "value"])
                             ])
                           ];
                         }),
                         _: 1
                       }, 8, ["items"])) : y("", !0),
-                      n("div", Jn, [
+                      n("div", ns, [
                         s(oe, {
                           "aria-label": e(l)("menu.product.form.print.routes.add"),
                           label: e(l)("menu.product.form.print.routes.add"),
@@ -4270,7 +4280,7 @@ const ml = /* @__PURE__ */ ce({
               }),
               _: 1
             }, 8, ["section", "title"])) : y("", !0),
-            a.value.isOverride ? y("", !0) : (r(), S("div", es)),
+            a.value.isOverride ? y("", !0) : (r(), S("div", ss)),
             a.value.sections.variant.visible ? (r(), T(Te, {
               key: 7,
               section: a.value.sections.variant,
@@ -4282,7 +4292,7 @@ const ml = /* @__PURE__ */ ce({
               "toggle-label": e(l)("menu.product.form.sections.variant.description"),
               "onUpdate:enabled": t[46] || (t[46] = (K) => ne("variant", K))
             }, {
-              "append-title": p(() => [
+              "append-title": c(() => [
                 a.value.editVariantGroups.state === "allowed" ? (r(), T(oe, {
                   key: 0,
                   "aria-label": e(l)("menu.product.form.variant.add"),
@@ -4292,20 +4302,20 @@ const ml = /* @__PURE__ */ ce({
                   onClick: t[44] || (t[44] = (K) => G("variant"))
                 }, null, 8, ["aria-label", "label"])) : y("", !0)
               ]),
-              default: p(() => [
-                n("div", ls, [
+              default: c(() => [
+                n("div", is, [
                   s(hl, {
                     "model-value": void 0,
                     "error-messages": ue("variant") ? [e(v)(ue("variant"))] : []
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       s(ml, {
                         items: a.value.variantGroups,
                         handle: ".handle",
-                        onReorder: t[45] || (t[45] = (K) => c.value.setVariantGroups(K))
+                        onReorder: t[45] || (t[45] = (K) => p.value.setVariantGroups(K))
                       }, {
-                        item: p(({ element: K }) => [
-                          n("div", as, [
+                        item: c(({ element: K }) => [
+                          n("div", rs, [
                             s(oe, {
                               class: "handle",
                               "prepend-icon": "drag_handle",
@@ -4315,8 +4325,8 @@ const ml = /* @__PURE__ */ ce({
                               }),
                               disabled: a.value.editVariantGroups.state !== "allowed"
                             }, null, 8, ["aria-label", "disabled"]),
-                            n("div", ts, [
-                              n("p", os, I(K.label), 1),
+                            n("div", us, [
+                              n("p", ds, I(K.label), 1),
                               a.value.editVariantGroups.state === "allowed" ? (r(), T(oe, {
                                 key: 0,
                                 icon: "close",
@@ -4338,25 +4348,28 @@ const ml = /* @__PURE__ */ ce({
                     ]),
                     _: 1
                   }, 8, ["error-messages"]),
-                  n("div", ns, [
-                    a.value.combinations.length > 0 ? (r(), T(Ze, {
-                      key: 0,
-                      class: "w-full",
-                      "column-defs": Ye.value,
-                      "column-visibility": {
-                        minPriceAmount: a.value.showCombinationMinimumPrice
-                      },
-                      "row-data": [...a.value.combinations],
-                      "page-size": a.value.combinations.length,
-                      "hide-footer": "",
-                      "shrink-at": !1
-                    }, null, 8, ["column-defs", "column-visibility", "row-data", "page-size"])) : y("", !0)
-                  ])
+                  s(Tl, null, {
+                    default: c(() => [
+                      a.value.combinations.length > 0 ? (r(), T(Ze, {
+                        key: 0,
+                        class: "w-full",
+                        "column-defs": Ye.value,
+                        "column-visibility": {
+                          minPriceAmount: a.value.showCombinationMinimumPrice
+                        },
+                        "row-data": [...a.value.combinations],
+                        "page-size": a.value.combinations.length,
+                        "hide-footer": "",
+                        "shrink-at": !1
+                      }, null, 8, ["column-defs", "column-visibility", "row-data", "page-size"])) : y("", !0)
+                    ]),
+                    _: 1
+                  })
                 ])
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle", "override-title", "description", "toggle-label"])) : y("", !0),
-            !a.value.isOverride && a.value.sections.group.visible ? (r(), S("div", ss)) : y("", !0),
+            !a.value.isOverride && a.value.sections.group.visible ? (r(), S("div", ms)) : y("", !0),
             a.value.sections.group.visible ? (r(), T(Te, {
               key: 9,
               section: a.value.sections.group,
@@ -4367,8 +4380,9 @@ const ml = /* @__PURE__ */ ce({
               description: e(l)("menu.product.form.sections.group.description"),
               "onUpdate:enabled": t[48] || (t[48] = (K) => ne("group", K))
             }, {
-              "append-title": p(() => [
+              "append-title": c(() => [
                 s(oe, {
+                  class: "flex-shrink-0",
                   "aria-label": e(l)("menu.product.form.group.add"),
                   label: e(l)("menu.product.form.group.add"),
                   "prepend-icon": "add",
@@ -4376,22 +4390,25 @@ const ml = /* @__PURE__ */ ce({
                   onClick: t[47] || (t[47] = (K) => G("group"))
                 }, null, 8, ["aria-label", "label"])
               ]),
-              default: p(() => [
-                n("div", is, [
-                  a.value.groupRows.length > 0 ? (r(), T(Ze, {
-                    key: 0,
-                    "column-defs": He.value,
-                    "row-data": [...a.value.groupRows],
-                    "page-size": a.value.groupRows.length,
-                    "hide-footer": "",
-                    "pin-header-row": "",
-                    "shrink-at": !1
-                  }, null, 8, ["column-defs", "row-data", "page-size"])) : y("", !0)
-                ])
+              default: c(() => [
+                s(Tl, null, {
+                  default: c(() => [
+                    a.value.groupRows.length > 0 ? (r(), T(Ze, {
+                      key: 0,
+                      "column-defs": He.value,
+                      "row-data": [...a.value.groupRows],
+                      "page-size": a.value.groupRows.length,
+                      "hide-footer": "",
+                      "pin-header-row": "",
+                      "shrink-at": !1
+                    }, null, 8, ["column-defs", "row-data", "page-size"])) : y("", !0)
+                  ]),
+                  _: 1
+                })
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle", "override-title", "description"])) : y("", !0),
-            !a.value.isOverride && a.value.sections.inventory.visible ? (r(), S("div", rs)) : y("", !0),
+            !a.value.isOverride && a.value.sections.inventory.visible ? (r(), S("div", cs)) : y("", !0),
             a.value.sections.inventory.visible ? (r(), T(Te, {
               key: 11,
               section: a.value.sections.inventory,
@@ -4402,16 +4419,16 @@ const ml = /* @__PURE__ */ ce({
               "toggle-label": e(l)("menu.product.form.sections.inventory.description"),
               "onUpdate:enabled": t[49] || (t[49] = (K) => ne("inventory", K))
             }, {
-              default: p(() => [
-                n("div", us, [
+              default: c(() => [
+                n("div", ps, [
                   n("div", {
                     ref_key: "inventorySummaryRoot",
                     ref: vl,
                     class: "xs:min-w-[640px]"
                   }, [
-                    s(e(Yl), {
-                      "row-data": Xe.value,
-                      onRowClick: El,
+                    s(e(Jl), {
+                      "row-data": We.value,
+                      onRowClick: Gl,
                       onVnodeUpdated: bl
                     }, null, 8, ["row-data"])
                   ], 512)
@@ -4419,14 +4436,14 @@ const ml = /* @__PURE__ */ ce({
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle", "override-title", "description", "toggle-label"])) : y("", !0),
-            a.value.sections.threshold.visible ? (r(), S("div", ds)) : y("", !0),
+            a.value.sections.threshold.visible ? (r(), S("div", vs)) : y("", !0),
             a.value.sections.threshold.visible ? (r(), T(Te, {
               key: 13,
               section: a.value.sections.threshold,
               title: e(l)("menu.inventory.threshold.title"),
               subtitle: e(l)("menu.inventory.threshold.subtitle")
             }, {
-              default: p(() => [
+              default: c(() => [
                 s(kl, Ce({
                   "aria-label": e(l)("menu.inventory.threshold.title"),
                   "model-value": a.value.lowStockThreshold,
@@ -4435,12 +4452,12 @@ const ml = /* @__PURE__ */ ce({
                   "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))))
+                  "onUpdate:modelValue": t[50] || (t[50] = (K) => (xe("lowStockThreshold"), p.value.setLowStockThreshold(le(K))))
                 }), null, 16, ["aria-label", "model-value", "placeholder", "error-messages", "helper-text"])
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle"])) : y("", !0),
-            !a.value.isOverride && a.value.sections.takeaway.visible ? (r(), S("div", ms)) : y("", !0),
+            !a.value.isOverride && a.value.sections.takeaway.visible ? (r(), S("div", bs)) : y("", !0),
             a.value.sections.takeaway.visible ? (r(), T(Te, {
               key: 15,
               section: a.value.sections.takeaway,
@@ -4451,15 +4468,15 @@ const ml = /* @__PURE__ */ ce({
               "toggle-label": e(l)("menu.product.form.sections.takeaway.description"),
               "onUpdate:enabled": t[53] || (t[53] = (K) => ne("takeaway", K))
             }, {
-              default: p(() => [
-                u.presentation !== "tree" || a.value.editTakeawayPos.state === "allowed" || a.value.editTakeawayApp.state === "allowed" ? (r(), S("div", cs, [
+              default: c(() => [
+                u.presentation !== "tree" || a.value.editTakeawayPos.state === "allowed" || a.value.editTakeawayApp.state === "allowed" ? (r(), S("div", fs, [
                   a.value.editTakeawayPos.state === "allowed" ? (r(), T(Me, {
                     key: 0,
                     label: e(l)("menu.product.form.takeaway.takeawayConfig.pos.label"),
                     sublabel: e(l)("menu.product.form.takeaway.takeawayConfig.pos.sublabel"),
                     "model-value": a.value.takeawayPos,
                     value: "",
-                    "onUpdate:modelValue": t[51] || (t[51] = (K) => c.value.setTakeawayConfig({ pos: !!K }))
+                    "onUpdate:modelValue": t[51] || (t[51] = (K) => p.value.setTakeawayConfig({ pos: !!K }))
                   }, null, 8, ["label", "sublabel", "model-value"])) : y("", !0),
                   a.value.editTakeawayApp.state === "allowed" ? (r(), T(Me, {
                     key: 1,
@@ -4467,28 +4484,25 @@ const ml = /* @__PURE__ */ ce({
                     sublabel: e(l)("menu.product.form.takeaway.takeawayConfig.app.sublabel"),
                     "model-value": a.value.takeawayApp,
                     value: "",
-                    "onUpdate:modelValue": t[52] || (t[52] = (K) => c.value.setTakeawayConfig({ app: !!K }))
+                    "onUpdate:modelValue": t[52] || (t[52] = (K) => p.value.setTakeawayConfig({ app: !!K }))
                   }, null, 8, ["label", "sublabel", "model-value"])) : y("", !0)
                 ])) : y("", !0),
-                n("div", ps, [
-                  s(Ze, {
-                    "column-defs": ql.value,
-                    "row-data": [...a.value.takeawayRows],
-                    "page-size": Math.max(a.value.takeawayRows.length, 1),
-                    "hide-footer": "",
-                    "shrink-at": !1
-                  }, null, 8, ["column-defs", "row-data", "page-size"])
-                ])
+                s(Ze, {
+                  "column-defs": jl.value,
+                  "row-data": [...a.value.takeawayRows],
+                  "page-size": Math.max(a.value.takeawayRows.length, 1),
+                  "hide-footer": ""
+                }, null, 8, ["column-defs", "row-data", "page-size"])
               ]),
               _: 1
             }, 8, ["section", "title", "subtitle", "override-title", "description", "toggle-label"])) : y("", !0),
-            !a.value.isOverride && a.value.sections.serveDelay.visible ? (r(), S("div", vs)) : y("", !0),
+            !a.value.isOverride && a.value.sections.serveDelay.visible ? (r(), S("div", gs)) : y("", !0),
             a.value.sections.serveDelay.visible ? (r(), T(Te, {
               key: 17,
               section: a.value.sections.serveDelay,
               title: e(l)("menu.product.form.order_pacing.title")
             }, {
-              default: p(() => {
+              default: c(() => {
                 var K, me;
                 return [
                   s(wl, {
@@ -4497,14 +4511,14 @@ const ml = /* @__PURE__ */ ce({
                     label: e(l)("menu.product.form.order_pacing.serve_later.label"),
                     sublabel: e(l)("menu.product.form.order_pacing.serve_later.sublabel"),
                     "label-placement": "right",
-                    "onUpdate:modelValue": t[54] || (t[54] = (ae) => c.value.setServeDelayEnabled(!!ae))
+                    "onUpdate:modelValue": t[54] || (t[54] = (ae) => p.value.setServeDelayEnabled(!!ae))
                   }, null, 8, ["model-value", "label", "sublabel"]),
-                  (me = a.value.serveDelay) != null && me.enabled ? (r(), S("div", bs, [
+                  (me = a.value.serveDelay) != null && me.enabled ? (r(), S("div", ys, [
                     s(qe, {
                       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": p(() => [
+                      "append-title": c(() => [
                         s(oe, {
                           class: "flex-shrink-0",
                           "aria-label": e(l)("menu.product.form.order_pacing.time_presets.add"),
@@ -4518,11 +4532,10 @@ const ml = /* @__PURE__ */ ce({
                     }, 8, ["title", "sub-title"]),
                     a.value.pacingRows.length > 0 ? (r(), T(Ze, {
                       key: 0,
-                      "column-defs": Gl.value,
+                      "column-defs": Kl.value,
                       "row-data": [...a.value.pacingRows],
                       "page-size": a.value.pacingRows.length,
-                      "hide-footer": "",
-                      "shrink-at": !1
+                      "hide-footer": ""
                     }, null, 8, ["column-defs", "row-data", "page-size"])) : y("", !0)
                   ])) : y("", !0)
                 ];
@@ -4536,20 +4549,20 @@ const ml = /* @__PURE__ */ ce({
             ref: fl,
             class: "w-[360px] shrink-0 xs:hidden sm:hidden"
           }, [
-            s(vo, {
+            s(ho, {
               class: "fixed top-[85px]",
-              style: pl({ left: `${e(jl).left}px` }),
+              style: pl({ left: `${e(Ql).left}px` }),
               summary: a.value.summary
             }, null, 8, ["style", "summary"])
           ], 512)) : y("", !0),
-          s(Ho, {
+          s(en, {
             modelValue: b.value,
             "onUpdate:modelValue": t[55] || (t[55] = (K) => b.value = K),
             "initial-section": h.value,
             view: a.value,
-            session: c.value
+            session: p.value
           }, null, 8, ["modelValue", "initial-section", "view", "session"]),
-          _e.value ? (r(), T(ro, {
+          _e.value ? (r(), T(bo, {
             key: 1,
             "model-value": J.value,
             view: _e.value,
@@ -4557,9 +4570,9 @@ const ml = /* @__PURE__ */ ce({
             "order-from-options": a.value.orderFromOptions,
             presentation: u.presentation,
             "create-price-group": w,
-            "onUpdate:modelValue": t[56] || (t[56] = (K) => K || X())
+            "onUpdate:modelValue": t[56] || (t[56] = (K) => K || W())
           }, null, 8, ["model-value", "view", "session", "order-from-options", "presentation"])) : y("", !0),
-          De.value ? (r(), T(Rl, {
+          De.value ? (r(), T(Nl, {
             key: 2,
             session: De.value,
             "product-name": a.value.name || ((xl = a.value.inherited) == null ? void 0 : xl.name) || "",
@@ -4567,7 +4580,7 @@ const ml = /* @__PURE__ */ ce({
             onClose: je
           }, null, 8, ["session", "product-name", "disabled"])) : y("", !0)
         ], 2),
-        C.value ? (r(), T(zl, {
+        C.value ? (r(), T(Rl, {
           key: 0,
           session: C.value,
           "on-create-price-group": w,
@@ -4577,19 +4590,19 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), fs = /* @__PURE__ */ ce({
+}), ci = /* @__PURE__ */ Dl(_s, [["__scopeId", "data-v-fae88273"]]), hs = /* @__PURE__ */ ce({
   __name: "ProductInlineCategoryCreateField",
   props: {
     session: {},
     label: {},
     validation: {}
   },
-  setup(Y) {
-    const V = Y, { t: i } = be(), x = Pe(), { run: o } = Ue(), d = Le(V.session), w = R(
+  setup(H) {
+    const V = H, { t: i } = be(), x = Pe(), { run: o } = Ue(), d = Le(V.session), w = R(
       () => d.value.status === "ready" ? d.value.value : null
     ), C = R(
       () => w.value ? V.validation.issue(w.value.fieldIssues, "name") ?? w.value.nameIssue : null
-    ), P = ye(null), m = ye(null), l = W(!1);
+    ), P = ye(null), m = ye(null), l = Y(!1);
     let $ = null;
     const _ = R(
       () => {
@@ -4648,7 +4661,7 @@ const ml = /* @__PURE__ */ ce({
             (O) => v.session.setName(String(O ?? ""))
           )
         ), {
-          append: p(() => {
+          append: c(() => {
             var O;
             return [
               s(f, {
@@ -4689,19 +4702,19 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), gs = /* @__PURE__ */ ce({
+}), ks = /* @__PURE__ */ ce({
   __name: "ProductInlineSubcategoryCreateField",
   props: {
     session: {},
     label: {},
     validation: {}
   },
-  setup(Y) {
-    const V = Y, { t: i } = be(), x = Pe(), o = Le(V.session), d = R(
+  setup(H) {
+    const V = H, { t: i } = be(), x = Pe(), o = Le(V.session), d = R(
       () => o.value.status === "ready" ? o.value.value : null
     ), w = R(
       () => d.value ? V.validation.issue(d.value.fieldIssues, "name") ?? d.value.nameIssue : null
-    ), C = W(!1);
+    ), C = Y(!1);
     function P() {
       var $;
       (($ = d.value) == null ? void 0 : $.translation.state) === "allowed" && (V.session.beginTranslationEdit(), C.value = !0);
@@ -4729,7 +4742,7 @@ const ml = /* @__PURE__ */ ce({
             (G) => $.session.setName(String(G ?? ""))
           )
         ), {
-          append: p(() => {
+          append: c(() => {
             var G;
             return [
               s(F, {
@@ -4760,15 +4773,15 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), ys = { class: "fm-typo-en-title-md-600" }, _s = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, hs = { class: "flex-shrink-0" }, ks = { class: "flex gap-8" }, ws = /* @__PURE__ */ ce({
+}), ws = { class: "fm-typo-en-title-md-600" }, xs = { class: "flex flex-col gap-32 h-full min-h-0 py-16" }, Cs = { class: "flex-shrink-0" }, Fs = { class: "flex gap-8" }, $s = /* @__PURE__ */ ce({
   __name: "ProductPacingSheet",
   props: {
     sdk: {},
     initialProductIds: {}
   },
   emits: ["close", "created"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), { run: d } = Ue(), w = i.sdk.orderPacing.editor(), C = ll(() => w);
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), { run: d } = Ue(), w = i.sdk.orderPacing.editor(), C = ll(() => w);
     w.setLinkedProducts(i.initialProductIds);
     const P = Le(w), m = R(
       () => P.value.status === "ready" ? P.value.value : null
@@ -4780,7 +4793,7 @@ const ml = /* @__PURE__ */ ce({
         size: 75,
         enableSorting: !1,
         header: () => o("menu.order_pacing.link_product.table.column.default"),
-        cell: (f) => H(B.FmCheckbox, {
+        cell: (f) => X(B.FmCheckbox, {
           modelValue: f.row.original.isDefault,
           value: "",
           "aria-label": o("menu.product.form.order_pacing.default_product", {
@@ -4805,8 +4818,8 @@ const ml = /* @__PURE__ */ ce({
         header: () => o("menu.order_pacing.link_product.table.column.current_default"),
         cell: (f) => {
           const k = f.row.original.currentDefault;
-          return H("div", { class: "pt-1" }, [
-            H(B.FmChip, {
+          return X("div", { class: "pt-1" }, [
+            X(B.FmChip, {
               label: k ? o("menu.order_pacing.columns.mins", { count: k.delay }) : o("menu.order_pacing.columns.none"),
               variant: "plain",
               compact: !0,
@@ -4820,7 +4833,7 @@ const ml = /* @__PURE__ */ ce({
         size: 40,
         meta: { cellClass: "" },
         enableSorting: !1,
-        cell: (f) => H(B.FmButton, {
+        cell: (f) => X(B.FmButton, {
           prependIcon: "delete",
           variant: "tertiary",
           "aria-label": o("menu.common.labels.a11y_labelled_name", {
@@ -4830,7 +4843,7 @@ const ml = /* @__PURE__ */ ce({
           onClick: () => w.unlinkProduct(f.row.original.productId)
         })
       }
-    ]), F = W(!1), L = W(!1);
+    ]), F = Y(!1), L = Y(!1);
     function E() {
       var f;
       ((f = m.value) == null ? void 0 : f.translation.state) === "allowed" && (w.beginTranslationEdit(), L.value = !0);
@@ -4864,18 +4877,18 @@ const ml = /* @__PURE__ */ ce({
           "is-container": e(B).FmForm,
           "is-container-props": { onValidationSuccess: v },
           "max-width": 600,
-          "onUpdate:modelValue": k[2] || (k[2] = (c) => !c && x("close"))
+          "onUpdate:modelValue": k[2] || (k[2] = (p) => !p && x("close"))
         }, {
-          "side-sheet-header": p(() => [
-            n("p", ys, I(e(o)("menu.order_pacing.manager.dialog.add.title")), 1)
+          "side-sheet-header": c(() => [
+            n("p", ws, I(e(o)("menu.order_pacing.manager.dialog.add.title")), 1)
           ]),
-          "side-sheet-footer": p(() => {
-            var c;
+          "side-sheet-footer": c(() => {
+            var p;
             return [
-              n("div", ks, [
+              n("div", Fs, [
                 s(O, {
                   label: e(o)("menu.order_pacing.manager.dialog.add.action"),
-                  disabled: ((c = m.value) == null ? void 0 : c.submit.state) !== "allowed",
+                  disabled: ((p = m.value) == null ? void 0 : p.submit.state) !== "allowed",
                   variant: "primary",
                   size: "lg",
                   type: "submit"
@@ -4889,21 +4902,21 @@ const ml = /* @__PURE__ */ ce({
               ])
             ];
           }),
-          default: p(() => [
-            n("div", _s, [
-              s(ca, {
+          default: c(() => [
+            n("div", xs, [
+              s(va, {
                 view: m.value,
                 session: e(w),
                 validation: e(C)
               }, {
-                "name-append": p(() => {
-                  var c;
+                "name-append": c(() => {
+                  var p;
                   return [
                     s(O, {
                       "aria-label": e(o)("menu.common.translation.translation_label"),
                       icon: "g_translate",
                       variant: "tertiary",
-                      disabled: ((c = m.value) == null ? void 0 : c.translation.state) !== "allowed",
+                      disabled: ((p = m.value) == null ? void 0 : p.translation.state) !== "allowed",
                       onClick: E
                     }, null, 8, ["aria-label", "disabled"])
                   ];
@@ -4914,24 +4927,24 @@ const ml = /* @__PURE__ */ ce({
                 title: e(o)("menu.order_pacing.product.title"),
                 "sub-title": e(o)("menu.order_pacing.product.subtitle")
               }, {
-                "append-title": p(() => [
-                  n("div", hs, [
+                "append-title": c(() => [
+                  n("div", Cs, [
                     s(O, {
                       "border-color": e(Vl).ColorPrimary,
                       label: e(o)("menu.order_pacing.link_product.title"),
                       "prepend-icon": "link",
                       "text-color": e(Vl).ColorPrimary,
                       variant: "secondary",
-                      onClick: k[0] || (k[0] = (c) => F.value = !0)
+                      onClick: k[0] || (k[0] = (p) => F.value = !0)
                     }, null, 8, ["border-color", "label", "text-color"])
                   ])
                 ]),
-                default: p(() => {
-                  var c;
+                default: c(() => {
+                  var p;
                   return [
                     s(Q, {
                       "column-defs": _.value,
-                      "row-data": [...((c = m.value) == null ? void 0 : c.linkedProducts) ?? []],
+                      "row-data": [...((p = m.value) == null ? void 0 : p.linkedProducts) ?? []],
                       "page-size": 999,
                       "shrink-at": !1,
                       "hide-footer": ""
@@ -4947,7 +4960,7 @@ const ml = /* @__PURE__ */ ce({
         m.value ? (r(), T(il, {
           key: 0,
           modelValue: L.value,
-          "onUpdate:modelValue": k[3] || (k[3] = (c) => L.value = c),
+          "onUpdate:modelValue": k[3] || (k[3] = (p) => L.value = p),
           dirty: m.value.translationDirty,
           name: m.value.name,
           "name-locale": m.value.nameLocale,
@@ -4959,9 +4972,9 @@ const ml = /* @__PURE__ */ ce({
           "onUpdate:name": e(w).setName,
           "onUpdate:nameLocale": e(w).setNameLocale
         }, null, 8, ["modelValue", "dirty", "name", "name-locale", "name-section-label", "supported-locales", "title", "onUpdate:name", "onUpdate:nameLocale"])) : y("", !0),
-        s(ua, {
+        s(ma, {
           modelValue: F.value,
-          "onUpdate:modelValue": k[4] || (k[4] = (c) => F.value = c),
+          "onUpdate:modelValue": k[4] || (k[4] = (p) => F.value = p),
           catalogue: $.value,
           "selected-product-ids": ((a = m.value) == null ? void 0 : a.linkedProductIds) ?? [],
           onSubmit: g
@@ -4969,14 +4982,14 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), xs = { class: "fm-typo-en-title-md-600" }, Cs = { class: "pt-8 space-y-24" }, Fs = { class: "flex gap-8 items-center justify-start" }, $s = "menu.print_route.department_dialog.sections.route_detail.name.required", Ss = /* @__PURE__ */ ce({
+}), Ss = { class: "fm-typo-en-title-md-600" }, Vs = { class: "pt-8 space-y-24" }, Ps = { class: "flex gap-8 items-center justify-start" }, Us = "menu.print_route.department_dialog.sections.route_detail.name.required", Is = /* @__PURE__ */ ce({
   __name: "ProductPrintRouteSheet",
   props: {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.printDepartment.editor(), P = Le(C), m = R(
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.printDepartment.editor(), P = Le(C), m = R(
       () => P.value.status === "ready" ? P.value.value : null
     ), l = ll(() => C), $ = R(
       () => m.value ? l.issue(m.value.fieldIssues, "name") : null
@@ -4984,7 +4997,7 @@ const ml = /* @__PURE__ */ ce({
     ke(() => C.dispose());
     const _ = R(() => {
       const L = $.value;
-      return L ? L.code !== $s ? d(L) : o("menu.print_dept.validation.name_required") : "";
+      return L ? L.code !== Us ? d(L) : o("menu.print_dept.validation.name_required") : "";
     });
     async function F() {
       var G;
@@ -5007,13 +5020,13 @@ const ml = /* @__PURE__ */ ce({
         "dismiss-away": "",
         "onUpdate:modelValue": E[1] || (E[1] = (v) => v || x("close"))
       }, {
-        "side-sheet-header": p(() => [
-          n("p", xs, I(e(o)("menu.print_dept.add")), 1)
+        "side-sheet-header": c(() => [
+          n("p", Ss, I(e(o)("menu.print_dept.add")), 1)
         ]),
-        "side-sheet-footer": p(() => {
+        "side-sheet-footer": c(() => {
           var v, g;
           return [
-            n("div", Fs, [
+            n("div", Ps, [
               s(G, {
                 label: e(o)("menu.common.actions.add"),
                 size: "lg",
@@ -5030,10 +5043,10 @@ const ml = /* @__PURE__ */ ce({
             ])
           ];
         }),
-        default: p(() => {
+        default: c(() => {
           var v;
           return [
-            n("div", Cs, [
+            n("div", Vs, [
               s(ge, Ce({
                 autofocus: "",
                 label: e(o)("menu.print_dept.columns.name"),
@@ -5047,20 +5060,20 @@ const ml = /* @__PURE__ */ ce({
       }, 8, ["is-container", "is-container-props"]);
     };
   }
-}), Vs = { class: "fm-typo-en-title-md-600" }, Ps = { class: "flex gap-8 items-center justify-start" }, Us = /* @__PURE__ */ ce({
+}), Ts = { class: "fm-typo-en-title-md-600" }, As = { class: "flex gap-8 items-center justify-start" }, Bs = /* @__PURE__ */ ce({
   __name: "ProductTakeawaySheet",
   props: {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.takeaway.editor(), P = Le(C), m = R(
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Pe(), { run: w } = Ue(), C = i.sdk.takeaway.editor(), P = Le(C), m = R(
       () => P.value.status === "ready" ? P.value.value : null
     ), l = ll(() => C), $ = R(
       () => m.value ? l.issue(m.value.fieldIssues, "name") : null
     );
     ke(() => C.dispose());
-    const _ = W(!1);
+    const _ = Y(!1);
     function F() {
       var A;
       ((A = m.value) == null ? void 0 : A.translation.state) === "allowed" && (C.beginTranslationEdit(), _.value = !0);
@@ -5091,13 +5104,13 @@ const ml = /* @__PURE__ */ ce({
           "max-width": 560,
           "onUpdate:modelValue": v[2] || (v[2] = (k) => k || x("close"))
         }, {
-          "side-sheet-header": p(() => [
-            n("p", Vs, I(e(o)("menu.takeaway.add")), 1)
+          "side-sheet-header": c(() => [
+            n("p", Ts, I(e(o)("menu.takeaway.add")), 1)
           ]),
-          "side-sheet-footer": p(() => {
+          "side-sheet-footer": c(() => {
             var k, O;
             return [
-              n("div", Ps, [
+              n("div", As, [
                 s(g, {
                   label: e(o)("menu.common.actions.add"),
                   size: "lg",
@@ -5114,9 +5127,9 @@ const ml = /* @__PURE__ */ ce({
               ])
             ];
           }),
-          default: p(() => [
+          default: c(() => [
             s(qe, null, {
-              default: p(() => {
+              default: c(() => {
                 var k, O;
                 return [
                   s(ge, Ce({
@@ -5126,7 +5139,7 @@ const ml = /* @__PURE__ */ ce({
                     "model-value": ((k = m.value) == null ? void 0 : k.name) ?? "",
                     "error-messages": $.value ? [e(d)($.value)] : []
                   }, e(l).field("name", e(C).setName)), {
-                    append: p(() => {
+                    append: c(() => {
                       var Q;
                       return [
                         s(g, {
@@ -5147,7 +5160,7 @@ const ml = /* @__PURE__ */ ce({
                     "model-value": ((O = m.value) == null ? void 0 : O.price) ?? "",
                     "onUpdate:modelValue": v[0] || (v[0] = (Q) => e(C).setPrice(Q))
                   }, {
-                    prepend: p(() => {
+                    prepend: c(() => {
                       var Q;
                       return [
                         n("span", null, I((Q = m.value) == null ? void 0 : Q.currencySymbol), 1)
@@ -5184,24 +5197,24 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), Is = { class: "fm-typo-en-title-md-600" }, Ts = {
+}), Os = { class: "fm-typo-en-title-md-600" }, Ls = {
   key: 0,
   class: "py-16 space-y-32"
-}, As = ["data-not-allow-sort"], Bs = {
+}, zs = ["data-not-allow-sort"], Ds = {
   key: 1,
   class: "w-24"
-}, Os = { class: "flex-1" }, Ls = { class: "flex items-center gap-8" }, zs = {
+}, Rs = { class: "flex-1" }, Ms = { class: "flex items-center gap-8" }, Ns = {
   key: 0,
   role: "alert",
   class: "text-fm-color-danger"
-}, Ds = { class: "flex gap-8 items-center justify-start" }, Rs = /* @__PURE__ */ ce({
+}, Es = { class: "flex gap-8 items-center justify-start" }, qs = /* @__PURE__ */ ce({
   __name: "ProductVariantCreateSheet",
   props: {
     sdk: {}
   },
   emits: ["close", "created"],
-  setup(Y, { emit: V }) {
-    const i = Y, x = V, { t: o } = be(), d = Qe(), w = Pe(), { run: C } = Ue(), P = i.sdk.variant.editor(), m = Le(P), l = R(
+  setup(H, { emit: V }) {
+    const i = H, x = V, { t: o } = be(), d = Xe(), w = Pe(), { run: C } = Ue(), P = i.sdk.variant.editor(), m = Le(P), l = R(
       () => m.value.status === "ready" ? m.value.value : null
     ), $ = ll(() => P), _ = R(
       () => l.value ? $.issue(l.value.fieldIssues, "name") ?? l.value.nameIssue : null
@@ -5209,11 +5222,11 @@ const ml = /* @__PURE__ */ ce({
       () => l.value ? $.issue(l.value.fieldIssues, "options") ?? l.value.optionsIssue : null
     );
     function L(ee) {
-      const { ref: a, ...c } = $.field(
+      const { ref: a, ...p } = $.field(
         "options",
         (ne) => P.setOptionName(ee, ne)
       );
-      return c;
+      return p;
     }
     const E = /* @__PURE__ */ new Map();
     function G(ee, a) {
@@ -5259,8 +5272,8 @@ const ml = /* @__PURE__ */ ce({
         x("created", ee), x("close");
         return;
       }
-      const c = ((le = l.value) == null ? void 0 : le.options) ?? [], ne = c.findIndex(
-        (h, se) => se < c.length - 1 && !h.name.trim()
+      const p = ((le = l.value) == null ? void 0 : le.options) ?? [], ne = p.findIndex(
+        (h, se) => se < p.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 Je(), (b = E.get(ne)) == null || b.focus());
     }
@@ -5276,7 +5289,7 @@ const ml = /* @__PURE__ */ ce({
     return ke(() => {
       g(), P.dispose();
     }), (ee, a) => {
-      const c = M("FmButton"), ne = M("FmSideSheet");
+      const p = M("FmButton"), ne = M("FmSideSheet");
       return r(), S(re, null, [
         s(ne, {
           "model-value": !0,
@@ -5285,21 +5298,21 @@ const ml = /* @__PURE__ */ ce({
           "is-container-props": { onValidationSuccess: O },
           "onOn:clickedAway": k
         }, {
-          "side-sheet-header": p(() => [
-            n("p", Is, I(e(o)("menu.variant.form.title.add")), 1)
+          "side-sheet-header": c(() => [
+            n("p", Os, I(e(o)("menu.variant.form.title.add")), 1)
           ]),
-          "side-sheet-footer": p(() => {
+          "side-sheet-footer": c(() => {
             var pe;
             return [
-              n("div", Ds, [
-                s(c, {
+              n("div", Es, [
+                s(p, {
                   label: e(o)("menu.common.actions.add"),
                   disabled: ((pe = l.value) == null ? void 0 : pe.submit.state) !== "allowed",
                   size: "lg",
                   type: "submit",
                   variant: "primary"
                 }, null, 8, ["label", "disabled"]),
-                s(c, {
+                s(p, {
                   label: e(o)("menu.common.actions.cancel"),
                   size: "lg",
                   variant: "tertiary",
@@ -5308,12 +5321,12 @@ const ml = /* @__PURE__ */ ce({
               ])
             ];
           }),
-          default: p(() => [
-            l.value ? (r(), S("div", Ts, [
+          default: c(() => [
+            l.value ? (r(), S("div", Ls, [
               s(qe, {
                 title: e(o)("menu.variant.form.detail")
               }, {
-                default: p(() => [
+                default: c(() => [
                   s(ge, Ce({
                     autofocus: "",
                     "model-value": l.value.name,
@@ -5322,8 +5335,8 @@ const ml = /* @__PURE__ */ ce({
                     "error-messages": _.value ? [e(w)(_.value)] : [],
                     "helper-text": e(o)("menu.variant.form.name.helper")
                   }, e($).field("name", e(P).setName)), {
-                    append: p(() => [
-                      s(c, {
+                    append: c(() => [
+                      s(p, {
                         class: "!p-0",
                         icon: "g_translate",
                         variant: "tertiary",
@@ -5336,7 +5349,7 @@ const ml = /* @__PURE__ */ ce({
                   s(Oe, {
                     label: e(o)("menu.variant.form.options.title")
                   }, {
-                    default: p(() => [
+                    default: c(() => [
                       n("div", null, [
                         s(ml, {
                           items: Q.value,
@@ -5344,12 +5357,12 @@ const ml = /* @__PURE__ */ ce({
                           "lock-last": "",
                           onReorder: a[3] || (a[3] = (pe) => e(P).reorderOptions(pe))
                         }, {
-                          item: p(({ element: pe, index: le }) => [
+                          item: c(({ element: pe, index: le }) => [
                             n("div", {
                               class: "flex items-center space-x-8",
                               "data-not-allow-sort": le === l.value.options.length - 1
                             }, [
-                              le !== l.value.options.length - 1 ? (r(), T(c, {
+                              le !== l.value.options.length - 1 ? (r(), T(p, {
                                 key: 0,
                                 class: "handle",
                                 "prepend-icon": "drag_handle",
@@ -5357,8 +5370,8 @@ const ml = /* @__PURE__ */ ce({
                                 "aria-label": e(o)("menu.variant.form.options.move", { number: le + 1 }),
                                 onClick: a[1] || (a[1] = Ee(() => {
                                 }, ["stop"]))
-                              }, null, 8, ["aria-label"])) : le > 0 ? (r(), S("div", Bs)) : y("", !0),
-                              n("div", Os, [
+                              }, null, 8, ["aria-label"])) : le > 0 ? (r(), S("div", Ds)) : y("", !0),
+                              n("div", Rs, [
                                 s(ge, Ce({
                                   "model-value": pe.label,
                                   placeholder: e(o)("menu.variant.form.options.placeholder"),
@@ -5371,9 +5384,9 @@ const ml = /* @__PURE__ */ ce({
                                 }, L(le)), cl({ _: 2 }, [
                                   le !== l.value.options.length - 1 ? {
                                     name: "append",
-                                    fn: p(() => [
-                                      n("div", Ls, [
-                                        s(c, {
+                                    fn: c(() => [
+                                      n("div", Ms, [
+                                        s(p, {
                                           class: "!p-0",
                                           icon: "g_translate",
                                           variant: "tertiary",
@@ -5382,7 +5395,7 @@ const ml = /* @__PURE__ */ ce({
                                           }),
                                           onClick: a[2] || (a[2] = (ve) => f("options"))
                                         }, null, 8, ["aria-label"]),
-                                        s(c, {
+                                        s(p, {
                                           class: "!p-0",
                                           icon: "close",
                                           variant: "plain",
@@ -5397,11 +5410,11 @@ const ml = /* @__PURE__ */ ce({
                                   } : void 0
                                 ]), 1040, ["model-value", "placeholder", "aria-label"])
                               ])
-                            ], 8, As)
+                            ], 8, zs)
                           ]),
                           _: 1
                         }, 8, ["items"]),
-                        F.value ? (r(), S("p", zs, I(e(w)(F.value)), 1)) : y("", !0)
+                        F.value ? (r(), S("p", Ns, I(e(w)(F.value)), 1)) : y("", !0)
                       ])
                     ]),
                     _: 1
@@ -5413,7 +5426,7 @@ const ml = /* @__PURE__ */ ce({
           ]),
           _: 1
         }, 8, ["is-container", "is-container-props"]),
-        A.value ? (r(), T(pa, {
+        A.value ? (r(), T(ba, {
           key: 0,
           session: A.value,
           "expanded-section": v.value,
@@ -5422,7 +5435,7 @@ const ml = /* @__PURE__ */ ce({
       ], 64);
     };
   }
-}), Al = {
+}), Bl = {
   category: {
     title: "menu.category.manager.dialog.add.title",
     label: "menu.category.name",
@@ -5435,7 +5448,7 @@ const ml = /* @__PURE__ */ ce({
     action: "menu.subcategory.manager.dialog.add.action",
     success: "menu.subcategory.manager.dialog.add.success"
   }
-}, ri = /* @__PURE__ */ ce({
+}, pi = /* @__PURE__ */ ce({
   __name: "ProductInlineCreateHost",
   props: {
     sdk: {},
@@ -5443,8 +5456,8 @@ const ml = /* @__PURE__ */ ce({
     presentation: {}
   },
   emits: ["created"],
-  setup(Y, { expose: V, emit: i }) {
-    const x = Y, o = i, d = (A, v) => o("created", { kind: A, name: v }), { t: w } = be(), C = Qe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = W(!1), _ = W(!1), F = W(!1), L = W(!1), E = W(!1);
+  setup(H, { expose: V, emit: i }) {
+    const x = H, o = i, d = (A, v) => o("created", { kind: A, name: v }), { t: w } = be(), C = Xe(), { run: P } = Ue(), m = ye(null), l = ll(() => m.value), $ = Y(!1), _ = Y(!1), F = Y(!1), L = Y(!1), E = Y(!1);
     function G(A) {
       if (A === "printRoute") {
         L.value = !0;
@@ -5469,7 +5482,7 @@ const ml = /* @__PURE__ */ ce({
       if (A === "priceGroup") {
         C.open({
           title: w("menu.price_tier.add_price_group"),
-          contentComponent: ma,
+          contentComponent: pa,
           primaryActions: {
             text: w("menu.category.manager.dialog.add.action"),
             close: !1
@@ -5488,10 +5501,10 @@ const ml = /* @__PURE__ */ ce({
       if (A === "category") {
         const v = x.sdk.category.editor();
         m.value = v;
-        const g = Al.category;
+        const g = Bl.category;
         C.open({
           title: w(g.title),
-          contentComponent: fs,
+          contentComponent: hs,
           contentComponentProps: {
             session: v,
             label: w(g.label),
@@ -5513,10 +5526,10 @@ const ml = /* @__PURE__ */ ce({
       if (A === "subcategory") {
         const v = x.sdk.subCategory.editor();
         m.value = v;
-        const g = Al.subcategory;
+        const g = Bl.subcategory;
         C.open({
           title: w(g.title),
-          contentComponent: gs,
+          contentComponent: ks,
           contentComponentProps: {
             session: v,
             label: w(g.label),
@@ -5536,33 +5549,33 @@ const ml = /* @__PURE__ */ ce({
       }
     }
     return V({ open: G }), (A, v) => (r(), S(re, null, [
-      $.value ? (r(), T(ra, {
+      $.value ? (r(), T(da, {
         key: 0,
         presentation: A.presentation,
         sdk: A.sdk,
         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, {
+      _.value ? (r(), T(qs, {
         key: 1,
         sdk: A.sdk,
         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, {
+      F.value ? (r(), T($s, {
         key: 2,
         "initial-product-ids": A.itemId ? [A.itemId] : [],
         sdk: A.sdk,
         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, {
+      L.value ? (r(), T(Is, {
         key: 3,
         sdk: A.sdk,
         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, {
+      E.value ? (r(), T(Bs, {
         key: 4,
         sdk: A.sdk,
         onClose: v[8] || (v[8] = (g) => E.value = !1),
@@ -5572,10 +5585,10 @@ const ml = /* @__PURE__ */ ce({
   }
 });
 export {
-  Al as I,
-  ii as _,
-  Nl as a,
-  ri as b,
-  vo as c,
-  Ml as u
+  Bl as I,
+  ci as P,
+  pi as _,
+  ql as a,
+  ho as b,
+  El as u
 };