@feedmepos/mf-menu 1.0.1-dev.2 → 1.0.1-dev.3

package/dist/{CookingGuide-Dg7kuF6l.js → CookingGuide-4i1KsBxo.js}

@@ -1,13 +1,13 @@
-import { defineComponent as _e, resolveComponent as k, openBlock as m, createBlock as S, withCtx as p, createElementVNode as i, toDisplayString as g, computed as $, ref as E, shallowRef as ve, h as Y, withModifiers as j, onUnmounted as Ae, unref as t, createElementBlock as _, createVNode as n, Fragment as x, renderList as w, createCommentVNode as D, createTextVNode as Be, nextTick as Ne } from "vue";
-import { _ as G, d as je } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
+import { defineComponent as _e, resolveComponent as k, openBlock as m, createBlock as w, withCtx as p, createElementVNode as i, toDisplayString as g, computed as O, ref as E, shallowRef as ve, h as Y, withModifiers as j, onUnmounted as ze, unref as o, createElementBlock as _, createVNode as n, Fragment as x, renderList as V, createCommentVNode as D, createTextVNode as Ae, nextTick as Be } from "vue";
+import { _ as T, d as je } from "./FormSection.vue_vue_type_script_setup_true_lang-pY-_msnM.js";
 import { useI18n as De } from "@feedmepos/mf-common";
 import { useDialog as qe, useBreakpoints as He, components as Z } from "@feedmepos/ui-library";
 import { _ as Qe } from "./index.vue_vue_type_script_setup_true_lang-CGPDazqs.js";
-import { _ as Je } from "./app-BlTv5xag.js";
-import { _ as We } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CgTDkHle.js";
+import { _ as Je } from "./app-DnIyFwTs.js";
+import { _ as We } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-ChDd6vJd.js";
 import { _ as Xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as Ye } from "./useActionFeedback-CdY_C_HX.js";
