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

package/dist/{CookingGuide-Cf029w_4.js → CookingGuide-Dg7kuF6l.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 D, onUnmounted as Ae, unref as t, createElementBlock as _, createVNode as n, Fragment as x, renderList as w, createCommentVNode as j, createTextVNode as Be, nextTick as Ne } from "vue";
-import { _ as G, V as De } from "./FormSection.vue_vue_type_script_setup_true_lang-DMTby3OA.js";
-import { useI18n as je } from "@feedmepos/mf-common";
+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 { 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-BiteOZSg.js";
-import { _ as We } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-BAp_X51e.js";
+import { _ as Je } from "./app-BlTv5xag.js";
+import { _ as We } from "./LinkProductSideSheet.vue_vue_type_script_setup_true_lang-CgTDkHle.js";
 import { _ as Xe } from "./PageLayout.vue_vue_type_script_setup_true_lang-B3szUH39.js";
-import { u as Ye } from "./useActionFeedback-B8L3Gpei.js";
-import { a as Ze, b as eo, u as ge } from "./provide-DHcnZPMQ.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";
 const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-lg-600" }, lo = /* @__PURE__ */ _e({
   __name: "RemoveCookingGuideConfirmation",
   props: {
@@ -40,13 +40,13 @@ 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" }, Do = {
+}, 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 = {
   key: 0,
   class: "h-8"
 }, ot = /* @__PURE__ */ _e({
   __name: "CookingGuide",
   setup(fe) {
-    const h = Ze(), { t: e } = je(), 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 = $(
       () => L.value.status === "ready" ? L.value.value : null
     ), ke = $(() => {
       var o;
@@ -54,12 +54,12 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
     }), 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), d = ve(
+    }), R = $(() => be.value.xs), K = E(!1), P = E(!1), M = E(!1), te = E(null), O = E(!1), H = E(!1), u = ve(
       h.cookingGuide.editor()
     ), T = ve(
-      d.value.get()
+      u.value.get()
     );
-    let z = d.value.subscribe(
+    let z = u.value.subscribe(
       (o) => T.value = o
     );
     const v = $(
@@ -68,7 +68,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
       () => le.value.status === "ready" ? le.value.value : null
     );
     function ae(o) {
-      z(), d.value.dispose(), d.value = h.cookingGuide.editor(o), T.value = d.value.get(), z = d.value.subscribe(
+      z(), u.value.dispose(), u.value = h.cookingGuide.editor(o), T.value = u.value.get(), z = u.value.subscribe(
         (l) => T.value = l
       );
     }
@@ -83,7 +83,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
       K.value = !1, P.value = !1, M.value = !1, O.value = !1, z();
     }
     function J() {
-      ne(), d.value.dispose();
+      ne(), u.value.dispose();
     }
     function se() {
       var o;
@@ -104,10 +104,10 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
     function he(o) {
       o ? K.value = !0 : se();
     }
-    function ue() {
+    function de() {
       var V;
-      const o = ((V = v.value) == null ? void 0 : V.name) ?? "", l = d.value, u = l.submit(), C = l.get(), b = C.status === "ready" && C.value.status === "submitting";
-      q(() => u, {
+      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 }),
         showLoading: () => {
           var A;
@@ -124,7 +124,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
       );
     }
     function Ce(o) {
-      d.value.setLinkedProducts(
+      u.value.setLinkedProducts(
         o.map((l) => ({
           productId: l.itemId,
           combinationKey: l.combinationKey ?? null
@@ -132,55 +132,55 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
       ), P.value = !1;
     }
     function Se() {
-      d.value.addStep();
-      const o = d.value.get(), l = o.status === "ready" ? o.value.steps : [], u = l[l.length - 1];
-      u && de(u.id);
+      u.value.addStep();
+      const o = u.value.get(), l = o.status === "ready" ? o.value.steps : [], d = l[l.length - 1];
+      d && ue(d.id);
     }
-    function de(o) {
-      d.value.openStep(o), M.value = !0;
+    function ue(o) {
+      u.value.openStep(o), M.value = !0;
     }
     function W() {
-      d.value.discardStep(), M.value = !1;
+      u.value.discardStep(), M.value = !1;
     }
     function we() {
-      d.value.saveStep() && (M.value = !1);
+      u.value.saveStep() && (M.value = !1);
     }
     function Fe(o) {
-      d.value.removeStep(o);
+      u.value.removeStep(o);
     }
     function Ve(o) {
-      d.value.setSteps(o);
+      u.value.setSteps(o);
     }
     function re() {
       const o = te.value, l = o instanceof HTMLElement ? o : o == null ? void 0 : o.$el;
       return l instanceof HTMLTextAreaElement ? l : (l == null ? void 0 : l.querySelector("textarea")) ?? null;
     }
     function Ie(o) {
-      const l = re(), u = l == null ? void 0 : l.selectionStart, C = l == null ? void 0 : l.selectionEnd;
-      d.value.appendStepVariable(
+      const l = re(), d = l == null ? void 0 : l.selectionStart, C = l == null ? void 0 : l.selectionEnd;
+      u.value.appendStepVariable(
         o,
-        u ?? void 0,
+        d ?? void 0,
         C ?? void 0
-      ), u != null && Ne(() => {
-        const b = re(), V = u + o.length + 4;
+      ), d != null && Ne(() => {
+        const b = re(), V = d + o.length + 4;
         b == null || b.focus(), b == null || b.setSelectionRange(V, V);
       });
     }
     function $e(o) {
-      d.value.openOverrides(o.productId, o.combinationKey), O.value = !0;
+      u.value.openOverrides(o.productId, o.combinationKey), O.value = !0;
     }
     function Oe(o, l) {
-      var u, C, b;
-      return ((b = (C = (u = v.value) == null ? void 0 : u.overrideEditor) == null ? void 0 : C.values[o]) == null ? void 0 : b[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 Ue(o, l, u) {
-      d.value.setOverrideValue(o, l, u);
+    function Ue(o, l, d) {
+      u.value.setOverrideValue(o, l, d);
     }
     function Ee() {
-      d.value.saveOverrides(), O.value = !1;
+      u.value.saveOverrides(), O.value = !1;
     }
     function ce() {
-      d.value.discardOverrides(), O.value = !1;
+      u.value.discardOverrides(), O.value = !1;
     }
     function me(o) {
       ee.open({
@@ -247,7 +247,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             textColor: "neutral-gray-400",
             disabled: o.row.original.remove.state !== "allowed",
             "aria-label": e("menu.cooking_guide.actions.remove"),
-            onClick: D(
+            onClick: j(
               () => me(o.row.original),
               ["stop", "prevent"]
             )
@@ -256,15 +256,15 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
       }
     ]);
     return Ae(() => {
-      z(), d.value.dispose();
+      z(), u.value.dispose();
     }), (o, l) => {
-      const u = 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");
+      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")
       }, {
         "append-heading": p(() => [
           i("div", ao, [
-            y.value && y.value.totalCount > 0 && !R.value ? (m(), S(u, {
+            y.value && y.value.totalCount > 0 && !R.value ? (m(), S(d, {
               key: 0,
               class: "ml-auto",
               disabled: y.value.create.state !== "allowed",
@@ -272,13 +272,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               "prepend-icon": "add",
               variant: "primary",
               onClick: Q
-            }, null, 8, ["disabled", "label"])) : j("", !0)
+            }, null, 8, ["disabled", "label"])) : D("", !0)
           ])
         ]),
         default: p(() => [
           t(L).status === "error" ? (m(), _("div", io, [
             i("p", no, g(t(F)(t(L).error.message)), 1),
-            n(u, {
+            n(d, {
               label: t(e)("menu.common.actions.retry"),
               loading: H.value,
               "prepend-icon": "refresh",
@@ -323,13 +323,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                         })), 1)
                       ])
                     ]),
-                    n(u, {
+                    n(d, {
                       "aria-label": t(e)("menu.cooking_guide.actions.remove"),
                       disabled: a.remove.state !== "allowed",
                       icon: "delete",
                       "text-color": "neutral-gray-400",
                       variant: "tertiary",
-                      onClick: D((s) => me(a), ["stop"])
+                      onClick: j((s) => me(a), ["stop"])
                     }, null, 8, ["aria-label", "disabled", "onClick"])
                   ]),
                   _: 2
@@ -351,7 +351,7 @@ 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(u, {
+              n(d, {
                 class: "w-full",
                 disabled: y.value.create.state !== "allowed",
                 label: t(e)("menu.cooking_guide.actions.add"),
@@ -359,13 +359,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                 variant: "fab",
                 onClick: Q
               }, null, 8, ["disabled", "label"])
-            ])) : j("", !0)
-          ], 64)) : j("", !0),
+            ])) : D("", !0)
+          ], 64)) : D("", !0),
           n(pe, {
             "model-value": K.value,
             "is-container": t(Z).FmForm,
             "is-container-props": {
-              onValidationSuccess: ue,
+              onValidationSuccess: de,
               blameFormChildOnValidationFailed: !0,
               class: "flex flex-col h-full py-16"
             },
@@ -383,14 +383,14 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               var a, s;
               return [
                 i("div", So, [
-                  n(u, {
+                  n(d, {
                     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"),
                     type: "button",
                     variant: "primary",
-                    onClick: ue
+                    onClick: de
                   }, null, 8, ["disabled", "label"]),
-                  n(u, {
+                  n(d, {
                     label: t(e)("menu.cooking_guide.dialog.actions.cancel"),
                     variant: "tertiary",
                     onClick: J
@@ -415,7 +415,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                         placeholder: t(e)(
                           "menu.cooking_guide.dialog.sections.guide_detail.name.placeholder"
                         ),
-                        "onUpdate:modelValue": l[2] || (l[2] = (c) => d.value.setName(String(c ?? "")))
+                        "onUpdate:modelValue": l[2] || (l[2] = (c) => u.value.setName(String(c ?? "")))
                       }, null, 8, ["autofocus", "helper-state", "helper-text", "label", "model-value", "placeholder"])
                     ];
                   }),
@@ -425,7 +425,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                   title: t(e)("menu.cooking_guide.dialog.sections.steps.title")
                 }, {
                   "append-title": p(() => [
-                    n(u, {
+                    n(d, {
                       label: t(e)("menu.cooking_guide.dialog.sections.steps.add"),
                       icon: "add",
                       variant: "secondary",
@@ -437,7 +437,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                   default: p(() => {
                     var a;
                     return [
-                      n(t(De), {
+                      n(t(je), {
                         "model-value": ((a = v.value) == null ? void 0 : a.steps) ?? [],
                         class: "flex flex-col gap-16",
                         handle: ".handle",
@@ -449,11 +449,11 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                             class: "rounded-md mb-16 items-center",
                             horizontal: "",
                             variant: "outlined",
-                            onClick: (f) => de(s.id)
+                            onClick: (f) => ue(s.id)
                           }, {
                             default: p(() => [
                               i("div", _o, [
-                                n(u, {
+                                n(d, {
                                   class: "handle",
                                   icon: "drag_handle",
                                   variant: "tertiary"
@@ -465,12 +465,12 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                                 ]),
                                 _: 2
                               }, 1024),
-                              n(u, {
+                              n(d, {
                                 "aria-label": t(e)("menu.cooking_guide.actions.remove"),
                                 "prepend-icon": "delete",
                                 "text-color": "neutral-gray-400",
                                 variant: "tertiary",
-                                onClick: D((f) => Fe(s.id), ["stop"])
+                                onClick: j((f) => Fe(s.id), ["stop"])
                               }, null, 8, ["aria-label", "onClick"])
                             ]),
                             _: 2
@@ -487,7 +487,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                 }, {
                   "append-title": p(() => [
                     n(X),
-                    n(u, {
+                    n(d, {
                       label: t(e)("menu.cooking_guide.dialog.sections.apply_product.link"),
                       icon: "link",
                       variant: "secondary",
@@ -508,7 +508,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                           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) => d.value.setLinkedFilter(String(r ?? "")))
+                            "onUpdate:modelValue": l[4] || (l[4] = (r) => u.value.setLinkedFilter(String(r ?? "")))
                           }, null, 8, ["model-value", "placeholder"])
                         ])
                       ]),
@@ -524,19 +524,19 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                             i("span", xo, g(c.label), 1)
                           ]),
                           i("div", Co, [
-                            n(u, {
+                            n(d, {
                               "aria-label": t(e)("menu.cooking_guide.step_override_dialog.title"),
                               icon: "edit",
                               variant: "tertiary",
                               onClick: (U) => $e(c.binding)
                             }, null, 8, ["aria-label", "onClick"]),
-                            n(u, {
+                            n(d, {
                               "aria-label": t(e)("menu.cooking_guide.actions.remove"),
                               icon: "delete",
                               variant: "tertiary",
                               onClick: (U) => {
                                 var N;
-                                return d.value.setLinkedProducts(
+                                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) => ({
@@ -581,7 +581,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               var a, s;
               return [
                 i("div", wo, [
-                  n(u, {
+                  n(d, {
                     label: t(e)("menu.cooking_guide.step_dialog.actions.back"),
                     "prepend-icon": "arrow_back",
                     variant: "tertiary",
@@ -595,13 +595,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
               var a, s;
               return [
                 i("div", Po, [
-                  n(u, {
+                  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"),
                     size: "lg",
                     type: "submit",
                     variant: "primary"
                   }, null, 8, ["label"]),
-                  n(u, {
+                  n(d, {
                     label: t(e)("menu.cooking_guide.step_dialog.actions.cancel"),
                     size: "lg",
                     variant: "tertiary",
@@ -617,13 +617,13 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                 }, {
                   "append-title": p(() => [
                     n(X),
-                    n(u, {
+                    n(d, {
                       label: t(e)("menu.cooking_guide.step_dialog.sections.variables.add"),
                       "prepend-icon": "add",
                       variant: "secondary",
                       "text-color": "primary",
                       "border-color": "primary",
-                      onClick: d.value.addStepVariable
+                      onClick: u.value.addStepVariable
                     }, null, 8, ["label", "onClick"])
                   ]),
                   default: p(() => {
@@ -654,11 +654,11 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                               ),
                               rules: [
                                 () => {
-                                  const c = d.value.stepVariableIssue(r, "key");
+                                  const c = u.value.stepVariableIssue(r, "key");
                                   return c ? t(F)(c) : !0;
                                 }
                               ],
-                              "onUpdate:modelValue": (c) => d.value.setStepVariable(r, {
+                              "onUpdate:modelValue": (c) => u.value.setStepVariable(r, {
                                 key: String(c ?? "")
                               })
                             }, null, 8, ["aria-label", "model-value", "placeholder", "rules", "onUpdate:modelValue"])
@@ -675,19 +675,19 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                               ),
                               rules: [
                                 () => {
-                                  const c = d.value.stepVariableIssue(
+                                  const c = u.value.stepVariableIssue(
                                     r,
                                     "value"
                                   );
                                   return c ? t(F)(c) : !0;
                                 }
                               ],
-                              "onUpdate:modelValue": (c) => d.value.setStepVariable(r, {
+                              "onUpdate:modelValue": (c) => u.value.setStepVariable(r, {
                                 value: String(c ?? "")
                               })
                             }, null, 8, ["aria-label", "model-value", "placeholder", "rules", "onUpdate:modelValue"])
                           ]),
-                          n(u, {
+                          n(d, {
                             "aria-label": t(e)(
                               "menu.cooking_guide.step_dialog.sections.variables.accessibility.remove",
                               { index: r + 1 }
@@ -695,7 +695,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                             icon: "delete",
                             "text-color": "neutral-gray-400",
                             variant: "tertiary",
-                            onClick: (c) => d.value.removeStepVariable(r)
+                            onClick: (c) => u.value.removeStepVariable(r)
                           }, null, 8, ["aria-label", "onClick"])
                         ]))), 128))
                       ])
@@ -719,7 +719,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                             key: c.key,
                             label: c.key,
                             class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                            onMousedown: D((U) => Ie(c.key), ["prevent"])
+                            onMousedown: j((U) => Ie(c.key), ["prevent"])
                           }, null, 8, ["label", "onMousedown"]))), 128))
                         ]),
                         n(Re, {
@@ -727,7 +727,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                           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) => d.value.setStepInstruction(String(c ?? "")))
+                          "onUpdate:modelValue": l[6] || (l[6] = (c) => u.value.setStepInstruction(String(c ?? "")))
                         }, null, 8, ["aria-label", "model-value"])
                       ])
                     ];
@@ -751,12 +751,12 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
             ]),
             "dialog-footer": p(() => [
               n(X),
-              n(u, {
+              n(d, {
                 label: t(e)("menu.cooking_guide.step_override_dialog.actions.cancel"),
                 variant: "tertiary",
                 onClick: ce
               }, null, 8, ["label"]),
-              n(u, {
+              n(d, {
                 label: t(e)("menu.cooking_guide.step_override_dialog.actions.save"),
                 variant: "primary",
                 onClick: Ee
@@ -793,7 +793,7 @@ const oo = { class: "fm-typo-en-body-lg-600" }, to = { class: "fm-typo-en-body-l
                           placeholder: f,
                           "onUpdate:modelValue": (U) => Ue(s.id, r, String(U ?? ""))
                         }, null, 8, ["aria-label", "model-value", "placeholder", "onUpdate:modelValue"]),
-                        c < Object.keys(s.variables).length - 1 ? (m(), _("div", Do)) : j("", !0)
+                        c < Object.keys(s.variables).length - 1 ? (m(), _("div", jo)) : D("", !0)
                       ], 64))), 128))
                     ])
                   ]))), 128))