-import { a as Ze, b as eo, u as ge } from "./provide-dbE6Qt1z.js";
+import { u as Ye } from "./useActionFeedback-CfPMryOm.js";
+import { a as Ze, b as eo, u as ge } from "./provide-UZbVvMqZ.js";
 const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ _e({
   __name: "RemoveCookingGuideConfirmation",
   props: {
@@ -16,7 +16,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
   setup(fe) {
     return (h, e) => {
       const F = k("i18n-t");
-      return m(), S(F, {
+      return m(), w(F, {
         keypath: h.row.linkedProductCount > 0 ? "menu.cooking_guide.dialogs.remove.message.confirm_with_products" : "menu.cooking_guide.dialogs.remove.message.confirm",
         scope: "global",
         tag: "p"
@@ -40,54 +40,54 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
 }, so = { class: "flex justify-end items-center" }, uo = { class: "grow space-y-4" }, ro = { class: "fm-typo-en-body-lg-600" }, co = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, mo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, po = {
   key: 2,
   class: "fixed right-16 bottom-[72px] z-[100] w-[144px]"
-}, vo = { class: "fm-typo-en-title-md-600" }, go = { class: "space-y-24" }, _o = { class: "flex items-center" }, fo = { class: "flex items-center gap-8" }, bo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ko = { class: "flex-1" }, yo = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ho = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, xo = { class: "fm-typo-en-body-md-500" }, Co = { class: "px-16 py-8 flex gap-8" }, So = { class: "flex gap-8" }, wo = { class: "flex items-center gap-8" }, Fo = { class: "fm-typo-en-title-md-600" }, Vo = { class: "flex flex-col gap-32" }, Io = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, $o = { class: "w-2/5 px-16 py-8" }, Oo = { class: "grow px-16 py-8" }, Uo = { class: "w-2/5 px-16 py-8" }, Eo = { class: "grow px-16 py-8" }, Lo = { class: "space-y-16" }, Ko = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Po = { class: "flex gap-8 items-center justify-start" }, Mo = { class: "min-w-[700px]" }, To = { class: "flex bg-fm-color-neutral-gray-100" }, Go = { class: "grow px-16 py-8" }, Ro = { class: "w-[200px] px-16 py-8" }, zo = { class: "w-[200px] px-16 py-8" }, Ao = { class: "grow px-16 py-8" }, Bo = { class: "w-[200px] px-16 py-8" }, No = { class: "w-[200px] px-16 py-8" }, jo = {
+}, vo = { class: "fm-typo-en-title-md-600" }, go = { class: "space-y-24" }, _o = { class: "flex items-center" }, fo = { class: "flex items-center gap-8" }, bo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, ko = { class: "flex-1" }, yo = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, ho = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, xo = { class: "fm-typo-en-body-md-500" }, Co = { class: "px-16 py-8 flex gap-8" }, So = { class: "flex gap-8" }, wo = { class: "flex items-center gap-8" }, Fo = { class: "fm-typo-en-title-md-600" }, Vo = { class: "flex flex-col gap-32" }, Io = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, $o = { class: "w-2/5 px-16 py-8" }, Oo = { class: "grow px-16 py-8" }, Uo = { class: "w-2/5 px-16 py-8" }, Eo = { class: "grow px-16 py-8" }, Lo = { class: "space-y-16" }, Ko = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, Po = { class: "flex gap-8 items-center justify-start" }, Go = { class: "min-w-[700px]" }, Mo = { class: "flex bg-fm-color-neutral-gray-100" }, To = { class: "grow px-16 py-8" }, No = { class: "w-[200px] px-16 py-8" }, Ro = { class: "w-[200px] px-16 py-8" }, zo = { class: "grow px-16 py-8" }, Ao = { class: "w-[200px] px-16 py-8" }, Bo = { class: "w-[200px] px-16 py-8" }, jo = {
   key: 0,
   class: "h-8"
 }, ot = /* @__PURE__ */ _e({
   __name: "CookingGuide",
   setup(fe) {
-    const h = Ze(), { t: e } = De(), F = eo(), ee = qe(), { breakpoints: be } = He(), { run: q } = Ye(), L = ge(h.cookingGuide.list), y = $(
+    const h = Ze(), { t: e } = De(), F = eo(), ee = qe(), { breakpoints: be } = He(), { run: q } = Ye(), L = ge(h.cookingGuide.list), y = O(
       () => L.value.status === "ready" ? L.value.value : null
-    ), ke = $(() => {
-      var o;
-      return ((o = y.value) == null ? void 0 : o.query) ?? "";
-    }), oe = $(() => {
-      var o;
-      return [...((o = y.value) == null ? void 0 : o.rows) ?? []];
-    }), R = $(() => be.value.xs), K = E(!1), P = E(!1), M = E(!1), te = E(null), O = E(!1), H = E(!1), u = ve(
+    ), ke = O(() => {
+      var t;
+      return ((t = y.value) == null ? void 0 : t.query) ?? "";
+    }), oe = O(() => {
+      var t;
+      return [...((t = y.value) == null ? void 0 : t.rows) ?? []];
+    }), N = O(() => be.value.xs), K = E(!1), P = E(!1), G = E(!1), te = E(null), U = E(!1), H = E(!1), d = ve(
       h.cookingGuide.editor()
-    ), T = ve(
-      u.value.get()
+    ), M = ve(
+      d.value.get()
     );
-    let z = u.value.subscribe(
-      (o) => T.value = o
+    let R = d.value.subscribe(
+      (t) => M.value = t
     );
-    const v = $(
-      () => T.value.status === "ready" ? T.value.value : null
-    ), le = ge(h.cookingGuide.productPicker), ye = $(
+    const v = O(
+      () => M.value.status === "ready" ? M.value.value : null
+    ), le = ge(h.cookingGuide.productPicker), ye = O(
       () => le.value.status === "ready" ? le.value.value : null
     );
-    function ae(o) {
-      z(), u.value.dispose(), u.value = h.cookingGuide.editor(o), T.value = u.value.get(), z = u.value.subscribe(
-        (l) => T.value = l
+    function ae(t) {
+      R(), d.value.dispose(), d.value = h.cookingGuide.editor(t), M.value = d.value.get(), R = d.value.subscribe(
+        (l) => M.value = l
       );
     }
     function Q() {
-      var o;
-      ((o = y.value) == null ? void 0 : o.create.state) === "allowed" && (ae(), K.value = !0);
+      var t;
+      ((t = y.value) == null ? void 0 : t.create.state) === "allowed" && (ae(), K.value = !0);
     }
-    function ie(o) {
-      ae(o.id), K.value = !0;
+    function ie(t) {
+      ae(t.id), K.value = !0;
     }
     function ne() {
-      K.value = !1, P.value = !1, M.value = !1, O.value = !1, z();
+      K.value = !1, P.value = !1, G.value = !1, U.value = !1, R();
     }
     function J() {
-      ne(), u.value.dispose();
+      ne(), d.value.dispose();
     }
     function se() {
-      var o;
-      if (!((o = v.value) != null && o.dirty)) return J();
+      var t;
+      if (!((t = v.value) != null && t.dirty)) return J();
       ee.open({
         title: e("menu.common.dialog.dismiss.title"),
         message: e("menu.common.dialog.dismiss.message"),
@@ -101,91 +101,91 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
         }
       }).onPrimary(J);
     }
-    function he(o) {
-      o ? K.value = !0 : se();
+    function he(t) {
+      t ? K.value = !0 : se();
     }
-    function de() {
-      var V;
-      const o = ((V = v.value) == null ? void 0 : V.name) ?? "", l = u.value, d = l.submit(), C = l.get(), b = C.status === "ready" && C.value.status === "submitting";
-      q(() => d, {
-        successMessage: e("menu.cooking_guide.manager.action.saved", { name: o }),
+    function ue() {
+      var I;
+      const t = ((I = v.value) == null ? void 0 : I.name) ?? "", l = d.value, u = l.submit(), C = l.get(), b = C.status === "ready" && C.value.status === "submitting";
+      q(() => u, {
+        successMessage: e("menu.cooking_guide.manager.action.saved", { name: t }),
         showLoading: () => {
-          var A;
-          return ((A = v.value) == null ? void 0 : A.status) === "submitting";
+          var z;
+          return ((z = v.value) == null ? void 0 : z.status) === "submitting";
         }
       }).finally(() => {
         b && l.dispose();
       }), b && ne();
     }
     function xe() {
-      var o;
-      return (((o = v.value) == null ? void 0 : o.bindings) ?? []).map(
+      var t;
+      return (((t = v.value) == null ? void 0 : t.bindings) ?? []).map(
         (l) => l.combinationKey ? { itemId: l.productId, combinationKey: l.combinationKey } : { itemId: l.productId }
       );
     }
-    function Ce(o) {
-      u.value.setLinkedProducts(
-        o.map((l) => ({
+    function Ce(t) {
+      d.value.setLinkedProducts(
+        t.map((l) => ({
           productId: l.itemId,
           combinationKey: l.combinationKey ?? null
         }))
       ), P.value = !1;
     }
     function Se() {
-      u.value.addStep();
-      const o = u.value.get(), l = o.status === "ready" ? o.value.steps : [], d = l[l.length - 1];
-      d && ue(d.id);
+      d.value.addStep();
+      const t = d.value.get(), l = t.status === "ready" ? t.value.steps : [], u = l[l.length - 1];
+      u && de(u.id);
     }
-    function ue(o) {
-      u.value.openStep(o), M.value = !0;
+    function de(t) {
+      d.value.openStep(t), G.value = !0;
     }
     function W() {
-      u.value.discardStep(), M.value = !1;
+      d.value.discardStep(), G.value = !1;
     }
     function we() {
-      u.value.saveStep() && (M.value = !1);
+      d.value.saveStep() && (G.value = !1);
     }
-    function Fe(o) {
-      u.value.removeStep(o);
+    function Fe(t) {
+      d.value.removeStep(t);
     }
-    function Ve(o) {
-      u.value.setSteps(o);
+    function Ve(t) {
+      d.value.setSteps(t);
     }
     function re() {
-      const o = te.value, l = o instanceof HTMLElement ? o : o == null ? void 0 : o.$el;
+      const t = te.value, l = t instanceof HTMLElement ? t : t == null ? void 0 : t.$el;
       return l instanceof HTMLTextAreaElement ? l : (l == null ? void 0 : l.querySelector("textarea")) ?? null;
     }
-    function Ie(o) {
-      const l = re(), d = l == null ? void 0 : l.selectionStart, C = l == null ? void 0 : l.selectionEnd;
-      u.value.appendStepVariable(
-        o,
-        d ?? void 0,
+    function Ie(t) {
+      const l = re(), u = l == null ? void 0 : l.selectionStart, C = l == null ? void 0 : l.selectionEnd;
+      d.value.appendStepVariable(
+        t,
+        u ?? void 0,
         C ?? void 0
-      ), d != null && Ne(() => {
-        const b = re(), V = d + o.length + 4;
-        b == null || b.focus(), b == null || b.setSelectionRange(V, V);
+      ), u != null && Be(() => {
+        const b = re(), I = u + t.length + 4;
+        b == null || b.focus(), b == null || b.setSelectionRange(I, I);
       });
     }
-    function $e(o) {
-      u.value.openOverrides(o.productId, o.combinationKey), O.value = !0;
+    function $e(t) {
+      d.value.openOverrides(t.productId, t.combinationKey), U.value = !0;
     }
-    function Oe(o, l) {
-      var d, C, b;
-      return ((b = (C = (d = v.value) == null ? void 0 : d.overrideEditor) == null ? void 0 : C.values[o]) == null ? void 0 : b[l]) ?? "";
+    function Oe(t, l) {
+      var u, C, b;
+      return ((b = (C = (u = v.value) == null ? void 0 : u.overrideEditor) == null ? void 0 : C.values[t]) == null ? void 0 : b[l]) ?? "";
     }
-    function Ue(o, l, d) {
-      u.value.setOverrideValue(o, l, d);
+    function Ue(t, l, u) {
+      d.value.setOverrideValue(t, l, u);
     }
     function Ee() {
-      u.value.saveOverrides(), O.value = !1;
+      d.value.saveOverrides(), U.value = !1;
     }
     function ce() {
-      u.value.discardOverrides(), O.value = !1;
+      d.value.discardOverrides(), U.value = !1;
     }
-    function me(o) {
+    function me(t) {
       ee.open({
         title: e("menu.cooking_guide.dialogs.remove.title"),
-        contentComponent: Y(lo, { row: o }),
+        contentComponent: Y(lo, { row: t }),
         primaryActions: {
           text: e("menu.cooking_guide.actions.remove"),
           close: !0,
@@ -196,9 +196,9 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
           close: !0
         }
       }).onPrimary(
-        () => q(() => h.cookingGuide.remove(o.id), {
+        () => q(() => h.cookingGuide.remove(t.id), {
           successMessage: e("menu.cooking_guide.manager.action.removed", {
-            name: o.name
+            name: t.name
           })
         })
       );
@@ -213,24 +213,24 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
         H.value = !1;
       }
     }
-    const Ke = $(() => [
+    const Ke = O(() => [
       {
         accessorKey: "name",
         header: () => e("menu.cooking_guide.table.columns.name"),
-        cell: (o) => o.getValue(),
+        cell: (t) => t.getValue(),
         enableSorting: !1
       },
       {
         accessorKey: "linkedProductCount",
         header: () => e("menu.cooking_guide.table.columns.products"),
-        cell: (o) => F(o.row.original.productsCell),
+        cell: (t) => F(t.row.original.productsCell),
         enableSorting: !1
       },
       {
         accessorKey: "stepCount",
         header: () => e("menu.cooking_guide.table.columns.steps"),
-        cell: (o) => e("menu.cooking_guide.table.columns.steps", {
-          count: o.getValue()
+        cell: (t) => e("menu.cooking_guide.table.columns.steps", {
+          count: t.getValue()
         }),
         enableSorting: !1
       },
@@ -240,35 +240,35 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
         size: 52,
         meta: { cellClass: "pl-16", headerContentClass: "-mx-16" },
         enableSorting: !1,
-        cell: (o) => Y("div", { class: "flex justify-end" }, [
+        cell: (t) => Y("div", { class: "flex justify-end" }, [
           Y(Z.FmButton, {
             icon: "delete",
             variant: "tertiary",
             textColor: "neutral-gray-400",
-            disabled: o.row.original.remove.state !== "allowed",
+            disabled: t.row.original.remove.state !== "allowed",
             "aria-label": e("menu.cooking_guide.actions.remove"),
             onClick: j(
-              () => me(o.row.original),
+              () => me(t.row.original),
               ["stop", "prevent"]
             )
           })
         ])
       }
     ]);
-    return Ae(() => {
-      z(), u.value.dispose();
-    }), (o, l) => {
-      const d = k("FmButton"), C = k("FmCircularProgress"), b = k("FmSearch"), V = k("FmTable"), A = k("FmListItem"), Pe = k("FmList"), B = k("FmTextField"), Me = k("FmCardSection"), Te = k("FmCard"), X = k("FmSpacer"), pe = k("FmSideSheet"), Ge = k("FmChip"), Re = k("FmTextarea"), ze = k("FmDialog");
-      return m(), S(Xe, {
-        heading: t(e)("menu.cooking_guide.title")
+    return ze(() => {
+      h.cookingGuide.search(""), R(), d.value.dispose();
+    }), (t, l) => {
+      const u = k("FmButton"), C = k("FmCircularProgress"), b = k("FmSearch"), I = k("FmTable"), z = k("FmListItem"), Pe = k("FmList"), A = k("FmTextField"), Ge = k("FmCardSection"), Me = k("FmCard"), X = k("FmSpacer"), pe = k("FmSideSheet"), Te = k("FmChip"), Ne = k("FmTextarea"), Re = k("FmDialog");
+      return m(), w(Xe, {
+        heading: o(e)("menu.cooking_guide.title")
       }, {
         "append-heading": p(() => [
           i("div", ao, [
-            y.value && y.value.totalCount > 0 && !R.value ? (m(), S(d, {
+            y.value && y.value.totalCount > 0 && !N.value ? (m(), w(u, {
               key: 0,
               class: "ml-auto",
               disabled: y.value.create.state !== "allowed",
-              label: t(e)("menu.cooking_guide.actions.add"),
+              label: o(e)("menu.cooking_guide.actions.add"),
               "prepend-icon": "add",
               variant: "primary",
               onClick: Q
@@ -276,37 +276,37 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
           ])
         ]),
         default: p(() => [
-          t(L).status === "error" ? (m(), _("div", io, [
-            i("p", no, g(t(F)(t(L).error.message)), 1),
-            n(d, {
-              label: t(e)("menu.common.actions.retry"),
+          o(L).status === "error" ? (m(), _("div", io, [
+            i("p", no, g(o(F)(o(L).error.message)), 1),
+            n(u, {
+              label: o(e)("menu.common.actions.retry"),
               loading: H.value,
               "prepend-icon": "refresh",
               variant: "secondary",
               onClick: Le
             }, null, 8, ["label", "loading"])
-          ])) : t(L).status === "loading" ? (m(), S(C, { key: 1 })) : y.value && y.value.totalCount === 0 ? (m(), S(t(Qe), {
+          ])) : o(L).status === "loading" ? (m(), w(C, { key: 1 })) : y.value && y.value.totalCount === 0 ? (m(), w(o(Qe), {
             key: 2,
-            action: y.value.create.state === "allowed" ? { text: t(e)("menu.cooking_guide.empty.action"), callback: Q } : void 0,
-            subtitle: t(e)("menu.cooking_guide.empty.subtitle"),
-            title: t(e)("menu.cooking_guide.empty.title")
+            action: y.value.create.state === "allowed" ? { text: o(e)("menu.cooking_guide.empty.action"), callback: Q } : void 0,
+            subtitle: o(e)("menu.cooking_guide.empty.subtitle"),
+            title: o(e)("menu.cooking_guide.empty.title")
           }, null, 8, ["action", "subtitle", "title"])) : y.value ? (m(), _(x, { key: 3 }, [
             i("div", so, [
               n(b, {
-                autofocus: !R.value,
+                autofocus: !N.value,
                 class: "my-8 w-[320px] xs:w-full xs:px-16",
                 "model-value": ke.value,
-                placeholder: t(e)("menu.cooking_guide.table.search.placeholder"),
-                "onUpdate:modelValue": l[0] || (l[0] = (a) => t(h).cookingGuide.search(String(a ?? "")))
+                placeholder: o(e)("menu.cooking_guide.table.search.placeholder"),
+                "onUpdate:modelValue": l[0] || (l[0] = (a) => o(h).cookingGuide.search(String(a ?? "")))
               }, null, 8, ["autofocus", "model-value", "placeholder"])
             ]),
-            R.value ? (m(), S(Pe, {
+            N.value ? (m(), w(Pe, {
               key: 1,
               class: "w-full px-16 flex-1 min-h-0 overflow-scroll pb-64",
               separator: ""
             }, {
               default: p(() => [
-                (m(!0), _(x, null, w(oe.value, (a) => (m(), S(A, {
+                (m(!0), _(x, null, V(oe.value, (a) => (m(), w(z, {
                   key: a.id,
                   class: "!py-12 !px-0",
                   onClick: (s) => ie(a)
@@ -315,16 +315,16 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                     i("div", uo, [
                       i("div", ro, g(a.name), 1),
                       i("div", null, [
-                        i("div", co, g(t(e)("menu.cooking_guide.table.mobile.products_linked", {
+                        i("div", co, g(o(e)("menu.cooking_guide.table.mobile.products_linked", {
                           count: a.linkedProductCount
                         })), 1),
-                        i("div", mo, g(t(e)("menu.cooking_guide.table.columns.steps", {
+                        i("div", mo, g(o(e)("menu.cooking_guide.table.columns.steps", {
                           count: a.stepCount
                         })), 1)
                       ])
                     ]),
-                    n(d, {
-                      "aria-label": t(e)("menu.cooking_guide.actions.remove"),
+                    n(u, {
+                      "aria-label": o(e)("menu.cooking_guide.actions.remove"),
                       disabled: a.remove.state !== "allowed",
                       icon: "delete",
                       "text-color": "neutral-gray-400",
@@ -336,9 +336,9 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                 }, 1032, ["onClick"]))), 128))
               ]),
               _: 1
-            })) : (m(), S(Je, { key: 0 }, {
+            })) : (m(), w(Je, { key: 0 }, {
               default: p(() => [
-                n(V, {
+                n(I, {
                   "column-defs": Ke.value,
                   "hide-footer": "",
                   "page-size": y.value.rows.length,
@@ -350,11 +350,11 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               ]),
               _: 1
             })),
-            y.value.totalCount > 0 && R.value ? (m(), _("div", po, [
-              n(d, {
+            y.value.totalCount > 0 && N.value ? (m(), _("div", po, [
+              n(u, {
                 class: "w-full",
                 disabled: y.value.create.state !== "allowed",
-                label: t(e)("menu.cooking_guide.actions.add"),
+                label: o(e)("menu.cooking_guide.actions.add"),
                 "prepend-icon": "add",
                 variant: "fab",
                 onClick: Q
@@ -363,9 +363,9 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
           ], 64)) : D("", !0),
           n(pe, {
             "model-value": K.value,
-            "is-container": t(Z).FmForm,
+            "is-container": o(Z).FmForm,
             "is-container-props": {
-              onValidationSuccess: de,
+              onValidationSuccess: ue,
               blameFormChildOnValidationFailed: !0,
               class: "flex flex-col h-full py-16"
             },
@@ -376,22 +376,22 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             "side-sheet-header": p(() => {
               var a;
               return [
-                i("p", vo, g(((a = v.value) == null ? void 0 : a.mode) === "update" ? t(e)("menu.cooking_guide.dialog.update.title") : t(e)("menu.cooking_guide.dialog.add.title")), 1)
+                i("p", vo, g(((a = v.value) == null ? void 0 : a.mode) === "update" ? o(e)("menu.cooking_guide.dialog.update.title") : o(e)("menu.cooking_guide.dialog.add.title")), 1)
               ];
             }),
             "side-sheet-footer": p(() => {
               var a, s;
               return [
                 i("div", So, [
-                  n(d, {
+                  n(u, {
                     disabled: ((a = v.value) == null ? void 0 : a.submit.state) !== "allowed",
-                    label: ((s = v.value) == null ? void 0 : s.mode) === "update" ? t(e)("menu.cooking_guide.dialog.update.action") : t(e)("menu.cooking_guide.dialog.add.action"),
+                    label: ((s = v.value) == null ? void 0 : s.mode) === "update" ? o(e)("menu.cooking_guide.dialog.update.action") : o(e)("menu.cooking_guide.dialog.add.action"),
                     type: "button",
                     variant: "primary",
-                    onClick: de
+                    onClick: ue
                   }, null, 8, ["disabled", "label"]),
-                  n(d, {
-                    label: t(e)("menu.cooking_guide.dialog.actions.cancel"),
+                  n(u, {
+                    label: o(e)("menu.cooking_guide.dialog.actions.cancel"),
                     variant: "tertiary",
                     onClick: J
                   }, null, 8, ["label"])
@@ -400,33 +400,39 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             }),
             default: p(() => [
               i("div", go, [
-                n(G, {
-                  title: t(e)("menu.cooking_guide.dialog.sections.guide_detail.title")
+                n(T, {
+                  title: o(e)("menu.cooking_guide.dialog.sections.guide_detail.title")
                 }, {
                   default: p(() => {
-                    var a, s, f, r;
+                    var a, s, f, c;
                     return [
-                      n(B, {
+                      n(A, {
                         autofocus: ((a = v.value) == null ? void 0 : a.mode) === "create",
+                        rules: [
+                          (r) => {
+                            const S = d.value.validateName(String(r ?? ""));
+                            return S ? o(F)(S) : !0;
+                          }
+                        ],
                         "helper-state": (s = v.value) != null && s.nameIssue ? "error" : "none",
-                        "helper-text": (f = v.value) != null && f.nameIssue ? t(F)(v.value.nameIssue) : "",
-                        label: t(e)("menu.cooking_guide.dialog.sections.guide_detail.name.label"),
-                        "model-value": ((r = v.value) == null ? void 0 : r.name) ?? "",
-                        placeholder: t(e)(
+                        "helper-text": (f = v.value) != null && f.nameIssue ? o(F)(v.value.nameIssue) : "",
+                        label: o(e)("menu.cooking_guide.dialog.sections.guide_detail.name.label"),
+                        "model-value": ((c = v.value) == null ? void 0 : c.name) ?? "",
+                        placeholder: o(e)(
                           "menu.cooking_guide.dialog.sections.guide_detail.name.placeholder"
                         ),
-                        "onUpdate:modelValue": l[2] || (l[2] = (c) => u.value.setName(String(c ?? "")))
-                      }, null, 8, ["autofocus", "helper-state", "helper-text", "label", "model-value", "placeholder"])
+                        "onUpdate:modelValue": l[2] || (l[2] = (r) => d.value.setName(String(r ?? "")))
+                      }, null, 8, ["autofocus", "rules", "helper-state", "helper-text", "label", "model-value", "placeholder"])
                     ];
                   }),
                   _: 1
                 }, 8, ["title"]),
-                n(G, {
-                  title: t(e)("menu.cooking_guide.dialog.sections.steps.title")
+                n(T, {
+                  title: o(e)("menu.cooking_guide.dialog.sections.steps.title")
                 }, {
                   "append-title": p(() => [
-                    n(d, {
-                      label: t(e)("menu.cooking_guide.dialog.sections.steps.add"),
+                    n(u, {
+                      label: o(e)("menu.cooking_guide.dialog.sections.steps.add"),
                       icon: "add",
                       variant: "secondary",
                       "text-color": "primary",
@@ -437,7 +443,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                   default: p(() => {
                     var a;
                     return [
-                      n(t(je), {
+                      n(o(je), {
                         "model-value": ((a = v.value) == null ? void 0 : a.steps) ?? [],
                         class: "flex flex-col gap-16",
                         handle: ".handle",
@@ -445,28 +451,28 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                         "onUpdate:modelValue": Ve
                       }, {
                         item: p(({ element: s }) => [
-                          n(Te, {
+                          n(Me, {
                             class: "rounded-md mb-16 items-center",
                             horizontal: "",
                             variant: "outlined",
-                            onClick: (f) => ue(s.id)
+                            onClick: (f) => de(s.id)
                           }, {
                             default: p(() => [
                               i("div", _o, [
-                                n(d, {
+                                n(u, {
                                   class: "handle",
                                   icon: "drag_handle",
                                   variant: "tertiary"
                                 })
                               ]),
-                              n(Me, { class: "grow" }, {
+                              n(Ge, { class: "grow" }, {
                                 default: p(() => [
-                                  Be(g(s.instruction), 1)
+                                  Ae(g(s.instruction), 1)
                                 ]),
                                 _: 2
                               }, 1024),
-                              n(d, {
-                                "aria-label": t(e)("menu.cooking_guide.actions.remove"),
+                              n(u, {
+                                "aria-label": o(e)("menu.cooking_guide.actions.remove"),
                                 "prepend-icon": "delete",
                                 "text-color": "neutral-gray-400",
                                 variant: "tertiary",
@@ -482,13 +488,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                   }),
                   _: 1
                 }, 8, ["title"]),
-                n(G, {
-                  title: t(e)("menu.cooking_guide.dialog.sections.apply_product.title")
+                n(T, {
+                  title: o(e)("menu.cooking_guide.dialog.sections.apply_product.title")
                 }, {
                   "append-title": p(() => [
                     n(X),
-                    n(d, {
-                      label: t(e)("menu.cooking_guide.dialog.sections.apply_product.link"),
+                    n(u, {
+                      label: o(e)("menu.cooking_guide.dialog.sections.apply_product.link"),
                       icon: "link",
                       variant: "secondary",
                       "text-color": "primary",
@@ -500,48 +506,48 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                     var a, s, f;
                     return [
                       i("div", fo, [
-                        i("div", bo, g(t(e)(
+                        i("div", bo, g(o(e)(
                           "menu.cooking_guide.dialog.sections.apply_product.products_linked",
                           { count: ((a = v.value) == null ? void 0 : a.bindings.length) ?? 0 }
                         )), 1),
                         i("div", ko, [
                           n(b, {
                             "model-value": ((s = v.value) == null ? void 0 : s.linkedFilter) ?? "",
-                            placeholder: t(e)("menu.cooking_guide.dialog.sections.apply_product.search"),
-                            "onUpdate:modelValue": l[4] || (l[4] = (r) => u.value.setLinkedFilter(String(r ?? "")))
+                            placeholder: o(e)("menu.cooking_guide.dialog.sections.apply_product.search"),
+                            "onUpdate:modelValue": l[4] || (l[4] = (c) => d.value.setLinkedFilter(String(c ?? "")))
                           }, null, 8, ["model-value", "placeholder"])
                         ])
                       ]),
-                      (m(!0), _(x, null, w(((f = v.value) == null ? void 0 : f.linkedGroups) ?? [], (r) => (m(), _(x, {
-                        key: r.name ?? "uncategorised"
+                      (m(!0), _(x, null, V(((f = v.value) == null ? void 0 : f.linkedGroups) ?? [], (c) => (m(), _(x, {
+                        key: c.name ?? "uncategorised"
                       }, [
-                        i("div", yo, g(r.isSynthetic ? t(e)("menu.tree_editor.labels.addon") : r.name), 1),
-                        (m(!0), _(x, null, w(r.bindings, (c) => (m(), _("div", {
-                          key: c.binding.productId + c.binding.combinationKey,
+                        i("div", yo, g(c.isSynthetic ? o(e)("menu.tree_editor.labels.addon") : c.name), 1),
+                        (m(!0), _(x, null, V(c.bindings, (r) => (m(), _("div", {
+                          key: r.binding.productId + r.binding.combinationKey,
                           class: "flex items-center"
                         }, [
                           i("div", ho, [
-                            i("span", xo, g(c.label), 1)
+                            i("span", xo, g(r.label), 1)
                           ]),
                           i("div", Co, [
-                            n(d, {
-                              "aria-label": t(e)("menu.cooking_guide.step_override_dialog.title"),
+                            n(u, {
+                              "aria-label": o(e)("menu.cooking_guide.step_override_dialog.title"),
                               icon: "edit",
                               variant: "tertiary",
-                              onClick: (U) => $e(c.binding)
+                              onClick: (S) => $e(r.binding)
                             }, null, 8, ["aria-label", "onClick"]),
-                            n(d, {
-                              "aria-label": t(e)("menu.cooking_guide.actions.remove"),
+                            n(u, {
+                              "aria-label": o(e)("menu.cooking_guide.actions.remove"),
                               icon: "delete",
                               variant: "tertiary",
-                              onClick: (U) => {
-                                var N;
-                                return u.value.setLinkedProducts(
-                                  (((N = v.value) == null ? void 0 : N.bindings) ?? []).filter(
-                                    (I) => I.productId !== c.binding.productId || I.combinationKey !== c.binding.combinationKey
-                                  ).map((I) => ({
-                                    productId: I.productId,
-                                    combinationKey: I.combinationKey
+                              onClick: (S) => {
+                                var B;
+                                return d.value.setLinkedProducts(
+                                  (((B = v.value) == null ? void 0 : B.bindings) ?? []).filter(
+                                    ($) => $.productId !== r.binding.productId || $.combinationKey !== r.binding.combinationKey
+                                  ).map(($) => ({
+                                    productId: $.productId,
+                                    combinationKey: $.combinationKey
                                   }))
                                 );
                               }
@@ -567,8 +573,8 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
           }, null, 8, ["modelValue", "catalogue", "selected-products"]),
           n(pe, {
             "close-button": !1,
-            "model-value": M.value,
-            "is-container": t(Z).FmForm,
+            "model-value": G.value,
+            "is-container": o(Z).FmForm,
             "is-container-props": {
               onValidationSuccess: we,
               blameFormChildOnValidationFailed: !0,
@@ -581,13 +587,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               var a, s;
               return [
                 i("div", wo, [
-                  n(d, {
-                    label: t(e)("menu.cooking_guide.step_dialog.actions.back"),
+                  n(u, {
+                    label: o(e)("menu.cooking_guide.step_dialog.actions.back"),
                     "prepend-icon": "arrow_back",
                     variant: "tertiary",
                     onClick: W
                   }, null, 8, ["label"]),
-                  i("span", Fo, g((s = (a = v.value) == null ? void 0 : a.stepEditor) != null && s.isNew ? t(e)("menu.cooking_guide.step_dialog.add.title") : t(e)("menu.cooking_guide.step_dialog.update.title")), 1)
+                  i("span", Fo, g((s = (a = v.value) == null ? void 0 : a.stepEditor) != null && s.isNew ? o(e)("menu.cooking_guide.step_dialog.add.title") : o(e)("menu.cooking_guide.step_dialog.update.title")), 1)
                 ])
               ];
             }),
@@ -595,14 +601,14 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               var a, s;
               return [
                 i("div", Po, [
-                  n(d, {
-                    label: (s = (a = v.value) == null ? void 0 : a.stepEditor) != null && s.isNew ? t(e)("menu.cooking_guide.step_dialog.add.action") : t(e)("menu.cooking_guide.step_dialog.update.action"),
+                  n(u, {
+                    label: (s = (a = v.value) == null ? void 0 : a.stepEditor) != null && s.isNew ? o(e)("menu.cooking_guide.step_dialog.add.action") : o(e)("menu.cooking_guide.step_dialog.update.action"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["label"]),
-                  n(d, {
-                    label: t(e)("menu.cooking_guide.step_dialog.actions.cancel"),
+                  n(u, {
+                    label: o(e)("menu.cooking_guide.step_dialog.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
                     onClick: W
@@ -612,18 +618,18 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             }),
             default: p(() => [
               i("div", Vo, [
-                n(G, {
-                  title: t(e)("menu.cooking_guide.step_dialog.sections.variables.title")
+                n(T, {
+                  title: o(e)("menu.cooking_guide.step_dialog.sections.variables.title")
                 }, {
                   "append-title": p(() => [
                     n(X),
-                    n(d, {
-                      label: t(e)("menu.cooking_guide.step_dialog.sections.variables.add"),
+                    n(u, {
+                      label: o(e)("menu.cooking_guide.step_dialog.sections.variables.add"),
                       "prepend-icon": "add",
                       variant: "secondary",
                       "text-color": "primary",
                       "border-color": "primary",
-                      onClick: u.value.addStepVariable
+                      onClick: d.value.addStepVariable
                     }, null, 8, ["label", "onClick"])
                   ]),
                   default: p(() => {
@@ -631,71 +637,71 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                     return [
                       i("div", null, [
                         i("div", Io, [
-                          i("span", $o, g(t(e)(
+                          i("span", $o, g(o(e)(
                             "menu.cooking_guide.step_dialog.sections.variables.columns.key"
                           )), 1),
-                          i("span", Oo, g(t(e)(
+                          i("span", Oo, g(o(e)(
                             "menu.cooking_guide.step_dialog.sections.variables.columns.value"
                           )), 1)
                         ]),
-                        (m(!0), _(x, null, w(((s = (a = v.value) == null ? void 0 : a.stepEditor) == null ? void 0 : s.variables) ?? [], (f, r) => (m(), _("div", {
-                          key: r,
+                        (m(!0), _(x, null, V(((s = (a = v.value) == null ? void 0 : a.stepEditor) == null ? void 0 : s.variables) ?? [], (f, c) => (m(), _("div", {
+                          key: c,
                           class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                         }, [
                           i("div", Uo, [
-                            n(B, {
-                              "aria-label": t(e)(
+                            n(A, {
+                              "aria-label": o(e)(
                                 "menu.cooking_guide.step_dialog.sections.variables.accessibility.key_input",
-                                { index: r + 1 }
+                                { index: c + 1 }
                               ),
                               "model-value": f.key,
-                              placeholder: t(e)(
+                              placeholder: o(e)(
                                 "menu.cooking_guide.step_dialog.sections.variables.placeholders.key"
                               ),
                               rules: [
                                 () => {
-                                  const c = u.value.stepVariableIssue(r, "key");
-                                  return c ? t(F)(c) : !0;
+                                  const r = d.value.stepVariableIssue(c, "key");
+                                  return r ? o(F)(r) : !0;
                                 }
                               ],
-                              "onUpdate:modelValue": (c) => u.value.setStepVariable(r, {
-                                key: String(c ?? "")
+                              "onUpdate:modelValue": (r) => d.value.setStepVariable(c, {
+                                key: String(r ?? "")
                               })
                             }, null, 8, ["aria-label", "model-value", "placeholder", "rules", "onUpdate:modelValue"])
                           ]),
                           i("div", Eo, [
-                            n(B, {
-                              "aria-label": t(e)(
+                            n(A, {
+                              "aria-label": o(e)(
                                 "menu.cooking_guide.step_dialog.sections.variables.accessibility.value_input",
-                                { index: r + 1 }
+                                { index: c + 1 }
                               ),
                               "model-value": f.value,
-                              placeholder: t(e)(
+                              placeholder: o(e)(
                                 "menu.cooking_guide.step_dialog.sections.variables.placeholders.value"
                               ),
                               rules: [
                                 () => {
-                                  const c = u.value.stepVariableIssue(
-                                    r,
+                                  const r = d.value.stepVariableIssue(
+                                    c,
                                     "value"
                                   );
-                                  return c ? t(F)(c) : !0;
+                                  return r ? o(F)(r) : !0;
                                 }
                               ],
-                              "onUpdate:modelValue": (c) => u.value.setStepVariable(r, {
-                                value: String(c ?? "")
+                              "onUpdate:modelValue": (r) => d.value.setStepVariable(c, {
+                                value: String(r ?? "")
                               })
                             }, null, 8, ["aria-label", "model-value", "placeholder", "rules", "onUpdate:modelValue"])
                           ]),
-                          n(d, {
-                            "aria-label": t(e)(
+                          n(u, {
+                            "aria-label": o(e)(
                               "menu.cooking_guide.step_dialog.sections.variables.accessibility.remove",
-                              { index: r + 1 }
+                              { index: c + 1 }
                             ),
                             icon: "delete",
                             "text-color": "neutral-gray-400",
                             variant: "tertiary",
-                            onClick: (c) => u.value.removeStepVariable(r)
+                            onClick: (r) => d.value.removeStepVariable(c)
                           }, null, 8, ["aria-label", "onClick"])
                         ]))), 128))
                       ])
@@ -703,31 +709,31 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                   }),
                   _: 1
                 }, 8, ["title"]),
-                n(G, {
-                  title: t(e)("menu.cooking_guide.step_dialog.sections.instruction.title")
+                n(T, {
+                  title: o(e)("menu.cooking_guide.step_dialog.sections.instruction.title")
                 }, {
                   default: p(() => {
-                    var a, s, f, r;
+                    var a, s, f, c;
                     return [
                       i("div", Lo, [
                         i("div", Ko, [
-                          (m(!0), _(x, null, w((((s = (a = v.value) == null ? void 0 : a.stepEditor) == null ? void 0 : s.variables) ?? []).filter(
-                            (c, U, N) => c.key && N.findIndex(
-                              (I) => I.key === c.key
-                            ) === U
-                          ), (c) => (m(), S(Ge, {
-                            key: c.key,
-                            label: c.key,
+                          (m(!0), _(x, null, V((((s = (a = v.value) == null ? void 0 : a.stepEditor) == null ? void 0 : s.variables) ?? []).filter(
+                            (r, S, B) => r.key && B.findIndex(
+                              ($) => $.key === r.key
+                            ) === S
+                          ), (r) => (m(), w(Te, {
+                            key: r.key,
+                            label: r.key,
                             class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                            onMousedown: j((U) => Ie(c.key), ["prevent"])
+                            onMousedown: j((S) => Ie(r.key), ["prevent"])
                           }, null, 8, ["label", "onMousedown"]))), 128))
                         ]),
-                        n(Re, {
+                        n(Ne, {
                           ref_key: "instructionInput",
                           ref: te,
-                          "aria-label": t(e)("menu.cooking_guide.step_dialog.sections.instruction.title"),
-                          "model-value": ((r = (f = v.value) == null ? void 0 : f.stepEditor) == null ? void 0 : r.instruction) ?? "",
-                          "onUpdate:modelValue": l[6] || (l[6] = (c) => u.value.setStepInstruction(String(c ?? "")))
+                          "aria-label": o(e)("menu.cooking_guide.step_dialog.sections.instruction.title"),
+                          "model-value": ((c = (f = v.value) == null ? void 0 : f.stepEditor) == null ? void 0 : c.instruction) ?? "",
+                          "onUpdate:modelValue": l[6] || (l[6] = (r) => d.value.setStepInstruction(String(r ?? "")))
                         }, null, 8, ["aria-label", "model-value"])
                       ])
                     ];
@@ -738,26 +744,26 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             ]),
             _: 1
           }, 8, ["model-value", "is-container", "is-container-props"]),
-          n(ze, {
-            "model-value": O.value,
+          n(Re, {
+            "model-value": U.value,
             "max-width": 748,
             overlay: !0,
             "onUpdate:modelValue": l[7] || (l[7] = (a) => {
-              a ? O.value = !0 : ce();
+              a ? U.value = !0 : ce();
             })
           }, {
             "dialog-header": p(() => [
-              i("span", null, g(t(e)("menu.cooking_guide.step_override_dialog.title")), 1)
+              i("span", null, g(o(e)("menu.cooking_guide.step_override_dialog.title")), 1)
             ]),
             "dialog-footer": p(() => [
               n(X),
-              n(d, {
-                label: t(e)("menu.cooking_guide.step_override_dialog.actions.cancel"),
+              n(u, {
+                label: o(e)("menu.cooking_guide.step_override_dialog.actions.cancel"),
                 variant: "tertiary",
                 onClick: ce
               }, null, 8, ["label"]),
-              n(d, {
-                label: t(e)("menu.cooking_guide.step_override_dialog.actions.save"),
+              n(u, {
+                label: o(e)("menu.cooking_guide.step_override_dialog.actions.save"),
                 variant: "primary",
                 onClick: Ee
               }, null, 8, ["label"])
@@ -765,35 +771,35 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             default: p(() => {
               var a;
               return [
-                i("div", Mo, [
-                  i("div", To, [
-                    i("span", Go, g(t(e)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
-                    i("span", Ro, g(t(e)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
-                    i("span", zo, g(t(e)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
+                i("div", Go, [
+                  i("div", Mo, [
+                    i("span", To, g(o(e)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
+                    i("span", No, g(o(e)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
+                    i("span", Ro, g(o(e)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
                   ]),
-                  (m(!0), _(x, null, w(((a = v.value) == null ? void 0 : a.steps) ?? [], (s) => (m(), _("div", {
+                  (m(!0), _(x, null, V(((a = v.value) == null ? void 0 : a.steps) ?? [], (s) => (m(), _("div", {
                     key: s.id,
                     class: "flex border-t-2"
                   }, [
-                    i("div", Ao, g(s.instruction), 1),
-                    i("div", Bo, [
-                      (m(!0), _(x, null, w(s.variables, (f, r) => (m(), _("div", {
-                        key: r,
+                    i("div", zo, g(s.instruction), 1),
+                    i("div", Ao, [
+                      (m(!0), _(x, null, V(s.variables, (f, c) => (m(), _("div", {
+                        key: c,
                         class: "py-8"
-                      }, g(r), 1))), 128))
+                      }, g(c), 1))), 128))
                     ]),
-                    i("div", No, [
-                      (m(!0), _(x, null, w(s.variables, (f, r, c) => (m(), _(x, { key: r }, [
-                        n(B, {
-                          "aria-label": t(e)(
+                    i("div", Bo, [
+                      (m(!0), _(x, null, V(s.variables, (f, c, r) => (m(), _(x, { key: c }, [
+                        n(A, {
+                          "aria-label": o(e)(
                             "menu.cooking_guide.step_override_dialog.accessibility.value_input",
-                            { instruction: s.instruction, variable: r }
+                            { instruction: s.instruction, variable: c }
                           ),
-                          "model-value": Oe(s.id, r),
+                          "model-value": Oe(s.id, c),
                           placeholder: f,
-                          "onUpdate:modelValue": (U) => Ue(s.id, r, String(U ?? ""))
+                          "onUpdate:modelValue": (S) => Ue(s.id, c, String(S ?? ""))
                         }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"]),
-                        c < Object.keys(s.variables).length - 1 ? (m(), _("div", jo)) : D("", !0)
+                        r < Object.keys(s.variables).length - 1 ? (m(), _("div", jo)) : D("", !0)
                       ], 64))), 128))
                     ])
                   ]))), 128))