@feedmepos/mf-inventory-portal 1.5.9 → 1.5.11-dev.1

package/dist/{RecipeView-bbhd-mNL.js → RecipeView-DkDSr3LN.js}

@@ -1,36 +1,36 @@
-import { defineComponent as ie, ref as K, onMounted as pt, resolveComponent as G, openBlock as b, createElementBlock as B, Fragment as X, createElementVNode as y, toDisplayString as D, createVNode as k, createCommentVNode as U, computed as R, watch as ue, unref as n, normalizeClass as Be, withCtx as J, h as de, createBlock as Y, renderList as me, isRef as De, mergeProps as we, createTextVNode as mt, withModifiers as ft, normalizeStyle as vt, Teleport as yt, normalizeProps as bt, guardReactiveProps as gt } from "vue";
-import { a as ne, c as Oe, S as _t, F as be, u as tt, t as kt, v as ht, i as Je } from "./app-D3gm3Lsw.js";
+import { defineComponent as le, ref as W, onMounted as pt, resolveComponent as G, openBlock as y, createElementBlock as E, Fragment as X, createElementVNode as v, toDisplayString as U, createVNode as h, createCommentVNode as T, computed as A, watch as ue, unref as n, normalizeClass as Ce, withCtx as J, h as de, createBlock as Y, renderList as me, isRef as De, mergeProps as we, createTextVNode as mt, withModifiers as ft, normalizeStyle as vt, Teleport as yt, normalizeProps as bt, guardReactiveProps as gt } from "vue";
+import { a as ne, c as Oe, S as _t, F as be, u as tt, t as kt, v as ht, i as Je } from "./app-DIOXPCfI.js";
 import { useDialog as Le, useSnackbar as je, components as _e, useProxiedModel as Ge, useBreakpoints as xt } from "@feedmepos/ui-library";
 import { i as $t, _ as It, m as wt } from "./menu-usage-module-D7cxkbEk.js";
 import { F as se } from "./form-mode.enum-BKiNVH6A.js";
-import { _ as nt } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-D8JocFRD.js";
+import { _ as nt } from "./IngredientBindedItem.vue_vue_type_script_setup_true_lang-Df7B8ZEG.js";
 import { defineStore as ot, storeToRefs as Et } from "pinia";
 import { D as He, R as Ve } from "./row-action.enum-DQ9bJ_uv.js";
 import { c as Vt } from "./component-kqxARxvM.js";
-import { a as Q, c as Ke } from "./number-BfNWSAkN.js";
-import { useI18n as oe, useCoreStore as St } from "@feedmepos/mf-common";
-import { u as Bt, _ as Ct } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
-import { b as it, c as qe, I as Ft, A as Ne, U as lt, R as Rt } from "./rules-BK8yTx5p.js";
-import { _ as At } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-DMGMZ556.js";
-import { a as Pe } from "./FmMultiselectDialog-BTNJvhnt.js";
-import { d as at } from "./defineDeepModel-BMU9Poed.js";
+import { a as Q, c as Ke } from "./number-B1buZ_S4.js";
+import { useI18n as ie, useCoreStore as St } from "@feedmepos/mf-common";
+import { u as Ct, _ as Bt } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-DGlWE5I8.js";
+import { b as it, c as qe, I as Ft, A as Ne, U as lt, R as Rt } from "./rules-C60UHyIn.js";
+import { _ as At } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-CcF5cko8.js";
+import { a as Pe } from "./FmMultiselectDialog-BWujDEnX.js";
+import { d as rt } from "./defineDeepModel-CwqnmttS.js";
 import { L as Tt, P as Ut, D as Pt } from "./app-DiX-EfV6.js";
-import { _ as Ce, c as Mt, d as Dt, e as ye } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CvUDKcli.js";
-import { u as Gt } from "./FmMultiselectDialog-LmjSdrn3.js";
-import { u as Nt } from "./vue-i18n-DyHvEzel.js";
-import { F as zt } from "./inventory-core-dart.default-B7xHV5Y6.js";
+import { _ as Be, c as Mt, d as Dt, e as ye } from "./FmUnitInput.vue_vue_type_script_setup_true_lang-CjCNHugK.js";
+import { u as Gt } from "./FmMultiselectDialog-C0lCYHla.js";
+import { u as Nt } from "./vue-i18n-BWe-vqm2.js";
+import { F as zt } from "./inventory-core-dart.default-CW9d8gJh.js";
 import { _ as Ot } from "./FmCustomAttribute.vue_vue_type_script_setup_true_lang-D-IWRjRD.js";
-import { u as We } from "./feature-WVA_2Jx-.js";
-import { F as he } from "./decimal-BPZo97WQ.js";
-import { _ as Fe } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-FRe1RX5T.js";
-import { b as rt, d as st } from "./xlsx.util-XLH11fha.js";
-import { f as dt } from "./date2-DJotzNeB.js";
+import { u as We } from "./feature-BCSp38rL.js";
+import { F as he } from "./decimal-e6enR5yT.js";
+import { _ as Fe } from "./FmFilterableMenuOptions.vue_vue_type_script_setup_true_lang-DL6AKT9H.js";
+import { b as at, d as st } from "./xlsx.util-Bm6lJRyh.js";
+import { f as dt } from "./date2-DBIy5hnh.js";
 import { _ as Lt, F as Qe } from "./TableActionableRow.vue_vue_type_script_setup_true_lang-Ca_eYa8-.js";
-import { _ as jt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-KTtYD7qS.js";
+import { _ as jt } from "./FmInventoryTableToolbar.vue_vue_type_script_setup_true_lang-JHabBWJb.js";
 const Kt = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, qt = { key: 1 }, Wt = { key: 0 }, Yt = /* @__PURE__ */ ie({
+}, qt = { key: 1 }, Wt = { key: 0 }, Yt = /* @__PURE__ */ le({
   __name: "DeleteDialog",
   props: {
     type: {},
@@ -39,68 +39,68 @@ const Kt = {
     bindedItems: {}
   },
   setup(m) {
-    const d = m, l = K(d.bindedItems || []), t = K(!1);
+    const d = m, l = W(d.bindedItems || []), t = W(!1);
     pt(() => {
       i();
     });
     async function i() {
-      var a, h;
-      !t.value && ((a = d.data) != null && a._id) && (t.value = !0, l.value = await ne().getAffectedMenu((h = d.data) == null ? void 0 : h._id), t.value = !1);
+      var r, x;
+      !t.value && ((r = d.data) != null && r._id) && (t.value = !0, l.value = await ne().getAffectedMenu((x = d.data) == null ? void 0 : x._id), t.value = !1);
     }
-    return (a, h) => {
+    return (r, x) => {
       const u = G("FmSpacer"), o = G("FmCircularProgress");
-      return b(), B(X, null, [
-        y("p", null, D(a.message), 1),
-        t.value ? (b(), B("div", Kt, [
-          k(u),
-          y("div", null, [
-            k(o, { size: "xl" })
+      return y(), E(X, null, [
+        v("p", null, U(r.message), 1),
+        t.value ? (y(), E("div", Kt, [
+          h(u),
+          v("div", null, [
+            h(o, { size: "xl" })
           ]),
-          h[0] || (h[0] = y("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-          k(u)
-        ])) : (b(), B("div", qt, [
-          h[2] || (h[2] = y("br", null, null, -1)),
-          l.value.length > 0 ? (b(), B("div", Wt, [
-            h[1] || (h[1] = y("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
-            k(nt, {
+          x[0] || (x[0] = v("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+          h(u)
+        ])) : (y(), E("div", qt, [
+          x[2] || (x[2] = v("br", null, null, -1)),
+          l.value.length > 0 ? (y(), E("div", Wt, [
+            x[1] || (x[1] = v("p", { class: "fm-typo-en-body-lg-600" }, "Affected menu items:", -1)),
+            h(nt, {
               name: "Menu",
               bindings: l.value
             }, null, 8, ["bindings"])
-          ])) : U("", !0)
+          ])) : T("", !0)
         ]))
       ], 64);
     };
   }
 }), ze = ot("recipeForm", function() {
-  const d = Le(), l = je(), t = ne(), i = K(!1), a = K();
-  function h() {
-    const r = {
+  const d = Le(), l = je(), t = ne(), i = W(!1), r = W();
+  function x() {
+    const a = {
       recipe: {},
       mode: se.CREATE,
       show: !0,
       "onUpdate:show"(p) {
-        a.value.show = p;
+        r.value.show = p;
       }
     };
-    a.value = r;
+    r.value = a;
   }
-  async function u(r) {
+  async function u(a) {
     const p = {
-      recipe: Oe(r),
+      recipe: Oe(a),
       mode: se.UPDATE,
       show: !0,
       "onUpdate:show"($) {
-        a.value.show = $;
+        r.value.show = $;
       }
     };
-    a.value = p;
+    r.value = p;
   }
-  async function o(r) {
+  async function o(a) {
     i.value = !0;
     try {
-      await t.deleteRecipe(r), l.open({
+      await t.deleteRecipe(a), l.open({
         title: "Success",
-        message: `Deleted ${r.name}`,
+        message: `Deleted ${a.name}`,
         type: "success"
       });
     } catch (p) {
@@ -109,7 +109,7 @@ const Kt = {
           title: "Cannot delete recipe",
           contentComponent: It,
           contentComponentProps: {
-            subject: (r == null ? void 0 : r.name) ?? "",
+            subject: (a == null ? void 0 : a.name) ?? "",
             items: p.errorResponse.errors.map(($) => {
               var C;
               return {
@@ -130,7 +130,7 @@ const Kt = {
         return;
       }
       l.open({
-        title: `Cannot delete ${r == null ? void 0 : r.name}`,
+        title: `Cannot delete ${a == null ? void 0 : a.name}`,
         message: "Please try again.",
         type: "error"
       }), console.error("failed to delete recipe", p);
@@ -138,9 +138,9 @@ const Kt = {
       i.value = !1;
     }
   }
-  function s(r) {
+  function s(a) {
     d.open({
-      title: `Delete ${(r == null ? void 0 : r.name) ?? "recipe"}?`,
+      title: `Delete ${(a == null ? void 0 : a.name) ?? "recipe"}?`,
       closeButton: !1,
       primaryActions: {
         text: "Delete",
@@ -154,45 +154,45 @@ const Kt = {
       contentComponent: Yt,
       contentComponentProps: {
         type: "menu",
-        data: r,
+        data: a,
         message: "You may not be able to delete this recipe if it is linked in any of the inventory modules."
       }
-    }).onPrimary(() => o(r));
+    }).onPrimary(() => o(a));
   }
   return {
-    createRecipe: h,
+    createRecipe: x,
     updateRecipe: u,
     deleteRecipe: s,
-    recipeDialogProps: a,
+    recipeDialogProps: r,
     recipeViewLoading: i
   };
 });
 function Jt() {
-  const { updateRecipe: m, deleteRecipe: d } = ze(), l = ne(), { t } = oe();
+  const { updateRecipe: m, deleteRecipe: d } = ze(), l = ne(), { t } = ie();
   async function i(o, s) {
-    const r = Oe(s);
+    const a = Oe(s);
     if (o === Ve.Edit) {
-      await m(r);
+      await m(a);
       return;
     }
     if (o === Ve.Delete) {
-      await d(r);
+      await d(a);
       return;
     }
   }
-  function a(o, s) {
-    const r = o.filter((C) => C.type === be.enum.SKU), p = o.filter(
+  function r(o, s) {
+    const a = o.filter((C) => C.type === be.enum.SKU), p = o.filter(
       (C) => C.type === be.enum.SKU_GROUP
     ), $ = o.filter((C) => C.type === be.enum.RECIPE);
     return [
-      ...r.map((C) => ({ ...C, recipeIds: [...s] })),
+      ...a.map((C) => ({ ...C, recipeIds: [...s] })),
       ...p.map((C) => ({ ...C, isGroup: !0, recipeIds: [...s] })),
       ...$.filter((C) => l.recipeById[C.id] && !s.has(C.id)).flatMap(
-        (C) => a(l.recipeById[C.id].contains, /* @__PURE__ */ new Set([...s, C.id]))
+        (C) => r(l.recipeById[C.id].contains, /* @__PURE__ */ new Set([...s, C.id]))
       )
     ];
   }
-  const h = [
+  const x = [
     {
       accessorKey: "recipe",
       header: () => t("inventory.recipe.name"),
@@ -224,38 +224,38 @@ function Jt() {
   ];
   function u(o) {
     const s = ne();
-    return o.map((r) => ({
-      recipe: r.name,
-      ingredients: a(r.contains, /* @__PURE__ */ new Set([r._id])).map((p) => {
-        var C, I, f, _, S, v;
+    return o.map((a) => ({
+      recipe: a.name,
+      ingredients: r(a.contains, /* @__PURE__ */ new Set([a._id])).map((p) => {
+        var C, I, f, k, S, b;
         if (p.isGroup) {
           const e = s.skuGroupById[p.id];
           return p.recipeIds.slice(1).length ? `(${(C = s.recipeById[p.recipeIds.at(-1) ?? ""]) == null ? void 0 : C.name}) ${e.name} (x ${Q(p.amount)})` : `${e.name} (x${Q(p.amount)})`;
         }
         const $ = s.skuById[p.id];
-        return $ ? p.recipeIds.slice(1).length ? `(${(I = s.recipeById[p.recipeIds.at(-1) ?? ""]) == null ? void 0 : I.name}) ${$.name} (${Q(p.amount)}${((f = p.measurement) == null ? void 0 : f.abbrev) ?? ((_ = $ == null ? void 0 : $.unit) == null ? void 0 : _.abbrev)})` : `${$.name} (${Q(p.amount)}${((S = p.measurement) == null ? void 0 : S.abbrev) ?? ((v = $ == null ? void 0 : $.unit) == null ? void 0 : v.abbrev)})` : null;
+        return $ ? p.recipeIds.slice(1).length ? `(${(I = s.recipeById[p.recipeIds.at(-1) ?? ""]) == null ? void 0 : I.name}) ${$.name} (${Q(p.amount)}${((f = p.measurement) == null ? void 0 : f.abbrev) ?? ((k = $ == null ? void 0 : $.unit) == null ? void 0 : k.abbrev)})` : `${$.name} (${Q(p.amount)}${((S = p.measurement) == null ? void 0 : S.abbrev) ?? ((b = $ == null ? void 0 : $.unit) == null ? void 0 : b.abbrev)})` : null;
       }).filter((p) => p).join(", "),
-      original: r
+      original: a
     }));
   }
-  return { columnDefs: h, formatRowData: u };
+  return { columnDefs: x, formatRowData: u };
 }
 function Ht() {
   const m = ne(), d = Le();
-  async function l(a, h, u, o = []) {
+  async function l(r, x, u, o = []) {
     var I, f;
-    const s = a.filter((_) => _.type === "SKU"), r = a.filter((_) => _.type !== "SKU"), p = /* @__PURE__ */ new Set();
+    const s = r.filter((k) => k.type === "SKU"), a = r.filter((k) => k.type !== "SKU"), p = /* @__PURE__ */ new Set();
     if (u)
-      for (const _ of m.skus)
-        !o.some((v) => v === _._id) && _._id !== u && !((f = (I = _.convert) == null ? void 0 : I.inventoryBindings) != null && f.some((v) => v.id === u)) || p.add(_._id);
-    const $ = m.skus.map((_) => ({
-      label: _.name,
-      sublabel: `${_.code}${p.has(_._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
-      value: _,
-      disabled: p.has(_._id)
+      for (const k of m.skus)
+        !o.some((b) => b === k._id) && k._id !== u && !((f = (I = k.convert) == null ? void 0 : I.inventoryBindings) != null && f.some((b) => b.id === u)) || p.add(k._id);
+    const $ = m.skus.map((k) => ({
+      label: k.name,
+      sublabel: `${k.code}${p.has(k._id) ? " (Cannot bind, will cause recursive binding)" : ""}`,
+      value: k,
+      disabled: p.has(k._id)
     })), C = $.filter(
-      (_) => s.find((S) => S.id === _.value._id) && !p.has(_.value._id)
-    ).map((_) => _.value);
+      (k) => s.find((S) => S.id === k.value._id) && !p.has(k.value._id)
+    ).map((k) => k.value);
     d.open({
       title: "Select ingredients",
       contentComponent: Pe,
@@ -273,41 +273,41 @@ function Ht() {
         close: !0,
         variant: "tertiary"
       }
-    }).onPrimary((_) => {
+    }).onPrimary((k) => {
       const S = [
-        ...r,
-        ...a.filter((v) => _.find((e) => e._id === v.id)),
-        ..._.filter((v) => !a.find((e) => e.id === v._id)).map((v) => ({
+        ...a,
+        ...r.filter((b) => k.find((e) => e._id === b.id)),
+        ...k.filter((b) => !r.find((e) => e.id === b._id)).map((b) => ({
           type: "SKU",
-          id: v._id,
+          id: b._id,
           amount: {
             amount: 1,
             precision: 0
           }
         }))
       ];
-      h(S);
+      x(S);
     });
   }
-  async function t(a, h, u = []) {
+  async function t(r, x, u = []) {
     var C;
-    const o = a.filter((I) => I.type === "RECIPE"), s = a.filter((I) => I.type !== "RECIPE"), r = /* @__PURE__ */ new Set();
+    const o = r.filter((I) => I.type === "RECIPE"), s = r.filter((I) => I.type !== "RECIPE"), a = /* @__PURE__ */ new Set();
     if (u.length)
       for (const I of m.recipes) {
-        const f = ((C = m.recipeBindingFlattenCache[I._id]) == null ? void 0 : C.inventoryBindings) ?? [], _ = f.some(
+        const f = ((C = m.recipeBindingFlattenCache[I._id]) == null ? void 0 : C.inventoryBindings) ?? [], k = f.some(
           (e) => e.bindingPaths.some((V) => u.some((c) => c === V.id))
         ), S = f.some(
           (e) => "success" in e && u.includes(e.ingredient._id)
         );
-        (u.some((e) => e === I._id) || _ || S) && r.add(I._id);
+        (u.some((e) => e === I._id) || k || S) && a.add(I._id);
       }
     const p = m.recipes.filter((I) => !u.includes(I._id)).map((I) => ({
       label: I.name,
-      sublabel: r.has(I._id) ? "(Cannot bind, will cause recursive binding)" : `${I.contains.length} inventory bindings`,
+      sublabel: a.has(I._id) ? "(Cannot bind, will cause recursive binding)" : `${I.contains.length} inventory bindings`,
       value: I,
-      disabled: r.has(I._id)
+      disabled: a.has(I._id)
     })), $ = p.filter(
-      (I) => o.find((f) => f.id === I.value._id) && !r.has(I.value._id)
+      (I) => o.find((f) => f.id === I.value._id) && !a.has(I.value._id)
     ).map((I) => I.value);
     d.open({
       title: "Select recipes",
@@ -328,10 +328,10 @@ function Ht() {
       }
     }).onPrimary((I) => {
       const f = [
-        ...a.filter((_) => I.find((S) => S._id === _.id)),
-        ...I.filter((_) => !a.find((S) => S.id === _._id)).map((_) => ({
+        ...r.filter((k) => I.find((S) => S._id === k.id)),
+        ...I.filter((k) => !r.find((S) => S.id === k._id)).map((k) => ({
           type: "RECIPE",
-          id: _._id,
+          id: k._id,
           amount: {
             amount: 1,
             precision: 0
@@ -339,19 +339,19 @@ function Ht() {
         })),
         ...s
       ];
-      h(f);
+      x(f);
     });
   }
-  async function i(a, h, u = []) {
-    const o = a.filter(($) => $.type === "SKU_GROUP"), s = a.filter(($) => $.type !== "SKU_GROUP"), r = m.skuGroups.filter(($) => !u.includes($._id)).map(($) => ({
+  async function i(r, x, u = []) {
+    const o = r.filter(($) => $.type === "SKU_GROUP"), s = r.filter(($) => $.type !== "SKU_GROUP"), a = m.skuGroups.filter(($) => !u.includes($._id)).map(($) => ({
       label: $.name,
       value: $
-    })), p = r.filter(($) => o.find((C) => C.id === $.value._id)).map(($) => $.value);
+    })), p = a.filter(($) => o.find((C) => C.id === $.value._id)).map(($) => $.value);
     d.open({
       title: "Select ingredient group",
       contentComponent: Pe,
       contentComponentProps: {
-        items: r,
+        items: a,
         modelValue: p,
         virtualScroll: !0
       },
@@ -366,8 +366,8 @@ function Ht() {
       }
     }).onPrimary(($) => {
       const C = [
-        ...a.filter((I) => $.find((f) => f._id === I.id)),
-        ...$.filter((I) => !a.find((f) => f.id === I._id)).map((I) => ({
+        ...r.filter((I) => $.find((f) => f._id === I.id)),
+        ...$.filter((I) => !r.find((f) => f.id === I._id)).map((I) => ({
           type: "SKU_GROUP",
           id: I._id,
           amount: {
@@ -377,7 +377,7 @@ function Ht() {
         })),
         ...s
       ];
-      h(C);
+      x(C);
     });
   }
   return {
@@ -386,7 +386,7 @@ function Ht() {
     promptIngredientGroupsBinding: i
   };
 }
-const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re = /* @__PURE__ */ ie({
+const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re = /* @__PURE__ */ le({
   __name: "InventoryBindingRule",
   props: {
     disabled: { type: Boolean },
@@ -396,14 +396,14 @@ const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re
   },
   emits: ["update:modelValue"],
   setup(m, { emit: d }) {
-    const l = m, t = d, { t: i } = oe(), a = St(), h = tt(), u = R(() => {
+    const l = m, t = d, { t: i } = ie(), r = St(), x = tt(), u = A(() => {
       var C;
-      const p = /* @__PURE__ */ new Map(), $ = a.restaurants.value.map((I) => I.customAttributes ?? {});
+      const p = /* @__PURE__ */ new Map(), $ = r.restaurants.value.map((I) => I.customAttributes ?? {});
       for (const I of $)
-        for (const [f, _] of Object.entries(I))
-          p.has(f) || p.set(f, /* @__PURE__ */ new Set()), _ && ((C = p.get(f)) == null || C.add(_));
+        for (const [f, k] of Object.entries(I))
+          p.has(f) || p.set(f, /* @__PURE__ */ new Set()), k && ((C = p.get(f)) == null || C.add(k));
       return p;
-    }), o = R(() => [
+    }), o = A(() => [
       ...[...u.value.entries()].map(([$, C]) => ({
         type: "string",
         key: $,
@@ -415,45 +415,45 @@ const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re
         key: "state",
         entity: "restaurant",
         values: [...new Set(
-          h.locations.map(($) => $.doc.profile.address.state).filter(Boolean)
+          x.locations.map(($) => $.doc.profile.address.state).filter(Boolean)
         )]
       }
-    ]), s = K(null);
-    let r = null;
+    ]), s = W(null);
+    let a = null;
     return ue(
       () => l.modelValue,
       (p) => {
-        JSON.stringify(p) !== JSON.stringify(r) && (s.value = p ? Tt.build(p) : null);
+        JSON.stringify(p) !== JSON.stringify(a) && (s.value = p ? Tt.build(p) : null);
       },
       { immediate: !0 }
     ), ue(
       s,
       (p) => {
-        r = p ? Ut.build(p) : null, t("update:modelValue", r);
+        a = p ? Ut.build(p) : null, t("update:modelValue", a);
       },
       { deep: !0 }
     ), (p, $) => {
       const C = G("FmLabel"), I = G("FmFormGroup");
-      return b(), B("div", Qt, [
-        y("div", Xt, [
-          k(C, {
+      return y(), E("div", Qt, [
+        v("div", Xt, [
+          h(C, {
             label: n(i)("inventory.ingredientGroup.form.rules.title"),
             required: p.minCount != null && p.minCount > 0
           }, null, 8, ["label", "required"]),
-          k(n(Pt), {
+          h(n(Pt), {
             modelValue: s.value,
             "onUpdate:modelValue": $[0] || ($[0] = (f) => s.value = f),
             attributes: o.value
           }, null, 8, ["modelValue", "attributes"])
         ]),
-        k(I, {
+        h(I, {
           "model-value": s.value,
           rules: [
             (f) => {
-              const _ = f ? 1 : 0;
-              return l.minCount !== void 0 && _ < l.minCount ? n(i)("inventory.ingredientGroup.form.rules.validation.minCount", {
+              const k = f ? 1 : 0;
+              return l.minCount !== void 0 && k < l.minCount ? n(i)("inventory.ingredientGroup.form.rules.validation.minCount", {
                 count: l.minCount
-              }) : l.maxCount !== void 0 && _ > l.maxCount ? n(i)("inventory.ingredientGroup.form.rules.validation.maxCount", {
+              }) : l.maxCount !== void 0 && k > l.maxCount ? n(i)("inventory.ingredientGroup.form.rules.validation.maxCount", {
                 count: l.maxCount
               }) : !0;
             }
@@ -465,13 +465,13 @@ const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re
 }), Zt = { class: "border-1 mx-3 my-1 rounded-md" }, en = { class: "flex flex-col w-full border-b border-fm-color-neutral-gray-100" }, tn = {
   class: "flex items-center",
   style: { "min-height": "48px" }
-}, nn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, on = { class: "flex flex-col" }, ln = { class: "line-clamp-1" }, an = { class: "w-[200px]" }, rn = {
+}, nn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, on = { class: "flex flex-col" }, ln = { class: "line-clamp-1" }, rn = { class: "w-[200px]" }, an = {
   key: 0,
   class: "w-[52px]"
 }, sn = {
   key: 0,
   class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-8"
-}, dn = { class: "px-12 pb-4" }, un = /* @__PURE__ */ ie({
+}, dn = { class: "px-12 pb-4" }, un = /* @__PURE__ */ le({
   __name: "InventoryRecipeBindingV2Field",
   props: {
     disabled: { type: Boolean },
@@ -482,85 +482,85 @@ const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re
   },
   emits: ["update:modelValue", "delete", "settings"],
   setup(m, { emit: d }) {
-    const l = d, { t } = oe(), i = at("modelValue"), a = K(""), h = R(() => +Q(i.amount));
+    const l = d, { t } = ie(), i = rt("modelValue"), r = W(""), x = A(() => +Q(i.amount));
     ue(
       () => i.amount,
       (s) => {
-        const r = Q(s);
-        a.value !== r && (a.value = r);
+        const a = Q(s);
+        r.value !== a && (r.value = a);
       },
       { immediate: !0 }
     );
     let u = null;
     function o(s) {
-      a.value = s, u && clearTimeout(u), u = setTimeout(() => {
-        const r = +s;
-        s.length > 0 && isFinite(r) ? i.amount = Ke(r) : i.amount = { amount: 0, precision: 0 };
+      r.value = s, u && clearTimeout(u), u = setTimeout(() => {
+        const a = +s;
+        s.length > 0 && isFinite(a) ? i.amount = Ke(a) : i.amount = { amount: 0, precision: 0 };
       }, 300);
     }
-    return (s, r) => {
+    return (s, a) => {
       const p = G("FmTooltip"), $ = G("FmTextField"), C = G("FmButton"), I = G("FmIcon"), f = G("FmFormGroup");
-      return b(), B("div", Zt, [
-        k(f, {
-          class: Be(["mb-2"]),
+      return y(), E("div", Zt, [
+        h(f, {
+          class: Ce(["mb-2"]),
           disabled: s.disabled,
-          modelValue: h.value,
+          modelValue: x.value,
           rules: [n(it)(0), n(qe)(-1)]
         }, {
-          default: J(({ invalid: _ }) => [
-            y("div", en, [
-              y("div", tn, [
-                y("div", nn, [
-                  y("div", on, [
-                    k(p, {
+          default: J(({ invalid: k }) => [
+            v("div", en, [
+              v("div", tn, [
+                v("div", nn, [
+                  v("div", on, [
+                    h(p, {
                       zIndex: 51,
                       variant: "plain",
                       placement: "top",
                       content: s.displayName
                     }, {
                       default: J(() => [
-                        y("span", ln, D(s.displayName), 1)
+                        v("span", ln, U(s.displayName), 1)
                       ]),
                       _: 1
                     }, 8, ["content"])
                   ])
                 ]),
-                y("div", an, [
-                  k($, {
+                v("div", rn, [
+                  h($, {
                     class: "w-full",
                     disabled: s.disabled,
-                    modelValue: a.value,
-                    "onUpdate:modelValue": r[0] || (r[0] = (S) => o(S)),
-                    invalid: _
+                    modelValue: r.value,
+                    "onUpdate:modelValue": a[0] || (a[0] = (S) => o(S)),
+                    invalid: k
                   }, null, 8, ["disabled", "modelValue", "invalid"])
                 ]),
-                s.readonly ? U("", !0) : (b(), B("div", rn, [
-                  k(C, {
+                s.readonly ? T("", !0) : (y(), E("div", an, [
+                  h(C, {
                     disabled: s.disabled,
                     type: "button",
                     variant: "plain",
                     icon: "delete",
                     "icon-color": "#000000",
-                    onClick: r[1] || (r[1] = () => l("delete", n(i).id))
+                    onClick: a[1] || (a[1] = () => l("delete", n(i).id))
                   }, null, 8, ["disabled"])
                 ]))
               ]),
-              s.showError ? (b(), B("div", sn, [
-                k(I, {
+              s.showError ? (y(), E("div", sn, [
+                h(I, {
                   name: "error",
                   color: "system-error-300",
                   size: "sm"
                 }),
-                y("div", null, D(n(t)("inventory.inventoryBindings.circularError")), 1)
-              ])) : U("", !0)
+                v("div", null, U(n(t)("inventory.inventoryBindings.circularError")), 1)
+              ])) : T("", !0)
             ])
           ]),
           _: 1
         }, 8, ["disabled", "modelValue", "rules"]),
-        y("div", dn, [
-          k(Re, {
+        v("div", dn, [
+          h(Re, {
             modelValue: n(i).rules,
-            "onUpdate:modelValue": r[2] || (r[2] = (_) => n(i).rules = _),
+            "onUpdate:modelValue": a[2] || (a[2] = (k) => n(i).rules = k),
             disabled: s.disabled
           }, null, 8, ["modelValue", "disabled"])
         ])
@@ -569,7 +569,7 @@ const Qt = { class: "flex flex-col" }, Xt = { class: "flex flex-col gap-4" }, Re
   }
 });
 function cn(m) {
-  const d = Gt(), { t: l } = Nt(), t = ne(), i = R(() => [
+  const d = Gt(), { t: l } = Nt(), t = ne(), i = A(() => [
     {
       id: "delete",
       header: "",
@@ -652,18 +652,18 @@ function cn(m) {
             sublabel: o.unit.abbrev,
             value: null
           },
-          ...o.unit.measurements.map((r) => ({
-            label: `${r.name} (${r.abbrev})`,
+          ...o.unit.measurements.map((a) => ({
+            label: `${a.name} (${a.abbrev})`,
             sublabel: l("inventory.inventoryBindings.alternativeTable.measurementOption"),
-            value: r.id
+            value: a.id
           }))
-        ].filter((r) => !r.label.toLowerCase().includes("inactive"));
+        ].filter((a) => !a.label.toLowerCase().includes("inactive"));
         return de(_e.FmSelect, {
           modelValue: u.row.original.trackingMeasurement ?? null,
           items: s,
           disabled: m.disabled ?? !1,
-          "onUpdate:modelValue": (r) => {
-            m.bindingAlternatives = m.bindingAlternatives.map((p) => p._id === u.row.original._id ? { ...p, trackingMeasurement: r } : p);
+          "onUpdate:modelValue": (a) => {
+            m.bindingAlternatives = m.bindingAlternatives.map((p) => p._id === u.row.original._id ? { ...p, trackingMeasurement: a } : p);
           }
         });
       },
@@ -683,17 +683,17 @@ function cn(m) {
             Ne(1),
             lt(
               m.bindingAlternatives.filter((s) => s._id !== o._id).map((s) => {
-                const r = t.skuById[s._id];
+                const a = t.skuById[s._id];
                 return {
-                  label: r == null ? void 0 : r.name,
+                  label: a == null ? void 0 : a.name,
                   value: s.priority
                 };
               })
             )
           ],
           "onUpdate:modelValue": (s) => {
-            const r = Number(s);
-            isNaN(r) || (m.bindingAlternatives = m.bindingAlternatives.map((p) => p._id === u.row.original._id ? { ...p, priority: r } : p));
+            const a = Number(s);
+            isNaN(a) || (m.bindingAlternatives = m.bindingAlternatives.map((p) => p._id === u.row.original._id ? { ...p, priority: a } : p));
           }
         });
       }
@@ -734,10 +734,10 @@ function cn(m) {
             size: "md",
             disabled: m.disabled ?? !1,
             onClick: () => {
-              const s = [...m.bindingAlternatives], r = s.findIndex((p) => p._id === o._id);
-              if (r > 0) {
-                const p = s[r - 1];
-                s[r - 1] = o, s[r] = p;
+              const s = [...m.bindingAlternatives], a = s.findIndex((p) => p._id === o._id);
+              if (a > 0) {
+                const p = s[a - 1];
+                s[a - 1] = o, s[a] = p;
               }
               m.bindingAlternatives = [...s];
             }
@@ -750,10 +750,10 @@ function cn(m) {
             size: "md",
             disabled: m.disabled ?? !1,
             onClick: () => {
-              const s = [...m.bindingAlternatives], r = s.findIndex((p) => p._id === o._id);
-              if (r < s.length - 1) {
-                const p = s[r + 1];
-                s[r + 1] = o, s[r] = p;
+              const s = [...m.bindingAlternatives], a = s.findIndex((p) => p._id === o._id);
+              if (a < s.length - 1) {
+                const p = s[a + 1];
+                s[a + 1] = o, s[a] = p;
               }
               m.bindingAlternatives = [...s];
             }
@@ -772,22 +772,22 @@ function cn(m) {
     get columnDefs() {
       return i.value;
     },
-    promptAddIngredient: async (h) => {
+    promptAddIngredient: async (x) => {
       const u = [];
-      for (const r of t.skus)
-        h.includes(r._id) || u.push({
-          label: r.name,
-          sublabel: r.code,
-          value: r._id,
-          disabled: h.includes(r._id)
+      for (const a of t.skus)
+        x.includes(a._id) || u.push({
+          label: a.name,
+          sublabel: a.code,
+          value: a._id,
+          disabled: x.includes(a._id)
         });
-      const o = (m.bindingAlternatives ?? []).map((r) => r._id), s = await d.multiSelect(u, o, (r) => {
-        var $, C, I, f, _, S;
-        const p = ($ = m.bindingAlternatives) == null ? void 0 : $.findIndex((v) => v._id === r);
+      const o = (m.bindingAlternatives ?? []).map((a) => a._id), s = await d.multiSelect(u, o, (a) => {
+        var $, C, I, f, k, S;
+        const p = ($ = m.bindingAlternatives) == null ? void 0 : $.findIndex((b) => b._id === a);
         return {
-          _id: r,
-          trackingMeasurement: typeof p != "number" || p == -1 ? (C = t.skuById[r]) == null ? void 0 : C.trackingMeasurement : (f = (I = m.bindingAlternatives) == null ? void 0 : I[p]) == null ? void 0 : f.trackingMeasurement,
-          priority: ((S = (_ = m.bindingAlternatives) == null ? void 0 : _[p]) == null ? void 0 : S.priority) ?? m.bindingAlternatives.length,
+          _id: a,
+          trackingMeasurement: typeof p != "number" || p == -1 ? (C = t.skuById[a]) == null ? void 0 : C.trackingMeasurement : (f = (I = m.bindingAlternatives) == null ? void 0 : I[p]) == null ? void 0 : f.trackingMeasurement,
+          priority: ((S = (k = m.bindingAlternatives) == null ? void 0 : k[p]) == null ? void 0 : S.priority) ?? m.bindingAlternatives.length,
           default: !1
         };
       });
@@ -805,7 +805,7 @@ function cn(m) {
     }
   };
 }
-const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, fn = { class: "flex justify-between items-center px-2" }, Se = /* @__PURE__ */ ie({
+const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, fn = { class: "flex justify-between items-center px-2" }, Se = /* @__PURE__ */ le({
   __name: "InventoryBindingAlternative",
   props: {
     disabled: { type: Boolean },
@@ -814,7 +814,7 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
   },
   emits: ["update:modelValue"],
   setup(m, { emit: d }) {
-    const l = m, t = d, { t: i } = oe(), a = cn({
+    const l = m, t = d, { t: i } = ie(), r = cn({
       get disabled() {
         return l.disabled ?? !1;
       },
@@ -824,36 +824,36 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
       set bindingAlternatives(o) {
         t("update:modelValue", o);
       }
-    }), h = (o) => o && o.some((s) => l.filterIngredientIds.includes(s._id)) ? "Contains invalid ingredient" : !0, u = (o) => o && o.length > 5 ? i("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
+    }), x = (o) => o && o.some((s) => l.filterIngredientIds.includes(s._id)) ? "Contains invalid ingredient" : !0, u = (o) => o && o.length > 5 ? i("inventory.binding.alternative.maximumExceeded", { max: 5 }) : !0;
     return (o, s) => {
       var I;
-      const r = G("FmLabel"), p = G("FmButton"), $ = G("FmFormGroup"), C = G("FmTable");
-      return b(), B("div", pn, [
-        y("div", mn, [
-          y("div", fn, [
-            k(r, {
+      const a = G("FmLabel"), p = G("FmButton"), $ = G("FmFormGroup"), C = G("FmTable");
+      return y(), E("div", pn, [
+        v("div", mn, [
+          v("div", fn, [
+            h(a, {
               label: n(i)("inventory.alternatives")
             }, null, 8, ["label"]),
-            k(p, {
+            h(p, {
               disabled: o.disabled,
               "prepend-icon": "link",
               variant: "primary",
               class: "border-1 rounded-lg border-fm-color-primary",
-              onClick: s[0] || (s[0] = (f) => n(a).promptAddIngredient(o.filterIngredientIds)),
+              onClick: s[0] || (s[0] = (f) => n(r).promptAddIngredient(o.filterIngredientIds)),
               size: "md"
             }, null, 8, ["disabled"])
           ]),
-          k($, {
+          h($, {
             "model-value": o.modelValue,
-            rules: [h, u]
+            rules: [x, u]
           }, null, 8, ["model-value", "rules"])
         ]),
-        k(C, {
+        h(C, {
           "row-data": o.modelValue ?? [],
-          "column-defs": n(a).columnDefs,
+          "column-defs": n(r).columnDefs,
           "page-size": ((I = o.modelValue) == null ? void 0 : I.length) || 0,
           "shrink-at": 9999,
-          "column-visibility": n(a).columnVisibility,
+          "column-visibility": n(r).columnVisibility,
           "hide-footer": ""
         }, null, 8, ["row-data", "column-defs", "page-size", "column-visibility"])
       ]);
@@ -865,7 +865,7 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
 }, gn = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12" }, _n = { class: "line-clamp-1 w-full" }, kn = { class: "w-[150px]" }, hn = {
   key: 0,
   class: "w-[52px]"
-}, xn = { class: "flex flex-col px-12 pb-4" }, $n = /* @__PURE__ */ ie({
+}, xn = { class: "flex flex-col px-12 pb-4" }, $n = /* @__PURE__ */ le({
   __name: "InventorySkuBindingV2Field",
   props: {
     disabled: { type: Boolean },
@@ -879,11 +879,11 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
   },
   emits: ["update:modelValue", "delete", "settings"],
   setup(m, { emit: d }) {
-    const l = d, { t } = oe(), i = at("modelValue");
-    function a(u) {
+    const l = d, { t } = ie(), i = rt("modelValue");
+    function r(u) {
       u && (i.amount = u.amount, i.measurement = u.measurement);
     }
-    function h() {
+    function x() {
       return {
         modelValue: {
           amount: i.amount,
@@ -895,35 +895,35 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
       };
     }
     return (u, o) => {
-      const s = G("FmTooltip"), r = G("FmButton"), p = G("FmFormGroup");
-      return b(), B("div", vn, [
-        y("div", yn, [
-          y("div", bn, [
-            y("div", gn, [
-              k(s, {
+      const s = G("FmTooltip"), a = G("FmButton"), p = G("FmFormGroup");
+      return y(), E("div", vn, [
+        v("div", yn, [
+          v("div", bn, [
+            v("div", gn, [
+              h(s, {
                 zIndex: 51,
                 variant: "plain",
                 placement: "top",
                 content: u.displayName
               }, {
                 default: J(() => [
-                  y("span", _n, D(u.displayName), 1)
+                  v("span", _n, U(u.displayName), 1)
                 ]),
                 _: 1
               }, 8, ["content"])
             ]),
-            y("div", kn, [
-              k(Ce, {
+            v("div", kn, [
+              h(Be, {
                 "model-value": { amount: n(i).amount, measurement: n(i).measurement },
-                "onUpdate:modelValue": a,
+                "onUpdate:modelValue": r,
                 unit: u.unit,
                 placement: "bottom",
                 "convert-amount-on-change-unit": "",
                 disabled: u.readonly
               }, null, 8, ["model-value", "unit", "disabled"])
             ]),
-            u.readonly ? U("", !0) : (b(), B("div", hn, [
-              k(r, {
+            u.readonly ? T("", !0) : (y(), E("div", hn, [
+              h(a, {
                 disabled: u.disabled,
                 type: "button",
                 variant: "tertiary",
@@ -932,13 +932,13 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
               }, null, 8, ["disabled"])
             ]))
           ]),
-          y("div", xn, [
-            k(p, {
+          v("div", xn, [
+            h(p, {
               modelValue: n(i).amount,
               rules: [n(qe)(0)]
             }, null, 8, ["modelValue", "rules"]),
-            k(p, {
-              modelValue: h(),
+            h(p, {
+              modelValue: x(),
               rules: [
                 n(Mt)(),
                 n(Dt)(u.unit),
@@ -946,19 +946,19 @@ const pn = { class: "flex flex-col gap-16" }, mn = { class: "flex flex-col" }, f
               ]
             }, null, 8, ["modelValue", "rules"])
           ]),
-          u.ableToApplyRules ? (b(), Y(Re, {
+          u.ableToApplyRules ? (y(), Y(Re, {
             key: 0,
             modelValue: n(i).rules,
             "onUpdate:modelValue": o[1] || (o[1] = ($) => n(i).rules = $),
             disabled: u.disabled
-          }, null, 8, ["modelValue", "disabled"])) : U("", !0),
-          u.ableToConfigureAlternative ? (b(), Y(Se, {
+          }, null, 8, ["modelValue", "disabled"])) : T("", !0),
+          u.ableToConfigureAlternative ? (y(), Y(Se, {
             key: 1,
             modelValue: n(i).alternatives,
             "onUpdate:modelValue": o[2] || (o[2] = ($) => n(i).alternatives = $),
             disabled: u.disabled,
             filterIngredientIds: [n(i).id]
-          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : U("", !0)
+          }, null, 8, ["modelValue", "disabled", "filterIngredientIds"])) : T("", !0)
         ])
       ]);
     };
@@ -968,7 +968,7 @@ exports.FfCalculator;
 const In = { class: "flex flex-col gap-24" }, wn = {
   key: 0,
   class: "flex flex-col gap-16"
-}, En = { class: "flex items-center" }, Vn = { class: "flex-1 fm-typo-en-title-sm-600" }, Sn = { class: "flex flex-col" }, Bn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Cn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Fn = {
+}, En = { class: "flex items-center" }, Vn = { class: "flex-1 fm-typo-en-title-sm-600" }, Sn = { class: "flex flex-col" }, Cn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Bn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Fn = {
   key: 0,
   class: "w-[52px]"
 }, Rn = {
@@ -989,7 +989,16 @@ const In = { class: "flex flex-col gap-24" }, wn = {
 }, qn = { class: "flex flex-col gap-16" }, Wn = { class: "flex items-center" }, Yn = { class: "flex-1 fm-typo-en-title-sm-600" }, Jn = { class: "flex flex-col" }, Hn = { class: "flex py-8 px-12 border-b border-fm-color-neutral-gray-200 bg-fm-color-neutral-gray-100 h-[44px] items-center" }, Qn = { class: "flex-1 fm-typo-en-body-md-600 text-fm-color-typo-secondary" }, Xn = { class: "fm-typo-en-body-md-600 text-fm-color-typo-secondary w-[150px] px-16" }, Zn = {
   key: 0,
   class: "w-[52px]"
-}, eo = /* @__PURE__ */ ie({
+}, eo = {
+  key: 0,
+  class: "flex flex-col border-b border-fm-color-neutral-gray-100"
+}, to = {
+  class: "flex items-center w-full",
+  style: { "min-height": "48px" }
+}, no = { class: "flex-1 fm-typo-en-body-md-400 py-8 px-12 text-fm-color-typo-secondary line-clamp-1" }, oo = {
+  key: 0,
+  class: "w-[52px]"
+}, io = { class: "flex gap-4 text-fm-color-system-error-400 fm-typo-en-body-sm-400 px-12 pb-4" }, lo = /* @__PURE__ */ le({
   __name: "InventoryBindingFormV2",
   props: {
     id: {},
@@ -1009,7 +1018,7 @@ const In = { class: "flex flex-col gap-24" }, wn = {
   },
   emits: ["update:modelValue", "click:pick-inventory-bindings"],
   setup(m, { emit: d }) {
-    const { t: l } = oe(), t = ne(), i = R(() => t.recipeById), a = R(() => t.skuById), h = R(() => t.skuGroupById), u = m, o = d, s = R(() => kt({
+    const { t: l } = ie(), t = ne(), i = A(() => t.recipeById), r = A(() => t.skuById), x = A(() => t.skuGroupById), u = m, o = d, s = A(() => kt({
       parentId: u.id,
       bindings: u.modelValue,
       recipes: t.recipes.map((F) => F._id === u.id ? {
@@ -1023,12 +1032,12 @@ const In = { class: "flex flex-col gap-24" }, wn = {
         }
       } : F),
       skuGroups: t.skuGroups
-    }).inventoryBindings.filter((F) => "error" in F && F.error).map((F) => F).filter((F) => F.reason === ht.enum.circularDependency)), r = R(
-      () => new Set(s.value.map((x) => {
-        var w;
-        return (w = x.bindingPaths[0]) == null ? void 0 : w.id;
+    }).inventoryBindings.filter((F) => "error" in F && F.error).map((F) => F).filter((F) => F.reason === ht.enum.circularDependency)), a = A(
+      () => new Set(s.value.map((g) => {
+        var B;
+        return (B = g.bindingPaths[0]) == null ? void 0 : B.id;
       }))
-    ), p = R(() => u.modelValue.filter((x) => x.type === "RECIPE")), { promptIngredientsBinding: $, promptRecipesBinding: C, promptIngredientGroupsBinding: I } = Ht();
+    ), p = A(() => u.modelValue.filter((g) => g.type === "RECIPE")), { promptIngredientsBinding: $, promptRecipesBinding: C, promptIngredientGroupsBinding: I } = Ht();
     async function f() {
       if (u.iframeMode) {
         o("click:pick-inventory-bindings", "RECIPE");
@@ -1036,24 +1045,24 @@ const In = { class: "flex flex-col gap-24" }, wn = {
       }
       C(
         u.modelValue,
-        (x) => o("update:modelValue", x),
+        (g) => o("update:modelValue", g),
         u.id ? [u.id] : []
       );
     }
-    const _ = R(() => u.modelValue.filter((x) => x.type === "SKU_GROUP"));
+    const k = A(() => u.modelValue.filter((g) => g.type === "SKU_GROUP"));
     async function S() {
       I(
         u.modelValue,
-        (x) => o("update:modelValue", x),
+        (g) => o("update:modelValue", g),
         u.id ? [u.id] : []
       );
     }
-    function v(x, w, F) {
-      const N = +w;
-      let T = F;
-      w.length > 0 && isFinite(N) ? T = F.map((P) => (P.id !== x || (P.amount = Ke(N)), P)) : T = F.map((P) => (P.id !== x || (P.amount = { amount: 0, precision: 0 }), P)), o("update:modelValue", T);
+    function b(g, B, F) {
+      const R = +B;
+      let P = F;
+      B.length > 0 && isFinite(R) ? P = F.map((K) => (K.id !== g || (K.amount = Ke(R)), K)) : P = F.map((K) => (K.id !== g || (K.amount = { amount: 0, precision: 0 }), K)), o("update:modelValue", P);
     }
-    const e = R(() => u.modelValue.filter((x) => x.type === "SKU") ?? []);
+    const e = A(() => u.modelValue.filter((g) => g.type === "SKU") ?? []);
     async function V() {
       if (u.iframeMode) {
         o("click:pick-inventory-bindings", "SKU");
@@ -1061,48 +1070,51 @@ const In = { class: "flex flex-col gap-24" }, wn = {
       }
       $(
         u.modelValue,
-        (x) => o("update:modelValue", x),
+        (g) => o("update:modelValue", g),
         u.excludeBindingId,
         u.id ? [u.id] : []
       );
     }
-    function c(x) {
-      const w = u.modelValue.map((F) => F.id === x.id ? x : F);
-      o("update:modelValue", w);
+    function c(g) {
+      const B = u.modelValue.map((F) => F.id === g.id ? g : F);
+      o("update:modelValue", B);
     }
-    function g(x) {
-      const w = u.modelValue.filter((F) => F.id !== x);
-      o("update:modelValue", w);
+    function _(g) {
+      const B = u.modelValue.filter((F) => F.id !== g);
+      o("update:modelValue", B);
     }
-    function z(x) {
-      var F, N;
-      if (x.type !== be.enum.SKU)
+    function N(g) {
+      var F, R;
+      if (g.type !== be.enum.SKU)
         throw new Error("Non-SKU binding does not have unit");
-      if (!((F = a.value[x.id]) == null ? void 0 : F.unit))
-        throw new Error(`Cannot find ingredient: ${x.id}`);
-      return (N = a.value[x.id]) == null ? void 0 : N.unit;
-    }
-    return (x, w) => {
-      var W, H, Z;
-      const F = G("FmFormGroup"), N = G("FmButton"), T = G("FmIcon"), P = G("FmTextField");
-      return b(), B("div", In, [
-        k(F, {
-          disabled: x.disabled,
-          "model-value": x.modelValue,
+      if (!((F = r.value[g.id]) == null ? void 0 : F.unit))
+        throw new Error(`Cannot find ingredient: ${g.id}`);
+      return (R = r.value[g.id]) == null ? void 0 : R.unit;
+    }
+    function z(g) {
+      return !r.value[g.id];
+    }
+    return (g, B) => {
+      var H, ee, O;
+      const F = G("FmFormGroup"), R = G("FmButton"), P = G("FmIcon"), K = G("FmTextField");
+      return y(), E("div", In, [
+        h(F, {
+          disabled: g.disabled,
+          "model-value": g.modelValue,
           rules: [
-            ...x.rules,
+            ...g.rules,
             () => s.value.length ? "There is a binding error in your configuration" : !0
           ]
         }, {
-          label: J(() => w[4] || (w[4] = [
-            y("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
+          label: J(() => B[4] || (B[4] = [
+            v("div", { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, " Define the inventory bindings for this recipe or ingredient. ", -1)
           ])),
           _: 1
         }, 8, ["disabled", "model-value", "rules"]),
-        ((W = x.recipeBindingConfig) == null ? void 0 : W.enabled) !== !1 ? (b(), B("div", wn, [
-          y("div", En, [
-            y("div", Vn, D(n(l)("inventory.inventoryBindings.recipe")), 1),
-            x.readonly ? U("", !0) : (b(), Y(N, {
+        ((H = g.recipeBindingConfig) == null ? void 0 : H.enabled) !== !1 ? (y(), E("div", wn, [
+          v("div", En, [
+            v("div", Vn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
+            g.readonly ? T("", !0) : (y(), Y(R, {
               key: 0,
               variant: "secondary",
               "text-color": "primary",
@@ -1112,32 +1124,32 @@ const In = { class: "flex flex-col gap-24" }, wn = {
               onClick: f
             }, null, 8, ["label"]))
           ]),
-          y("div", Sn, [
-            y("div", Bn, [
-              y("div", Cn, D(n(l)("inventory.inventoryBindings.recipe")), 1),
-              w[5] || (w[5] = y("div", { class: "w-[200px]" }, null, -1)),
-              x.recipeBindingConfig.ableToApplyRules ? (b(), B("div", Fn)) : U("", !0),
-              x.readonly ? U("", !0) : (b(), B("div", Rn))
+          v("div", Sn, [
+            v("div", Cn, [
+              v("div", Bn, U(n(l)("inventory.inventoryBindings.recipe")), 1),
+              B[5] || (B[5] = v("div", { class: "w-[200px]" }, null, -1)),
+              g.recipeBindingConfig.ableToApplyRules ? (y(), E("div", Fn)) : T("", !0),
+              g.readonly ? T("", !0) : (y(), E("div", Rn))
             ]),
-            (b(!0), B(X, null, me(p.value, (A) => {
+            (y(!0), E(X, null, me(p.value, (M) => {
               var L;
-              return b(), Y(un, {
-                key: A.id,
-                "model-value": A,
-                "display-name": (L = i.value[A.id]) == null ? void 0 : L.name,
-                "show-error": r.value.has(A.id),
-                readonly: x.readonly,
-                disabled: x.disabled,
-                "onUpdate:modelValue": w[0] || (w[0] = (O) => c(O)),
-                onDelete: w[1] || (w[1] = (O) => g(O))
+              return y(), Y(un, {
+                key: M.id,
+                "model-value": M,
+                "display-name": (L = i.value[M.id]) == null ? void 0 : L.name,
+                "show-error": a.value.has(M.id),
+                readonly: g.readonly,
+                disabled: g.disabled,
+                "onUpdate:modelValue": B[0] || (B[0] = (q) => c(q)),
+                onDelete: B[1] || (B[1] = (q) => _(q))
               }, null, 8, ["model-value", "display-name", "show-error", "readonly", "disabled"]);
             }), 128))
           ])
-        ])) : U("", !0),
-        x.enableIngredientGroup ? (b(), B("div", An, [
-          y("div", Tn, [
-            y("div", Un, D(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
-            x.readonly ? U("", !0) : (b(), Y(N, {
+        ])) : T("", !0),
+        g.enableIngredientGroup ? (y(), E("div", An, [
+          v("div", Tn, [
+            v("div", Un, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
+            g.readonly ? T("", !0) : (y(), Y(R, {
               key: 0,
               variant: "secondary",
               "text-color": "primary",
@@ -1147,51 +1159,51 @@ const In = { class: "flex flex-col gap-24" }, wn = {
               onClick: S
             }, null, 8, ["label"]))
           ]),
-          y("div", Pn, [
-            y("div", Mn, [
-              y("div", Dn, D(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
-              w[6] || (w[6] = y("div", { class: "w-[200px]" }, null, -1)),
-              w[7] || (w[7] = y("div", { class: "w-[52px]" }, null, -1))
+          v("div", Pn, [
+            v("div", Mn, [
+              v("div", Dn, U(n(l)("inventory.inventoryBindings.ingredientGroup")), 1),
+              B[6] || (B[6] = v("div", { class: "w-[200px]" }, null, -1)),
+              B[7] || (B[7] = v("div", { class: "w-[52px]" }, null, -1))
             ]),
-            (b(!0), B(X, null, me(_.value, (A) => (b(), Y(F, {
-              key: A.id,
-              disabled: x.disabled,
-              modelValue: +n(Q)(A.amount ?? { amount: 1, precision: 0 }),
+            (y(!0), E(X, null, me(k.value, (M) => (y(), Y(F, {
+              key: M.id,
+              disabled: g.disabled,
+              modelValue: +n(Q)(M.amount ?? { amount: 1, precision: 0 }),
               rules: [n(it)(0), n(qe)(0)]
             }, {
               default: J(({ invalid: L }) => {
-                var O;
+                var q;
                 return [
-                  y("div", Gn, [
-                    r.value.has(A.id) ? (b(), B("div", Nn, [
-                      k(T, {
+                  v("div", Gn, [
+                    a.value.has(M.id) ? (y(), E("div", Nn, [
+                      h(P, {
                         name: "error",
                         color: "system-error-300",
                         size: "sm"
                       }),
-                      y("div", null, D(n(l)("inventory.inventoryBindings.circularError")), 1)
-                    ])) : U("", !0),
-                    y("div", zn, [
-                      y("div", On, [
-                        y("div", Ln, D((O = h.value[A.id]) == null ? void 0 : O.name), 1)
+                      v("div", null, U(n(l)("inventory.inventoryBindings.circularError")), 1)
+                    ])) : T("", !0),
+                    v("div", zn, [
+                      v("div", On, [
+                        v("div", Ln, U((q = x.value[M.id]) == null ? void 0 : q.name), 1)
                       ]),
-                      y("div", jn, [
-                        k(P, {
+                      v("div", jn, [
+                        h(K, {
                           class: "w-full",
-                          disabled: x.disabled,
-                          modelValue: +n(Q)(A.amount ?? { amount: 1, precision: 0 }),
-                          "onUpdate:modelValue": (q) => v(A.id, q, x.modelValue),
+                          disabled: g.disabled,
+                          modelValue: +n(Q)(M.amount ?? { amount: 1, precision: 0 }),
+                          "onUpdate:modelValue": (oe) => b(M.id, oe, g.modelValue),
                           invalid: L
                         }, null, 8, ["disabled", "modelValue", "onUpdate:modelValue", "invalid"])
                       ]),
-                      x.readonly ? U("", !0) : (b(), B("div", Kn, [
-                        k(N, {
-                          disabled: x.disabled,
+                      g.readonly ? T("", !0) : (y(), E("div", Kn, [
+                        h(R, {
+                          disabled: g.disabled,
                           type: "button",
                           variant: "plain",
                           icon: "delete",
                           "icon-color": "#000000",
-                          onClick: (q) => g(A.id)
+                          onClick: (oe) => _(M.id)
                         }, null, 8, ["disabled", "onClick"])
                       ]))
                     ])
@@ -1201,11 +1213,11 @@ const In = { class: "flex flex-col gap-24" }, wn = {
               _: 2
             }, 1032, ["disabled", "modelValue", "rules"]))), 128))
           ])
-        ])) : U("", !0),
-        y("div", qn, [
-          y("div", Wn, [
-            y("div", Yn, D(n(l)("inventory.inventoryBindings.ingredient")), 1),
-            x.readonly ? U("", !0) : (b(), Y(N, {
+        ])) : T("", !0),
+        v("div", qn, [
+          v("div", Wn, [
+            v("div", Yn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
+            g.readonly ? T("", !0) : (y(), Y(R, {
               key: 0,
               variant: "secondary",
               "text-color": "primary",
@@ -1215,44 +1227,69 @@ const In = { class: "flex flex-col gap-24" }, wn = {
               onClick: V
             }, null, 8, ["label"]))
           ]),
-          y("div", Jn, [
-            y("div", Hn, [
-              y("div", Qn, D(n(l)("inventory.inventoryBindings.ingredient")), 1),
-              y("div", Xn, D(n(l)("inventory.inventoryBindings.amount")), 1),
-              w[8] || (w[8] = y("div", { class: "w-[52px]" }, null, -1)),
-              (H = x.skuBindingConfig) != null && H.ableToApplyRules || (Z = x.skuBindingConfig) != null && Z.ableToConfigureAlternative ? (b(), B("div", Zn)) : U("", !0)
+          v("div", Jn, [
+            v("div", Hn, [
+              v("div", Qn, U(n(l)("inventory.inventoryBindings.ingredient")), 1),
+              v("div", Xn, U(n(l)("inventory.inventoryBindings.amount")), 1),
+              B[8] || (B[8] = v("div", { class: "w-[52px]" }, null, -1)),
+              (ee = g.skuBindingConfig) != null && ee.ableToApplyRules || (O = g.skuBindingConfig) != null && O.ableToConfigureAlternative ? (y(), E("div", Zn)) : T("", !0)
             ]),
-            (b(!0), B(X, null, me(e.value, (A) => {
-              var L, O, q;
-              return b(), Y($n, {
-                key: A.id,
-                "model-value": A,
-                "display-name": (L = a.value[A.id]) == null ? void 0 : L.name,
-                unit: z(A),
-                "show-error": r.value.has(A.id),
-                "able-to-apply-rules": ((O = x.skuBindingConfig) == null ? void 0 : O.ableToApplyRules) === !0,
-                "able-to-configure-alternative": ((q = x.skuBindingConfig) == null ? void 0 : q.ableToConfigureAlternative) === !0,
-                readonly: x.readonly,
-                disabled: x.disabled,
-                "onUpdate:modelValue": w[2] || (w[2] = (le) => c(le)),
-                onDelete: w[3] || (w[3] = (le) => g(le))
-              }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]);
+            (y(!0), E(X, null, me(e.value, (M) => {
+              var L, q, oe;
+              return y(), E(X, {
+                key: M.id
+              }, [
+                z(M) ? (y(), E("div", eo, [
+                  v("div", to, [
+                    v("div", no, U(M.id), 1),
+                    g.readonly ? T("", !0) : (y(), E("div", oo, [
+                      h(R, {
+                        disabled: g.disabled,
+                        type: "button",
+                        variant: "tertiary",
+                        icon: "delete",
+                        onClick: () => _(M.id)
+                      }, null, 8, ["disabled", "onClick"])
+                    ]))
+                  ]),
+                  v("div", io, [
+                    h(P, {
+                      name: "error",
+                      color: "system-error-300",
+                      size: "sm"
+                    }),
+                    v("div", null, U(n(l)("inventory.inventoryBindings.missingIngredient")), 1)
+                  ])
+                ])) : (y(), Y($n, {
+                  key: 1,
+                  "model-value": M,
+                  "display-name": (L = r.value[M.id]) == null ? void 0 : L.name,
+                  unit: N(M),
+                  "show-error": a.value.has(M.id),
+                  "able-to-apply-rules": ((q = g.skuBindingConfig) == null ? void 0 : q.ableToApplyRules) === !0,
+                  "able-to-configure-alternative": ((oe = g.skuBindingConfig) == null ? void 0 : oe.ableToConfigureAlternative) === !0,
+                  readonly: g.readonly,
+                  disabled: g.disabled,
+                  "onUpdate:modelValue": B[2] || (B[2] = (Z) => c(Z)),
+                  onDelete: B[3] || (B[3] = (Z) => _(Z))
+                }, null, 8, ["model-value", "display-name", "unit", "show-error", "able-to-apply-rules", "able-to-configure-alternative", "readonly", "disabled"]))
+              ], 64);
             }), 128))
           ])
         ])
       ]);
     };
   }
-}), to = { class: "flex flex-col gap-40" }, no = {
+}), ro = { class: "flex flex-col gap-40" }, ao = {
   key: 0,
   class: "flex flex-col gap-16"
-}, oo = {
+}, so = {
   key: 0,
   class: "col-span-2 mt-16 border-1 border-fm-color-neutral-gray-200 fm-corner-radius-lg flex flex-col p-16 gap-16"
-}, io = {
+}, uo = {
   key: 0,
   class: "flex flex-col items-center w-full h-full gap-24"
-}, lo = { key: 1 }, ao = { class: "mt-32" }, ro = /* @__PURE__ */ ie({
+}, co = { key: 1 }, po = { class: "mt-32" }, mo = /* @__PURE__ */ le({
   __name: "RecipeForm",
   props: {
     mode: {},
@@ -1261,175 +1298,175 @@ const In = { class: "flex flex-col gap-24" }, wn = {
   },
   emits: ["update:modelValue", "click:submit"],
   setup(m, { expose: d, emit: l }) {
-    const t = m, i = l, a = We(), { t: h } = oe(), u = R({
+    const t = m, i = l, r = We(), { t: x } = ie(), u = A({
       get() {
         var c;
         return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
       },
       set(c) {
-        const g = t.modelValue ?? {};
-        g.name = c, i("update:modelValue", g);
+        const _ = t.modelValue ?? {};
+        _.name = c, i("update:modelValue", _);
       }
-    }), o = R({
+    }), o = A({
       get() {
         var c;
         return ((c = t.modelValue) == null ? void 0 : c.contains) ?? [];
       },
       set(c) {
-        const g = t.modelValue ?? {};
-        g.contains = c, i("update:modelValue", g);
+        const _ = t.modelValue ?? {};
+        _.contains = c, i("update:modelValue", _);
       }
-    }), s = R({
+    }), s = A({
       get() {
         var c;
         return ((c = t.modelValue) == null ? void 0 : c.customAttributes) ?? {};
       },
       set(c) {
-        const g = t.modelValue ? {
+        const _ = t.modelValue ? {
           ...t.modelValue
         } : {};
-        g.customAttributes = c, i("update:modelValue", g);
+        _.customAttributes = c, i("update:modelValue", _);
       }
-    }), r = R({
+    }), a = A({
       get() {
         var c;
         return ((c = t.modelValue) == null ? void 0 : c.version) ?? null;
       },
       set(c) {
-        const g = t.modelValue ? { ...t.modelValue } : {};
-        g.version = c, i("update:modelValue", g);
+        const _ = t.modelValue ? { ...t.modelValue } : {};
+        _.version = c, i("update:modelValue", _);
       }
-    }), p = R({
+    }), p = A({
       get() {
-        return r.value === "v2";
+        return a.value === "v2";
       },
       set(c) {
-        r.value = c ? "v2" : null;
+        a.value = c ? "v2" : null;
       }
     });
     function $() {
       i("click:submit");
     }
-    const C = K();
+    const C = W();
     d({
       validateInputs: () => {
-        var c, g;
-        (g = (c = C.value) == null ? void 0 : c.validateInputs) == null || g.call(c);
+        var c, _;
+        (_ = (c = C.value) == null ? void 0 : c.validateInputs) == null || _.call(c);
       },
       resetInputsValidation: () => {
-        var c, g;
-        (g = (c = C.value) == null ? void 0 : c.resetInputsValidation) == null || g.call(c);
+        var c, _;
+        (_ = (c = C.value) == null ? void 0 : c.resetInputsValidation) == null || _.call(c);
       },
       resetInputs: () => {
-        var c, g;
-        (g = (c = C.value) == null ? void 0 : c.resetInputs) == null || g.call(c);
+        var c, _;
+        (_ = (c = C.value) == null ? void 0 : c.resetInputs) == null || _.call(c);
       }
     });
-    const I = ne(), f = K([]), _ = K(!1), S = K(!1);
-    ue(_, async (c) => {
-      v(c);
+    const I = ne(), f = W([]), k = W(!1), S = W(!1);
+    ue(k, async (c) => {
+      b(c);
     });
-    async function v(c) {
-      var g, z;
-      c && !S.value && ((g = t.modelValue) != null && g._id) && (S.value = !0, f.value = await I.getAffectedMenu((z = t.modelValue) == null ? void 0 : z._id).delayed(500), S.value = !1);
+    async function b(c) {
+      var _, N;
+      c && !S.value && ((_ = t.modelValue) != null && _._id) && (S.value = !0, f.value = await I.getAffectedMenu((N = t.modelValue) == null ? void 0 : N._id).delayed(500), S.value = !1);
     }
-    const e = R(
+    const e = A(
       () => I.recipes.map((c) => ({ label: c.name, value: c.name }))
-    ), V = R(() => {
+    ), V = A(() => {
       var c;
       return ((c = t.modelValue) == null ? void 0 : c.name) ?? "";
     });
-    return (c, g) => {
-      const z = G("FmTextField"), x = G("FmSwitch"), w = G("FmCard"), F = G("FmSpacer"), N = G("FmCircularProgress"), T = G("FmForm");
-      return b(), Y(T, {
+    return (c, _) => {
+      const N = G("FmTextField"), z = G("FmSwitch"), g = G("FmCard"), B = G("FmSpacer"), F = G("FmCircularProgress"), R = G("FmForm");
+      return y(), Y(R, {
         ref_key: "formRef",
         ref: C,
         onValidationSuccess: $
       }, {
         default: J(() => [
-          y("div", to, [
-            k(z, {
+          v("div", ro, [
+            h(N, {
               disabled: c.disabled,
-              label: n(h)("inventory.recipe.name"),
+              label: n(x)("inventory.recipe.name"),
               "model-value": u.value,
-              "onUpdate:modelValue": g[0] || (g[0] = (P) => u.value = P),
+              "onUpdate:modelValue": _[0] || (_[0] = (P) => u.value = P),
               rules: [
                 n(Rt)(),
                 n(lt)(e.value, V.value, (P) => `[${P.value}] already exists`)
               ],
               "label-mark": "required"
             }, null, 8, ["disabled", "label", "model-value", "rules"]),
-            n(a).enableRecipeV2 ? (b(), B("div", no, [
-              k(x, {
+            n(r).enableRecipeV2 ? (y(), E("div", ao, [
+              h(z, {
                 modelValue: p.value,
-                "onUpdate:modelValue": g[1] || (g[1] = (P) => p.value = P),
+                "onUpdate:modelValue": _[1] || (_[1] = (P) => p.value = P),
                 value: !0,
-                label: n(h)("inventory.recipe.enableRecipeV2"),
+                label: n(x)("inventory.recipe.enableRecipeV2"),
                 "label-placement": "right",
                 disabled: c.disabled,
-                sublabel: n(h)("inventory.recipe.recipeV2Warning")
+                sublabel: n(x)("inventory.recipe.recipeV2Warning")
               }, null, 8, ["modelValue", "label", "disabled", "sublabel"])
-            ])) : U("", !0),
-            k(w, {
+            ])) : T("", !0),
+            h(g, {
               variant: "outlined",
               class: "p-16"
             }, {
               default: J(() => {
-                var P, W;
+                var P, K;
                 return [
-                  n(a).enableRecipeV2 ? (b(), Y(eo, {
+                  n(r).enableRecipeV2 ? (y(), Y(lo, {
                     key: 0,
                     id: (P = c.modelValue) == null ? void 0 : P._id,
                     disabled: c.disabled,
                     "model-value": o.value,
-                    "onUpdate:modelValue": g[2] || (g[2] = (H) => o.value = H),
+                    "onUpdate:modelValue": _[2] || (_[2] = (H) => o.value = H),
                     rules: [n(Ne)(1)],
-                    "enable-ingredient-group": n(a).enableIngredientGroup,
+                    "enable-ingredient-group": n(r).enableIngredientGroup,
                     "recipe-binding-config": { enabled: !p.value, ableToApplyRules: p.value },
                     "sku-binding-config": {
                       ableToConfigureAlternative: p.value
                     }
-                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (b(), Y(At, {
+                  }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group", "recipe-binding-config", "sku-binding-config"])) : (y(), Y(At, {
                     key: 1,
-                    id: (W = c.modelValue) == null ? void 0 : W._id,
+                    id: (K = c.modelValue) == null ? void 0 : K._id,
                     disabled: c.disabled,
                     "model-value": o.value,
-                    "onUpdate:modelValue": g[3] || (g[3] = (H) => o.value = H),
+                    "onUpdate:modelValue": _[3] || (_[3] = (H) => o.value = H),
                     rules: [n(Ne)(1)],
-                    "enable-ingredient-group": n(a).enableIngredientGroup
+                    "enable-ingredient-group": n(r).enableIngredientGroup
                   }, null, 8, ["id", "disabled", "model-value", "rules", "enable-ingredient-group"]))
                 ];
               }),
               _: 1
             })
           ]),
-          c.mode !== n(se).CREATE ? (b(), B("div", oo, [
-            k(x, {
+          c.mode !== n(se).CREATE ? (y(), E("div", so, [
+            h(z, {
               label: "Show binded items",
-              modelValue: _.value,
-              "onUpdate:modelValue": g[4] || (g[4] = (P) => _.value = P),
+              modelValue: k.value,
+              "onUpdate:modelValue": _[4] || (_[4] = (P) => k.value = P),
               "label-placement": "right",
               disabled: S.value
             }, null, 8, ["modelValue", "disabled"]),
-            S.value ? (b(), B("div", io, [
-              k(F),
-              y("div", null, [
-                k(N, { size: "xl" })
+            S.value ? (y(), E("div", uo, [
+              h(B),
+              v("div", null, [
+                h(F, { size: "xl" })
               ]),
-              g[6] || (g[6] = y("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
-              k(F)
-            ])) : _.value && f.value.length ? (b(), B("div", lo, [
-              k(nt, {
+              _[6] || (_[6] = v("div", { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary pl-8" }, "Loading...", -1)),
+              h(B)
+            ])) : k.value && f.value.length ? (y(), E("div", co, [
+              h(nt, {
                 name: "Menu",
                 bindings: f.value
               }, null, 8, ["bindings"])
-            ])) : U("", !0)
-          ])) : U("", !0),
-          y("div", ao, [
-            k(Ot, {
+            ])) : T("", !0)
+          ])) : T("", !0),
+          v("div", po, [
+            h(Ot, {
               entity: "inventoryRecipe",
               modelValue: s.value,
-              "onUpdate:modelValue": g[5] || (g[5] = (P) => s.value = P)
+              "onUpdate:modelValue": _[5] || (_[5] = (P) => s.value = P)
             }, null, 8, ["modelValue"])
           ])
         ]),
@@ -1437,7 +1474,7 @@ const In = { class: "flex flex-col gap-24" }, wn = {
       }, 512);
     };
   }
-}), so = { class: "flex gap-4" }, uo = /* @__PURE__ */ ie({
+}), fo = { class: "flex gap-4" }, vo = /* @__PURE__ */ le({
   __name: "RecipeDialog",
   props: {
     show: { type: Boolean },
@@ -1446,7 +1483,7 @@ const In = { class: "flex flex-col gap-24" }, wn = {
   },
   emits: ["update:show"],
   setup(m) {
-    const d = m, l = ne(), t = je(), { t: i } = oe(), a = Ge(d, "show"), h = Ge(d, "recipe"), u = R(() => {
+    const d = m, l = ne(), t = je(), { t: i } = ie(), r = Ge(d, "show"), x = Ge(d, "recipe"), u = A(() => {
       switch (d.mode) {
         case se.READ:
           return "";
@@ -1456,7 +1493,7 @@ const In = { class: "flex flex-col gap-24" }, wn = {
           return i("inventory.recipe.create.title");
       }
       return "";
-    }), o = R(() => {
+    }), o = A(() => {
       switch (d.mode) {
         case se.READ:
           return "";
@@ -1466,14 +1503,14 @@ const In = { class: "flex flex-col gap-24" }, wn = {
           return i("common.add");
       }
       return "";
-    }), s = K(), r = K(!1);
+    }), s = W(), a = W(!1);
     async function p() {
-      r.value = !0;
+      a.value = !0;
       try {
-        const f = Oe(h.value);
-        f.precision ?? (f.precision = 0), f.measurements ?? (f.measurements = []), await l.createRecipe(f), a.value = !1, t.open({
+        const f = Oe(x.value);
+        f.precision ?? (f.precision = 0), f.measurements ?? (f.measurements = []), await l.createRecipe(f), r.value = !1, t.open({
           title: i("inventory.common.success"),
-          message: i("inventory.recipe.create.success", { name: h.value.name }),
+          message: i("inventory.recipe.create.success", { name: x.value.name }),
           type: "success"
         });
       } catch (f) {
@@ -1483,15 +1520,15 @@ const In = { class: "flex flex-col gap-24" }, wn = {
           type: "error"
         });
       } finally {
-        r.value = !1;
+        a.value = !1;
       }
     }
     async function $() {
-      r.value = !0;
+      a.value = !0;
       try {
-        await l.updateRecipe(h.value), a.value = !1, t.open({
+        await l.updateRecipe(x.value), r.value = !1, t.open({
           title: i("inventory.common.success"),
-          message: i("inventory.recipe.update.success", { name: h.value.name }),
+          message: i("inventory.recipe.update.success", { name: x.value.name }),
           type: "success"
         });
       } catch (f) {
@@ -1501,12 +1538,12 @@ const In = { class: "flex flex-col gap-24" }, wn = {
           type: "error"
         });
       } finally {
-        r.value = !1;
+        a.value = !1;
       }
     }
     function C() {
-      var f, _;
-      (_ = (f = s.value) == null ? void 0 : f.validateInputs) == null || _.call(f);
+      var f, k;
+      (k = (f = s.value) == null ? void 0 : f.validateInputs) == null || k.call(f);
     }
     function I() {
       switch (d.mode) {
@@ -1518,41 +1555,41 @@ const In = { class: "flex flex-col gap-24" }, wn = {
           return p();
       }
     }
-    return (f, _) => {
-      const S = G("FmButton"), v = G("FmSideSheet");
-      return b(), Y(v, {
-        "model-value": n(a),
-        "onUpdate:modelValue": _[3] || (_[3] = (e) => De(a) ? a.value = e : null),
+    return (f, k) => {
+      const S = G("FmButton"), b = G("FmSideSheet");
+      return y(), Y(b, {
+        "model-value": n(r),
+        "onUpdate:modelValue": k[3] || (k[3] = (e) => De(r) ? r.value = e : null),
         header: u.value,
         "close-button": "",
         "dismiss-away": "",
         "max-width": 800
       }, {
         "side-sheet-footer": J(() => [
-          y("div", so, [
-            k(S, {
-              loading: r.value,
+          v("div", fo, [
+            h(S, {
+              loading: a.value,
               label: o.value,
               onClick: C
             }, null, 8, ["loading", "label"]),
-            k(S, {
-              disabled: r.value,
+            h(S, {
+              disabled: a.value,
               label: n(i)("common.close"),
               variant: "tertiary",
-              onClick: _[2] || (_[2] = (e) => a.value = !1)
+              onClick: k[2] || (k[2] = (e) => r.value = !1)
             }, null, 8, ["disabled", "label"])
           ])
         ]),
         default: J(() => [
-          k(ro, {
+          h(mo, {
             class: "w-full",
             ref_key: "hasValidationExpose",
             ref: s,
-            modelValue: n(h),
-            "onUpdate:modelValue": _[0] || (_[0] = (e) => De(h) ? h.value = e : null),
+            modelValue: n(x),
+            "onUpdate:modelValue": k[0] || (k[0] = (e) => De(x) ? x.value = e : null),
             mode: f.mode,
-            disabled: r.value,
-            "onClick:submit": _[1] || (_[1] = (e) => I())
+            disabled: a.value,
+            "onClick:submit": k[1] || (k[1] = (e) => I())
           }, null, 8, ["modelValue", "mode", "disabled"])
         ]),
         _: 1
@@ -1568,14 +1605,14 @@ function ke(m, d, l) {
     else if (i.type === be.enum.SKU_GROUP)
       t.push({ ...i, isGroup: !0, recipeIds: [...d] });
     else if (i.type === be.enum.RECIPE) {
-      const a = l[i.id];
-      a && !d.has(i.id) && t.push(
-        ...ke(a.contains, /* @__PURE__ */ new Set([...d, i.id]), l)
+      const r = l[i.id];
+      r && !d.has(i.id) && t.push(
+        ...ke(r.contains, /* @__PURE__ */ new Set([...d, i.id]), l)
       );
     }
   return t;
 }
-function co(m, d) {
+function yo(m, d) {
   return he.equal(m, d);
 }
 function Ae(m) {
@@ -1596,115 +1633,115 @@ function Xe(m) {
   return m.measurement ? he.multiplyDecimal(m.amount, m.measurement.conversion) : m.amount;
 }
 function Me(m, d) {
-  var i, a;
-  if (m.type !== d.type || m.id !== d.id || !co(Xe(m), Xe(d))) return !1;
-  const l = ((i = m.measurement) == null ? void 0 : i.id) ?? null, t = ((a = d.measurement) == null ? void 0 : a.id) ?? null;
+  var i, r;
+  if (m.type !== d.type || m.id !== d.id || !yo(Xe(m), Xe(d))) return !1;
+  const l = ((i = m.measurement) == null ? void 0 : i.id) ?? null, t = ((r = d.measurement) == null ? void 0 : r.id) ?? null;
   return !(l !== t || Ae(m.rules) !== Ae(d.rules) || Te(m.alternatives) !== Te(d.alternatives));
 }
 function Ze(m, d) {
   return m.type === d.type && m.id === d.id;
 }
-function po(m, d) {
+function bo(m, d) {
   const l = [];
   let t = [...m.contains];
-  for (const a of d)
-    switch (a.type) {
+  for (const r of d)
+    switch (r.type) {
       case "remove-binding": {
-        const h = t.findIndex(
-          (u) => u.type === a.target.type && u.id === a.target.id
+        const x = t.findIndex(
+          (u) => u.type === r.target.type && u.id === r.target.id
         );
-        h === -1 ? l.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" }) : (t = [...t.slice(0, h), ...t.slice(h + 1)], l.push({ change: a, outcome: "applied" }));
+        x === -1 ? l.push({ change: r, outcome: "ignored", reason: "Source binding not found in target" }) : (t = [...t.slice(0, x), ...t.slice(x + 1)], l.push({ change: r, outcome: "applied" }));
         break;
       }
       case "add-binding": {
-        if (t.find((o) => Me(o, a.binding))) {
-          l.push({ change: a, outcome: "already-satisfied", reason: "Exact binding already present" });
+        if (t.find((o) => Me(o, r.binding))) {
+          l.push({ change: r, outcome: "already-satisfied", reason: "Exact binding already present" });
           break;
         }
-        if (t.find((o) => Ze(o, a.binding))) {
-          l.push({ change: a, outcome: "blocked", reason: "A similar but non-exact binding already exists" });
+        if (t.find((o) => Ze(o, r.binding))) {
+          l.push({ change: r, outcome: "blocked", reason: "A similar but non-exact binding already exists" });
           break;
         }
-        if (m.version === "v2" && a.binding.type === "RECIPE") {
-          l.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+        if (m.version === "v2" && r.binding.type === "RECIPE") {
+          l.push({ change: r, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
           break;
         }
-        if (m.version !== "v2" && (a.binding.alternatives ?? []).length > 0) {
-          l.push({ change: a, outcome: "blocked", reason: "Cannot add a binding with alternatives to a non-V2 recipe" });
+        if (m.version !== "v2" && (r.binding.alternatives ?? []).length > 0) {
+          l.push({ change: r, outcome: "blocked", reason: "Cannot add a binding with alternatives to a non-V2 recipe" });
           break;
         }
-        t = [...t, a.binding], l.push({ change: a, outcome: "applied" });
+        t = [...t, r.binding], l.push({ change: r, outcome: "applied" });
         break;
       }
       case "replace-binding": {
-        const h = t.findIndex(
-          (s) => s.type === a.from.type && s.id === a.from.id
-        ), u = t.find((s) => Me(s, a.to)), o = t.find((s, r) => r !== h && Ze(s, a.to) && !Me(s, a.to));
-        if (h === -1) {
-          u ? l.push({ change: a, outcome: "already-satisfied", reason: "Target already has exact replacement" }) : l.push({ change: a, outcome: "ignored", reason: "Source binding not found in target" });
+        const x = t.findIndex(
+          (s) => s.type === r.from.type && s.id === r.from.id
+        ), u = t.find((s) => Me(s, r.to)), o = t.find((s, a) => a !== x && Ze(s, r.to) && !Me(s, r.to));
+        if (x === -1) {
+          u ? l.push({ change: r, outcome: "already-satisfied", reason: "Target already has exact replacement" }) : l.push({ change: r, outcome: "ignored", reason: "Source binding not found in target" });
           break;
         }
-        if (m.version === "v2" && a.to.type === "RECIPE") {
-          l.push({ change: a, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
+        if (m.version === "v2" && r.to.type === "RECIPE") {
+          l.push({ change: r, outcome: "blocked", reason: "Cannot add RECIPE binding to a V2 recipe" });
           break;
         }
-        if (m.version !== "v2" && (a.to.alternatives ?? []).length > 0) {
-          l.push({ change: a, outcome: "blocked", reason: "Cannot apply a binding with alternatives to a non-V2 recipe" });
+        if (m.version !== "v2" && (r.to.alternatives ?? []).length > 0) {
+          l.push({ change: r, outcome: "blocked", reason: "Cannot apply a binding with alternatives to a non-V2 recipe" });
           break;
         }
         if (o) {
-          l.push({ change: a, outcome: "blocked", reason: "A similar but non-exact replacement binding already exists" });
+          l.push({ change: r, outcome: "blocked", reason: "A similar but non-exact replacement binding already exists" });
           break;
         }
-        u ? (t = [...t.slice(0, h), ...t.slice(h + 1)], l.push({ change: a, outcome: "applied", reason: "Source removed; replacement already present" })) : (t = [
-          ...t.slice(0, h),
-          a.to,
-          ...t.slice(h + 1)
-        ], l.push({ change: a, outcome: "applied" }));
+        u ? (t = [...t.slice(0, x), ...t.slice(x + 1)], l.push({ change: r, outcome: "applied", reason: "Source removed; replacement already present" })) : (t = [
+          ...t.slice(0, x),
+          r.to,
+          ...t.slice(x + 1)
+        ], l.push({ change: r, outcome: "applied" }));
         break;
       }
       case "update-binding-rule": {
-        const h = t.findIndex(
-          (r) => r.type === a.target.type && r.id === a.target.id
+        const x = t.findIndex(
+          (a) => a.type === r.target.type && a.id === r.target.id
         );
-        if (h === -1) {
-          l.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+        if (x === -1) {
+          l.push({ change: r, outcome: "ignored", reason: "Binding not found in target" });
           break;
         }
-        const u = t[h], o = u.rules ?? null, s = a.rule ?? null;
+        const u = t[x], o = u.rules ?? null, s = r.rule ?? null;
         if (Ae(o) === Ae(s)) {
-          l.push({ change: a, outcome: "already-satisfied", reason: "Rule already matches" });
+          l.push({ change: r, outcome: "already-satisfied", reason: "Rule already matches" });
           break;
         }
         t = [
-          ...t.slice(0, h),
+          ...t.slice(0, x),
           { ...u, rules: s },
-          ...t.slice(h + 1)
-        ], l.push({ change: a, outcome: "applied" });
+          ...t.slice(x + 1)
+        ], l.push({ change: r, outcome: "applied" });
         break;
       }
       case "update-alternatives": {
         if (m.version !== "v2") {
-          l.push({ change: a, outcome: "blocked", reason: "Cannot update alternatives on a non-V2 recipe" });
+          l.push({ change: r, outcome: "blocked", reason: "Cannot update alternatives on a non-V2 recipe" });
           break;
         }
-        const h = t.findIndex(
-          (r) => r.type === a.target.type && r.id === a.target.id
+        const x = t.findIndex(
+          (a) => a.type === r.target.type && a.id === r.target.id
         );
-        if (h === -1) {
-          l.push({ change: a, outcome: "ignored", reason: "Binding not found in target" });
+        if (x === -1) {
+          l.push({ change: r, outcome: "ignored", reason: "Binding not found in target" });
           break;
         }
-        const u = t[h], o = Te(u.alternatives), s = Te(a.alternatives);
+        const u = t[x], o = Te(u.alternatives), s = Te(r.alternatives);
         if (o === s) {
-          l.push({ change: a, outcome: "already-satisfied", reason: "Alternatives already match" });
+          l.push({ change: r, outcome: "already-satisfied", reason: "Alternatives already match" });
           break;
         }
         t = [
-          ...t.slice(0, h),
-          { ...u, alternatives: a.alternatives },
-          ...t.slice(h + 1)
-        ], l.push({ change: a, outcome: "applied" });
+          ...t.slice(0, x),
+          { ...u, alternatives: r.alternatives },
+          ...t.slice(x + 1)
+        ], l.push({ change: r, outcome: "applied" });
         break;
       }
     }
@@ -1724,17 +1761,17 @@ function et(m) {
       return m.target.id !== "";
   }
 }
-function mo(m) {
+function go(m) {
   if (m.length === 0) return "no-applicable-changes";
   let d = 0, l = 0, t = 0, i = 0;
-  for (const a of m)
-    a.outcome === "applied" ? d++ : a.outcome === "blocked" ? l++ : a.outcome === "ignored" ? t++ : a.outcome === "already-satisfied" && i++;
+  for (const r of m)
+    r.outcome === "applied" ? d++ : r.outcome === "blocked" ? l++ : r.outcome === "ignored" ? t++ : r.outcome === "already-satisfied" && i++;
   return l > 0 && d === 0 ? "blocked" : i === m.length ? "already-satisfied" : d > 0 && (t > 0 || l > 0) ? "partially-ignored" : d > 0 ? "will-update" : "no-applicable-changes";
 }
-let fo = 0;
-function vo(m = null) {
+let _o = 0;
+function ko(m = null) {
   return {
-    id: String(++fo),
+    id: String(++_o),
     type: m,
     itemId: null,
     amountModel: ye()
@@ -1745,60 +1782,60 @@ function ut(m, d, l, t) {
     if (i.type === "RECIPE") {
       if (i.id === d) return !0;
       if (!l.has(i.id)) {
-        const a = t[i.id];
-        if (a && ut(a.contains, d, /* @__PURE__ */ new Set([...l, i.id]), t))
+        const r = t[i.id];
+        if (r && ut(r.contains, d, /* @__PURE__ */ new Set([...l, i.id]), t))
           return !0;
       }
     }
   return !1;
 }
 const ge = ot("recipeBulkEditor", function() {
-  const d = ne(), l = je(), { t } = oe(), i = K(!1), a = K(1), h = K(null), u = K(/* @__PURE__ */ new Set()), o = K([]), s = K({}), r = K(!1), p = K(/* @__PURE__ */ new Map()), $ = K(""), C = K([]), I = R(() => {
-    let A = d.recipes;
-    const L = h.value;
-    if (L != null && L.nameSearch) {
-      const O = L.nameSearch.trim().toLowerCase();
-      O && (A = A.filter((q) => q.name.toLowerCase().includes(O)));
-    }
-    if (L != null && L.filters && L.filters.length > 0) {
-      const O = /* @__PURE__ */ new Map();
-      for (const q of A)
-        O.set(
+  const d = ne(), l = je(), { t } = ie(), i = W(!1), r = W(1), x = W(null), u = W(/* @__PURE__ */ new Set()), o = W([]), s = W({}), a = W(!1), p = W(/* @__PURE__ */ new Map()), $ = W(""), C = W([]), I = A(() => {
+    let O = d.recipes;
+    const M = x.value;
+    if (M != null && M.nameSearch) {
+      const L = M.nameSearch.trim().toLowerCase();
+      L && (O = O.filter((q) => q.name.toLowerCase().includes(L)));
+    }
+    if (M != null && M.filters && M.filters.length > 0) {
+      const L = /* @__PURE__ */ new Map();
+      for (const q of O)
+        L.set(
           q._id,
           ke(q.contains, /* @__PURE__ */ new Set([q._id]), d.recipeById)
         );
-      for (const q of L.filters)
+      for (const q of M.filters)
         if (q.type === "ingredient") {
-          const { itemId: le, amount: ee, measurementId: re } = q;
-          A = A.filter((fe) => (O.get(fe._id) ?? []).some((ae) => {
+          const { itemId: oe, amount: Z, measurementId: ae } = q;
+          O = O.filter((fe) => (L.get(fe._id) ?? []).some((re) => {
             var ce;
-            if (ae.type !== "SKU" || ae.id !== le) return !1;
-            if (ae.recipeIds.length === 1) {
-              if (ee != null) {
-                const Ue = ae.measurement ? he.multiplyDecimal(ae.amount, ae.measurement.conversion) : ae.amount;
-                if (!he.equal(Ue, ee)) return !1;
+            if (re.type !== "SKU" || re.id !== oe) return !1;
+            if (re.recipeIds.length === 1) {
+              if (Z != null) {
+                const Ue = re.measurement ? he.multiplyDecimal(re.amount, re.measurement.conversion) : re.amount;
+                if (!he.equal(Ue, Z)) return !1;
               }
-              if (re != null && (((ce = ae.measurement) == null ? void 0 : ce.id) ?? null) !== re)
+              if (ae != null && (((ce = re.measurement) == null ? void 0 : ce.id) ?? null) !== ae)
                 return !1;
             }
             return !0;
           }));
         } else if (q.type === "recipe") {
-          const le = q.itemId;
-          A = A.filter(
-            (ee) => ut(ee.contains, le, /* @__PURE__ */ new Set([ee._id]), d.recipeById)
+          const oe = q.itemId;
+          O = O.filter(
+            (Z) => ut(Z.contains, oe, /* @__PURE__ */ new Set([Z._id]), d.recipeById)
           );
         }
     }
-    return A;
-  }), f = R(
-    () => I.value.filter((A) => !u.value.has(A._id))
-  ), _ = R(() => f.value.length > 0), S = R(() => {
-    const A = o.value.filter(et);
-    if (A.length === 0) {
-      const O = {};
+    return O;
+  }), f = A(
+    () => I.value.filter((O) => !u.value.has(O._id))
+  ), k = A(() => f.value.length > 0), S = A(() => {
+    const O = o.value.filter(et);
+    if (O.length === 0) {
+      const L = {};
       for (const q of f.value)
-        O[q._id] = {
+        L[q._id] = {
           recipeId: q._id,
           recipeName: q.name,
           original: q,
@@ -1807,27 +1844,27 @@ const ge = ot("recipeBulkEditor", function() {
           changes: [],
           counts: { applied: 0, ignored: 0, blocked: 0, satisfied: 0 }
         };
-      return O;
-    }
-    const L = {};
-    for (const O of f.value) {
-      const q = JSON.parse(JSON.stringify(O)), { projected: le, results: ee } = po(q, A), re = mo(ee);
-      let fe = 0, xe = 0, ae = 0, ve = 0;
-      for (const ce of ee)
-        ce.outcome === "applied" ? fe++ : ce.outcome === "ignored" ? xe++ : ce.outcome === "blocked" ? ae++ : ce.outcome === "already-satisfied" && ve++;
-      L[O._id] = {
-        recipeId: O._id,
-        recipeName: O.name,
+      return L;
+    }
+    const M = {};
+    for (const L of f.value) {
+      const q = JSON.parse(JSON.stringify(L)), { projected: oe, results: Z } = bo(q, O), ae = go(Z);
+      let fe = 0, xe = 0, re = 0, ve = 0;
+      for (const ce of Z)
+        ce.outcome === "applied" ? fe++ : ce.outcome === "ignored" ? xe++ : ce.outcome === "blocked" ? re++ : ce.outcome === "already-satisfied" && ve++;
+      M[L._id] = {
+        recipeId: L._id,
+        recipeName: L.name,
         original: q,
-        projected: re === "will-update" || re === "partially-ignored" ? le : null,
-        status: re,
-        changes: ee,
-        counts: { applied: fe, ignored: xe, blocked: ae, satisfied: ve }
+        projected: ae === "will-update" || ae === "partially-ignored" ? oe : null,
+        status: ae,
+        changes: Z,
+        counts: { applied: fe, ignored: xe, blocked: re, satisfied: ve }
       };
     }
-    return L;
-  }), v = R(() => o.value.some(et) ? Object.values(S.value).some(
-    (A) => A.status === "will-update" || A.status === "partially-ignored"
+    return M;
+  }), b = A(() => o.value.some(et) ? Object.values(S.value).some(
+    (O) => O.status === "will-update" || O.status === "partially-ignored"
   ) : !1);
   function e() {
     c(), i.value = !0;
@@ -1836,61 +1873,61 @@ const ge = ot("recipeBulkEditor", function() {
     i.value = !1;
   }
   function c() {
-    a.value = 1, h.value = null, u.value = /* @__PURE__ */ new Set(), o.value = [], s.value = {}, r.value = !1, p.value = /* @__PURE__ */ new Map(), $.value = "", C.value = [];
+    r.value = 1, x.value = null, u.value = /* @__PURE__ */ new Set(), o.value = [], s.value = {}, a.value = !1, p.value = /* @__PURE__ */ new Map(), $.value = "", C.value = [];
   }
-  function g(A) {
-    h.value = A;
+  function _(O) {
+    x.value = O;
   }
-  function z(A) {
-    const L = new Set(u.value);
-    L.add(A), u.value = L;
+  function N(O) {
+    const M = new Set(u.value);
+    M.add(O), u.value = M;
   }
-  function x() {
+  function z() {
     u.value = /* @__PURE__ */ new Set();
   }
-  function w(A) {
-    o.value = [...o.value, A];
+  function g(O) {
+    o.value = [...o.value, O];
   }
-  function F(A, L) {
-    const O = [...o.value];
-    O[A] = L, o.value = O;
+  function B(O, M) {
+    const L = [...o.value];
+    L[O] = M, o.value = L;
   }
-  function N(A) {
-    o.value = o.value.filter((L, O) => O !== A);
+  function F(O) {
+    o.value = o.value.filter((M, L) => L !== O);
   }
-  function T(A, L) {
-    const O = [...o.value], [q] = O.splice(A, 1);
-    O.splice(L, 0, q), o.value = O;
+  function R(O, M) {
+    const L = [...o.value], [q] = L.splice(O, 1);
+    L.splice(M, 0, q), o.value = L;
   }
   function P() {
-    s.value = { ...S.value }, a.value = 3;
+    s.value = { ...S.value }, r.value = 3;
   }
-  function W() {
-    s.value = {}, a.value = 2;
+  function K() {
+    s.value = {}, r.value = 2;
   }
   function H() {
     return Object.values(s.value).filter(
-      (A) => (A.status === "will-update" || A.status === "partially-ignored") && A.projected != null
-    ).map((A) => A.projected);
+      (O) => (O.status === "will-update" || O.status === "partially-ignored") && O.projected != null
+    ).map((O) => O.projected);
   }
-  async function Z() {
-    if (!r.value) {
-      r.value = !0, p.value = /* @__PURE__ */ new Map();
+  async function ee() {
+    if (!a.value) {
+      a.value = !0, p.value = /* @__PURE__ */ new Map();
       try {
-        const A = H(), L = await d.importRecipes({
+        const O = H(), M = await d.importRecipes({
           create: [],
-          update: A
-        }), O = (L == null ? void 0 : L.errors) ?? [];
-        if (O.length > 0) {
+          update: O
+        }), L = (M == null ? void 0 : M.errors) ?? [];
+        if (L.length > 0) {
           const q = /* @__PURE__ */ new Map();
-          for (const { data: le, error: ee } of O) {
-            const re = typeof ee == "string" ? ee : (ee == null ? void 0 : ee.message) ?? t("inventory.recipe.bulkEditor.step3.unknownError");
-            q.set(le._id, re);
+          for (const { data: oe, error: Z } of L) {
+            const ae = typeof Z == "string" ? Z : (Z == null ? void 0 : Z.message) ?? t("inventory.recipe.bulkEditor.step3.unknownError");
+            q.set(oe._id, ae);
           }
           p.value = q, l.open({
             title: t("inventory.recipe.bulkEditor.step3.partialErrorTitle"),
             message: t("inventory.recipe.bulkEditor.step3.partialErrorMessage", {
-              count: O.length
+              count: L.length
             }),
             type: "warning"
           });
@@ -1898,30 +1935,30 @@ const ge = ot("recipeBulkEditor", function() {
           l.open({
             title: t("inventory.recipe.bulkEditor.step3.successTitle"),
             message: t("inventory.recipe.bulkEditor.step3.successMessage", {
-              count: A.length
+              count: O.length
             }),
             type: "success"
           }), i.value = !1, c();
-      } catch (A) {
+      } catch (O) {
         l.open({
           title: t("inventory.recipe.bulkEditor.step3.errorTitle"),
           message: t("inventory.recipe.bulkEditor.step3.errorMessage"),
           type: "error"
-        }), console.error("confirmAndApply failed", A);
+        }), console.error("confirmAndApply failed", O);
       } finally {
-        r.value = !1;
+        a.value = !1;
       }
     }
   }
   return {
     // state
     show: i,
-    currentStep: a,
-    query: h,
+    currentStep: r,
+    query: x,
     excludedRecipeIds: u,
     modifications: o,
     entries: s,
-    isSaving: r,
+    isSaving: a,
     applyErrors: p,
     nameSearch: $,
     filterRows: C,
@@ -1929,257 +1966,257 @@ const ge = ot("recipeBulkEditor", function() {
     matchedRecipes: I,
     selectedRecipes: f,
     livePreviewEntries: S,
-    canGoToStep2: _,
-    canGoToStep3: v,
+    canGoToStep2: k,
+    canGoToStep3: b,
     // actions
     openDialog: e,
     closeDialog: V,
     reset: c,
-    updateQuery: g,
-    removeRecipe: z,
-    restoreAllRecipes: x,
-    addModification: w,
-    updateModification: F,
-    removeModification: N,
-    reorderModification: T,
+    updateQuery: _,
+    removeRecipe: N,
+    restoreAllRecipes: z,
+    addModification: g,
+    updateModification: B,
+    removeModification: F,
+    reorderModification: R,
     goToStep3: P,
-    backToStep2: W,
+    backToStep2: K,
     buildPayload: H,
-    confirmAndApply: Z
+    confirmAndApply: ee
   };
-}), yo = { class: "flex flex-col h-full" }, bo = { class: "px-16 pt-16 pb-8 shrink-0 flex items-center justify-between" }, go = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, _o = { class: "px-16 pt-12 pb-16 border-b border-fm-color-border-default bg-fm-color-surface-default flex flex-col gap-12 shrink-0" }, ko = {
+}), ho = { class: "flex flex-col h-full" }, xo = { class: "px-16 pt-16 pb-8 shrink-0 flex items-center justify-between" }, $o = { class: "fm-typo-en-heading-sm-700 text-fm-color-typo-primary" }, Io = { class: "px-16 pt-12 pb-16 border-b border-fm-color-border-default bg-fm-color-surface-default flex flex-col gap-12 shrink-0" }, wo = {
   key: 0,
   class: "flex flex-wrap items-center gap-8"
-}, ho = {
+}, Eo = {
   type: "button",
   class: "inline-flex items-center gap-4 h-[30px] pl-8 pr-6 rounded-l-md border border-r-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover cursor-pointer select-none transition-colors"
-}, xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, $o = { class: "flex flex-col gap-8 p-12 min-w-[260px]" }, Io = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, wo = {
+}, Vo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-primary" }, So = { class: "flex flex-col gap-8 p-12 min-w-[260px]" }, Co = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary" }, Bo = {
   key: 0,
   class: "flex flex-col gap-4"
-}, Eo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Vo = { class: "text-fm-color-typo-placeholder ml-4" }, So = ["title", "onClick"], Bo = { class: "flex-1 overflow-y-auto" }, Co = {
+}, Fo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Ro = { class: "text-fm-color-typo-placeholder ml-4" }, Ao = ["title", "onClick"], To = { class: "flex-1 overflow-y-auto" }, Uo = {
   key: 0,
   class: "flex flex-col items-center justify-center h-full gap-8 px-24 text-center"
-}, Fo = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ro = {
+}, Po = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mo = {
   key: 1,
   class: "divide-y divide-fm-color-border-default"
-}, Ao = { class: "flex-1 min-w-0" }, To = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, Uo = {
+}, Do = { class: "flex-1 min-w-0" }, Go = { class: "fm-typo-en-body-md-600 text-fm-color-typo-primary truncate" }, No = {
   key: 0,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary mt-1 whitespace-normal break-words"
-}, Po = { class: "flex items-center gap-4 mt-2" }, Mo = /* @__PURE__ */ ie({
+}, zo = { class: "flex items-center gap-4 mt-2" }, Oo = /* @__PURE__ */ le({
   __name: "RecipeBulkEditorStep1",
   setup(m) {
-    const { t: d } = oe(), l = ne(), t = ge(), i = R({
+    const { t: d } = ie(), l = ne(), t = ge(), i = A({
       get: () => t.nameSearch,
-      set: (v) => {
-        t.nameSearch = v;
+      set: (b) => {
+        t.nameSearch = b;
       }
-    }), a = R(() => t.filterRows), h = K({});
-    function u(v) {
-      return h.value[v] ?? !1;
-    }
-    function o(v, e) {
-      h.value = { ...h.value, [v]: e };
-    }
-    const s = R(
-      () => l.skus.map((v) => ({
-        label: v.name,
-        sublabel: v.code,
-        value: v._id
+    }), r = A(() => t.filterRows), x = W({});
+    function u(b) {
+      return x.value[b] ?? !1;
+    }
+    function o(b, e) {
+      x.value = { ...x.value, [b]: e };
+    }
+    const s = A(
+      () => l.skus.map((b) => ({
+        label: b.name,
+        sublabel: b.code,
+        value: b._id
       }))
-    ), r = R(
-      () => l.recipes.map((v) => ({
-        label: v.name,
-        value: v._id
+    ), a = A(
+      () => l.recipes.map((b) => ({
+        label: b.name,
+        value: b._id
       }))
     );
-    function p(v) {
-      return v.type !== "ingredient" || !v.itemId ? null : l.skuById[v.itemId] ?? null;
+    function p(b) {
+      return b.type !== "ingredient" || !b.itemId ? null : l.skuById[b.itemId] ?? null;
     }
-    function $(v) {
+    function $(b) {
       var e;
-      if (!v.type) return d("inventory.recipe.bulkEditor.step1.filter");
-      if (v.type === "ingredient") {
-        if (!v.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
-        const V = l.skuById[v.itemId];
+      if (!b.type) return d("inventory.recipe.bulkEditor.step1.filter");
+      if (b.type === "ingredient") {
+        if (!b.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
+        const V = l.skuById[b.itemId];
         if (!V) return d("inventory.recipe.bulkEditor.step1.filterTypeIngredient");
-        const { amount: c, measurement: g } = v.amountModel;
+        const { amount: c, measurement: _ } = b.amountModel;
         if (!(c != null && c.amount > 0)) return V.name;
-        const x = (g == null ? void 0 : g.abbrev) ?? ((e = V.unit) == null ? void 0 : e.abbrev) ?? "", w = Q(c);
-        return `${V.name} (${w}${x})`;
+        const z = (_ == null ? void 0 : _.abbrev) ?? ((e = V.unit) == null ? void 0 : e.abbrev) ?? "", g = Q(c);
+        return `${V.name} (${g}${z})`;
       }
-      if (v.type === "recipe") {
-        if (!v.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
-        const V = l.recipeById[v.itemId];
+      if (b.type === "recipe") {
+        if (!b.itemId) return d("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
+        const V = l.recipeById[b.itemId];
         return V ? V.name : d("inventory.recipe.bulkEditor.step1.filterTypeRecipe");
       }
       return "";
     }
-    function C(v) {
-      const e = vo(v);
+    function C(b) {
+      const e = ko(b);
       t.filterRows.push(e), o(e.id, !0);
     }
-    function I(v) {
-      t.filterRows = t.filterRows.filter((V) => V.id !== v);
-      const e = { ...h.value };
-      delete e[v], h.value = e;
+    function I(b) {
+      t.filterRows = t.filterRows.filter((V) => V.id !== b);
+      const e = { ...x.value };
+      delete e[b], x.value = e;
     }
-    function f(v) {
-      v.amountModel = ye(), o(v.id, !0);
+    function f(b) {
+      b.amountModel = ye(), o(b.id, !0);
     }
     ue(
-      [i, a],
+      [i, r],
       () => {
-        const v = [];
-        for (const c of a.value)
+        const b = [];
+        for (const c of r.value)
           if (!(!c.type || !c.itemId))
             if (c.type === "ingredient") {
-              const g = p(c), { amount: z, measurement: x } = c.amountModel, w = z != null && z.amount > 0;
-              let F, N;
-              g && w && (F = x ? he.multiplyDecimal(z, x.conversion) : z, N = (x == null ? void 0 : x.id) ?? null), v.push({
+              const _ = p(c), { amount: N, measurement: z } = c.amountModel, g = N != null && N.amount > 0;
+              let B, F;
+              _ && g && (B = z ? he.multiplyDecimal(N, z.conversion) : N, F = (z == null ? void 0 : z.id) ?? null), b.push({
                 id: c.id,
                 type: "ingredient",
                 itemId: c.itemId,
-                amount: F ?? null,
-                measurementId: N
+                amount: B ?? null,
+                measurementId: F
               });
-            } else c.type === "recipe" && v.push({
+            } else c.type === "recipe" && b.push({
               id: c.id,
               type: "recipe",
               itemId: c.itemId
             });
         t.updateQuery({
           nameSearch: i.value,
-          filters: v
+          filters: b
         });
-        const e = i.value.trim().length > 0, V = v.length > 0;
+        const e = i.value.trim().length > 0, V = b.length > 0;
         !e && !V && t.restoreAllRecipes();
       },
       { deep: !0, immediate: !0 }
     );
-    function _(v) {
-      var g, z, x, w;
-      if (v.isGroup) {
-        const F = l.skuGroupById[v.id];
-        if (!F) return null;
-        const N = `x${Q(v.amount)}`;
-        return v.recipeIds.slice(1).length ? `(${((g = l.recipeById[v.recipeIds.at(-1) ?? ""]) == null ? void 0 : g.name) ?? ""}) ${F.name} (${N})` : `${F.name} (${N})`;
+    function k(b) {
+      var _, N, z, g;
+      if (b.isGroup) {
+        const B = l.skuGroupById[b.id];
+        if (!B) return null;
+        const F = `x${Q(b.amount)}`;
+        return b.recipeIds.slice(1).length ? `(${((_ = l.recipeById[b.recipeIds.at(-1) ?? ""]) == null ? void 0 : _.name) ?? ""}) ${B.name} (${F})` : `${B.name} (${F})`;
       }
-      const e = l.skuById[v.id];
+      const e = l.skuById[b.id];
       if (!e) return null;
-      const V = ((z = v.measurement) == null ? void 0 : z.abbrev) ?? ((x = e.unit) == null ? void 0 : x.abbrev) ?? "", c = `${Q(v.amount)}${V}`;
-      return v.recipeIds.slice(1).length ? `(${((w = l.recipeById[v.recipeIds.at(-1) ?? ""]) == null ? void 0 : w.name) ?? ""}) ${e.name} (${c})` : `${e.name} (${c})`;
+      const V = ((N = b.measurement) == null ? void 0 : N.abbrev) ?? ((z = e.unit) == null ? void 0 : z.abbrev) ?? "", c = `${Q(b.amount)}${V}`;
+      return b.recipeIds.slice(1).length ? `(${((g = l.recipeById[b.recipeIds.at(-1) ?? ""]) == null ? void 0 : g.name) ?? ""}) ${e.name} (${c})` : `${e.name} (${c})`;
     }
-    function S(v) {
-      return ke(v.contains, /* @__PURE__ */ new Set([v._id]), l.recipeById).map(_).filter((e) => e !== null).join(", ");
+    function S(b) {
+      return ke(b.contains, /* @__PURE__ */ new Set([b._id]), l.recipeById).map(k).filter((e) => e !== null).join(", ");
     }
-    return (v, e) => {
-      const V = G("FmButton"), c = G("FmSearch"), g = G("FmSelect"), z = G("FmPopover"), x = G("FmIcon"), w = G("FmMenuItem"), F = G("FmMenu"), N = G("FmChip");
-      return b(), B("div", yo, [
-        y("div", bo, [
-          y("span", go, D(n(d)("inventory.recipe.bulkEditor.step1.selectedCount", {
+    return (b, e) => {
+      const V = G("FmButton"), c = G("FmSearch"), _ = G("FmSelect"), N = G("FmPopover"), z = G("FmIcon"), g = G("FmMenuItem"), B = G("FmMenu"), F = G("FmChip");
+      return y(), E("div", ho, [
+        v("div", xo, [
+          v("span", $o, U(n(d)("inventory.recipe.bulkEditor.step1.selectedCount", {
             count: n(t).selectedRecipes.length
           })), 1),
-          n(t).excludedRecipeIds.size > 0 ? (b(), Y(V, {
+          n(t).excludedRecipeIds.size > 0 ? (y(), Y(V, {
             key: 0,
             label: n(d)("inventory.recipe.bulkEditor.step1.restoreAll"),
             variant: "tertiary",
             size: "md",
-            onClick: e[0] || (e[0] = (T) => n(t).restoreAllRecipes())
-          }, null, 8, ["label"])) : U("", !0)
+            onClick: e[0] || (e[0] = (R) => n(t).restoreAllRecipes())
+          }, null, 8, ["label"])) : T("", !0)
         ]),
-        y("div", _o, [
-          k(c, {
+        v("div", Io, [
+          h(c, {
             modelValue: i.value,
-            "onUpdate:modelValue": e[1] || (e[1] = (T) => i.value = T),
+            "onUpdate:modelValue": e[1] || (e[1] = (R) => i.value = R),
             placeholder: n(d)("inventory.recipe.bulkEditor.query.nameSearchPlaceholder")
           }, null, 8, ["modelValue", "placeholder"]),
-          a.value.length > 0 ? (b(), B("div", ko, [
-            (b(!0), B(X, null, me(a.value, (T) => (b(), B("div", {
-              key: T.id,
+          r.value.length > 0 ? (y(), E("div", wo, [
+            (y(!0), E(X, null, me(r.value, (R) => (y(), E("div", {
+              key: R.id,
               class: "flex items-center"
             }, [
-              k(z, {
-                "show-popover": u(T.id),
+              h(N, {
+                "show-popover": u(R.id),
                 "exclude-el-from-click-outside": ["fm-menu"],
                 placement: "bottom-start",
-                onPopoverChanged: (P) => o(T.id, P)
+                onPopoverChanged: (P) => o(R.id, P)
               }, {
                 "popover-button": J(() => [
-                  y("button", ho, [
-                    y("span", xo, D($(T)), 1)
+                  v("button", Eo, [
+                    v("span", Vo, U($(R)), 1)
                   ])
                 ]),
                 default: J(() => [
-                  y("div", $o, [
-                    y("p", Io, D(T.type === "ingredient" ? n(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient") : n(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe")), 1),
-                    T.type === "ingredient" ? (b(), B(X, { key: 0 }, [
-                      k(g, {
-                        modelValue: T.itemId,
-                        "onUpdate:modelValue": [(P) => T.itemId = P, (P) => f(T)],
+                  v("div", So, [
+                    v("p", Co, U(R.type === "ingredient" ? n(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient") : n(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe")), 1),
+                    R.type === "ingredient" ? (y(), E(X, { key: 0 }, [
+                      h(_, {
+                        modelValue: R.itemId,
+                        "onUpdate:modelValue": [(P) => R.itemId = P, (P) => f(R)],
                         items: s.value,
                         placeholder: n(d)("inventory.recipe.bulkEditor.step1.selectIngredient"),
                         clearable: ""
                       }, {
                         "menu-wrapper": J((P) => [
-                          k(Fe, we({ ref_for: !0 }, P, {
+                          h(Fe, we({ ref_for: !0 }, P, {
                             items: s.value,
-                            "model-value": T.itemId
+                            "model-value": R.itemId
                           }), null, 16, ["items", "model-value"])
                         ]),
                         _: 2
                       }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"]),
-                      p(T) ? (b(), B("div", wo, [
-                        y("span", Eo, [
-                          mt(D(n(d)("inventory.recipe.bulkEditor.step1.amountLabel")) + " ", 1),
-                          y("span", Vo, D(n(d)("inventory.recipe.bulkEditor.step1.amountOptional")), 1)
+                      p(R) ? (y(), E("div", Bo, [
+                        v("span", Fo, [
+                          mt(U(n(d)("inventory.recipe.bulkEditor.step1.amountLabel")) + " ", 1),
+                          v("span", Ro, U(n(d)("inventory.recipe.bulkEditor.step1.amountOptional")), 1)
                         ]),
-                        k(Ce, {
-                          modelValue: T.amountModel,
-                          "onUpdate:modelValue": (P) => T.amountModel = P,
-                          unit: p(T).unit,
+                        h(Be, {
+                          modelValue: R.amountModel,
+                          "onUpdate:modelValue": (P) => R.amountModel = P,
+                          unit: p(R).unit,
                           placeholder: n(d)("inventory.recipe.bulkEditor.step1.amountPlaceholder"),
                           "convert-amount-on-change-unit": ""
                         }, null, 8, ["modelValue", "onUpdate:modelValue", "unit", "placeholder"])
-                      ])) : U("", !0)
-                    ], 64)) : T.type === "recipe" ? (b(), Y(g, {
+                      ])) : T("", !0)
+                    ], 64)) : R.type === "recipe" ? (y(), Y(_, {
                       key: 1,
-                      modelValue: T.itemId,
-                      "onUpdate:modelValue": [(P) => T.itemId = P, (P) => f(T)],
-                      items: r.value,
+                      modelValue: R.itemId,
+                      "onUpdate:modelValue": [(P) => R.itemId = P, (P) => f(R)],
+                      items: a.value,
                       placeholder: n(d)("inventory.recipe.bulkEditor.step1.selectRecipe"),
                       clearable: ""
                     }, {
                       "menu-wrapper": J((P) => [
-                        k(Fe, we({ ref_for: !0 }, P, {
-                          items: r.value,
-                          "model-value": T.itemId
+                        h(Fe, we({ ref_for: !0 }, P, {
+                          items: a.value,
+                          "model-value": R.itemId
                         }), null, 16, ["items", "model-value"])
                       ]),
                       _: 2
-                    }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"])) : U("", !0)
+                    }, 1032, ["modelValue", "onUpdate:modelValue", "items", "placeholder"])) : T("", !0)
                   ])
                 ]),
                 _: 2
               }, 1032, ["show-popover", "onPopoverChanged"]),
-              y("button", {
+              v("button", {
                 type: "button",
                 class: "inline-flex items-center justify-center h-[30px] w-[26px] rounded-r-md border border-l-0 border-fm-color-border-default bg-fm-color-surface-secondary hover:bg-fm-color-surface-hover text-fm-color-typo-secondary hover:text-fm-color-typo-primary cursor-pointer transition-colors",
                 title: n(d)("inventory.recipe.bulkEditor.step1.removeFilter"),
-                onClick: (P) => I(T.id)
+                onClick: (P) => I(R.id)
               }, [
-                k(x, {
+                h(z, {
                   name: "close",
                   size: "sm"
                 })
-              ], 8, So)
+              ], 8, Ao)
             ]))), 128))
-          ])) : U("", !0),
-          k(F, {
+          ])) : T("", !0),
+          h(B, {
             "close-on-click": !0,
             placement: "bottom-start"
           }, {
             "menu-button": J(() => [
-              k(V, {
+              h(V, {
                 label: n(d)("inventory.recipe.bulkEditor.step1.filter"),
                 variant: "secondary",
                 size: "md",
@@ -2188,50 +2225,50 @@ const ge = ot("recipeBulkEditor", function() {
               }, null, 8, ["label"])
             ]),
             default: J(() => [
-              k(w, {
+              h(g, {
                 label: n(d)("inventory.recipe.bulkEditor.step1.filterTypeIngredient"),
                 icon: "inventory_2",
-                onClick: e[2] || (e[2] = (T) => C("ingredient"))
+                onClick: e[2] || (e[2] = (R) => C("ingredient"))
               }, null, 8, ["label"]),
-              k(w, {
+              h(g, {
                 label: n(d)("inventory.recipe.bulkEditor.step1.filterTypeRecipe"),
                 icon: "restaurant_menu",
-                onClick: e[3] || (e[3] = (T) => C("recipe"))
+                onClick: e[3] || (e[3] = (R) => C("recipe"))
               }, null, 8, ["label"])
             ]),
             _: 1
           })
         ]),
-        y("div", Bo, [
-          n(t).selectedRecipes.length === 0 ? (b(), B("div", Co, [
-            k(x, {
+        v("div", To, [
+          n(t).selectedRecipes.length === 0 ? (y(), E("div", Uo, [
+            h(z, {
               name: "search_off",
               size: "lg",
               class: "text-fm-color-typo-placeholder"
             }),
-            y("p", Fo, D(n(d)("inventory.recipe.bulkEditor.query.noResults")), 1)
-          ])) : (b(), B("div", Ro, [
-            (b(!0), B(X, null, me(n(t).selectedRecipes, (T) => (b(), B("div", {
-              key: T._id,
+            v("p", Po, U(n(d)("inventory.recipe.bulkEditor.query.noResults")), 1)
+          ])) : (y(), E("div", Mo, [
+            (y(!0), E(X, null, me(n(t).selectedRecipes, (R) => (y(), E("div", {
+              key: R._id,
               class: "flex items-center gap-12 px-16 py-12 hover:bg-fm-color-surface-hover transition-colors"
             }, [
-              y("div", Ao, [
-                y("div", To, D(T.name), 1),
-                T.contains.length > 0 ? (b(), B("div", Uo, D(S(T)), 1)) : U("", !0),
-                y("div", Po, [
-                  T.version === "v2" ? (b(), Y(N, {
+              v("div", Do, [
+                v("div", Go, U(R.name), 1),
+                R.contains.length > 0 ? (y(), E("div", No, U(S(R)), 1)) : T("", !0),
+                v("div", zo, [
+                  R.version === "v2" ? (y(), Y(F, {
                     key: 0,
                     size: "sm",
                     label: "V2",
                     variant: "info"
-                  })) : U("", !0)
+                  })) : T("", !0)
                 ])
               ]),
-              k(V, {
+              h(V, {
                 variant: "tertiary",
                 icon: "do_not_disturb_on",
                 title: n(d)("inventory.recipe.bulkEditor.step1.removeRecipeTooltip"),
-                onClick: (P) => n(t).removeRecipe(T._id)
+                onClick: (P) => n(t).removeRecipe(R._id)
               }, null, 8, ["title", "onClick"])
             ]))), 128))
           ]))
@@ -2239,16 +2276,16 @@ const ge = ot("recipeBulkEditor", function() {
       ]);
     };
   }
-}), Do = { class: "flex flex-col gap-0 rounded-lg border border-fm-color-border-default bg-fm-color-surface-default overflow-hidden" }, Go = { class: "flex items-start gap-12 px-16 py-12" }, No = { class: "flex-1" }, zo = { class: "flex-1" }, Oo = {
+}), Lo = { class: "flex flex-col gap-0 rounded-lg border border-fm-color-border-default bg-fm-color-surface-default overflow-hidden" }, jo = { class: "flex items-start gap-12 px-16 py-12" }, Ko = { class: "flex-1" }, qo = { class: "flex-1" }, Wo = {
   key: 0,
   class: "border-t border-fm-color-border-default px-16 py-10 flex items-center gap-10"
-}, Lo = {
+}, Yo = {
   key: 1,
   class: "border-t border-fm-color-border-default px-16 py-10 flex items-start gap-8 bg-fm-color-surface-warning"
-}, jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ko = {
+}, Jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ho = {
   key: 2,
   class: "border-t border-fm-color-border-default px-16 py-12 flex flex-col gap-12"
-}, qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, Wo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Yo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Jo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, Ho = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary -mt-8" }, Qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, Xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ei = /* @__PURE__ */ ie({
+}, Qo = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, Xo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, Zo = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ei = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-warning" }, ti = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary -mt-8" }, ni = { class: "fm-typo-en-body-sm-600 text-fm-color-typo-secondary -mb-4" }, oi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ii = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, li = /* @__PURE__ */ le({
   __name: "ModificationCard",
   props: {
     modelValue: {},
@@ -2256,20 +2293,20 @@ const ge = ot("recipeBulkEditor", function() {
   },
   emits: ["update:modelValue"],
   setup(m, { emit: d }) {
-    const l = m, t = d, { t: i } = oe(), a = ne(), h = We();
-    function u(E) {
-      const M = E.type === "replace-binding" ? E.from.type : E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives" ? E.target.type : E.type === "add-binding" ? E.binding.type : null;
-      return M ? M === "RECIPE" ? "recipe" : "ingredient" : null;
+    const l = m, t = d, { t: i } = ie(), r = ne(), x = We();
+    function u(w) {
+      const D = w.type === "replace-binding" ? w.from.type : w.type === "remove-binding" || w.type === "update-binding-rule" || w.type === "update-alternatives" ? w.target.type : w.type === "add-binding" ? w.binding.type : null;
+      return D ? D === "RECIPE" ? "recipe" : "ingredient" : null;
     }
-    function o(E) {
-      return E.type === "update-alternatives" ? !0 : E.type === "add-binding" ? (E.binding.alternatives ?? []).length > 0 : E.type === "replace-binding" ? (E.to.alternatives ?? []).length > 0 : !1;
+    function o(w) {
+      return w.type === "update-alternatives" ? !0 : w.type === "add-binding" ? (w.binding.alternatives ?? []).length > 0 : w.type === "replace-binding" ? (w.to.alternatives ?? []).length > 0 : !1;
     }
-    function s(E) {
-      switch (E.type) {
+    function s(w) {
+      switch (w.type) {
         case "add-binding":
           return "link";
         case "replace-binding":
-          return E.from.id === E.to.id ? "update" : null;
+          return w.from.id === w.to.id ? "update" : null;
         case "remove-binding":
           return "remove";
         case "update-binding-rule":
@@ -2278,358 +2315,358 @@ const ge = ot("recipeBulkEditor", function() {
           return "alts";
       }
     }
-    function r(E) {
-      return E.type === "replace-binding" ? E.from.id || null : (E.type === "remove-binding" || E.type === "update-binding-rule" || E.type === "update-alternatives") && E.target.id || null;
+    function a(w) {
+      return w.type === "replace-binding" ? w.from.id || null : (w.type === "remove-binding" || w.type === "update-binding-rule" || w.type === "update-alternatives") && w.target.id || null;
     }
-    function p(E) {
-      return E.type === "add-binding" && E.binding.id || null;
+    function p(w) {
+      return w.type === "add-binding" && w.binding.id || null;
     }
-    function $(E) {
-      const M = E.type === "replace-binding" ? E.to : E.type === "add-binding" ? E.binding : null;
-      return M ? { amount: M.amount, measurement: M.measurement ?? null } : ye();
+    function $(w) {
+      const D = w.type === "replace-binding" ? w.to : w.type === "add-binding" ? w.binding : null;
+      return D ? { amount: D.amount, measurement: D.measurement ?? null } : ye();
     }
-    function C(E) {
-      return E.type === "replace-binding" ? E.to.rules ?? null : E.type === "add-binding" ? E.binding.rules ?? null : null;
+    function C(w) {
+      return w.type === "replace-binding" ? w.to.rules ?? null : w.type === "add-binding" ? w.binding.rules ?? null : null;
     }
-    function I(E) {
-      return E.type === "update-alternatives" ? E.alternatives ?? [] : E.type === "add-binding" ? E.binding.alternatives ?? [] : [];
+    function I(w) {
+      return w.type === "update-alternatives" ? w.alternatives ?? [] : w.type === "add-binding" ? w.binding.alternatives ?? [] : [];
     }
-    const f = K(u(l.modelValue)), _ = K(s(l.modelValue)), S = K(o(l.modelValue)), v = K(r(l.modelValue)), e = K(p(l.modelValue)), V = K($(l.modelValue)), c = K(C(l.modelValue)), g = K(I(l.modelValue)), z = K(
+    const f = W(u(l.modelValue)), k = W(s(l.modelValue)), S = W(o(l.modelValue)), b = W(a(l.modelValue)), e = W(p(l.modelValue)), V = W($(l.modelValue)), c = W(C(l.modelValue)), _ = W(I(l.modelValue)), N = W(
       (() => {
-        const E = $(l.modelValue);
-        return E.amount ? Q(E.amount) : "";
+        const w = $(l.modelValue);
+        return w.amount ? Q(w.amount) : "";
       })()
     );
-    let x = null;
-    function w(E) {
-      z.value = E, x && clearTimeout(x), x = setTimeout(() => {
-        const M = +E;
+    let z = null;
+    function g(w) {
+      N.value = w, z && clearTimeout(z), z = setTimeout(() => {
+        const D = +w;
         V.value = {
-          amount: E.length > 0 && isFinite(M) ? Ke(M) : { amount: 0, precision: 0 },
+          amount: w.length > 0 && isFinite(D) ? Ke(D) : { amount: 0, precision: 0 },
           measurement: null
         };
       }, 300);
     }
     ue(f, () => {
-      _.value = null, S.value = !1, v.value = null, e.value = null, V.value = ye(), c.value = null, g.value = [], z.value = "";
-    }), ue(_, () => {
-      v.value = null, e.value = null, V.value = ye(), c.value = null, g.value = [], z.value = "";
-    }), ue(S, (E) => {
-      E || (g.value = [], _.value === "alts" && (_.value = null));
+      k.value = null, S.value = !1, b.value = null, e.value = null, V.value = ye(), c.value = null, _.value = [], N.value = "";
+    }), ue(k, () => {
+      b.value = null, e.value = null, V.value = ye(), c.value = null, _.value = [], N.value = "";
+    }), ue(S, (w) => {
+      w || (_.value = [], k.value === "alts" && (k.value = null));
     });
-    const F = R(() => [
+    const B = A(() => [
       { label: i("inventory.recipe.bulkEditor.step2.fieldIngredient"), value: "ingredient" },
       { label: i("inventory.recipe.bulkEditor.step2.fieldRecipe"), value: "recipe" }
-    ]), N = R(() => {
-      const E = [
+    ]), F = A(() => {
+      const w = [
         { label: i("inventory.recipe.bulkEditor.step2.actionLink"), value: "link" },
         { label: i("inventory.recipe.bulkEditor.step2.actionUpdate"), value: "update" },
         { label: i("inventory.recipe.bulkEditor.step2.actionRemove"), value: "remove" }
       ];
-      return f.value === "ingredient" && S.value && h.enableRecipeV2 && E.push({ label: i("inventory.recipe.bulkEditor.step2.actionAlts"), value: "alts" }), E;
-    }), T = R(() => f.value !== null && _.value !== null), P = R(
-      () => _.value === "update" || _.value === "remove" || _.value === "alts"
-    ), W = R(
-      () => _.value === "link"
-    ), H = R(
-      () => _.value === "update" && v.value !== null
-    ), Z = R(
-      () => f.value === "ingredient" && S.value && h.enableRecipeV2
-    ), A = R(
-      () => a.skus.map((E) => ({ label: E.name, sublabel: E.code, value: E._id }))
-    ), L = R(
-      () => a.recipes.map((E) => ({ label: E.name, value: E._id }))
-    ), O = R(() => f.value === "recipe" ? L.value : A.value), q = R(() => f.value === "recipe" ? L.value : A.value), le = R(() => f.value !== "ingredient" || !e.value ? null : a.skuById[e.value] ?? null), ee = R(() => f.value !== "ingredient" || !v.value ? null : a.skuById[v.value] ?? null), re = R(() => {
-      const E = v.value ?? e.value;
-      return E ? [E] : [];
-    }), fe = R(() => Z.value ? Object.values(l.livePreviewEntries).filter(
-      (E) => E.original.version !== "v2"
-    ).length : 0), xe = R(() => Object.values(l.livePreviewEntries).length);
+      return f.value === "ingredient" && S.value && x.enableRecipeV2 && w.push({ label: i("inventory.recipe.bulkEditor.step2.actionAlts"), value: "alts" }), w;
+    }), R = A(() => f.value !== null && k.value !== null), P = A(
+      () => k.value === "update" || k.value === "remove" || k.value === "alts"
+    ), K = A(
+      () => k.value === "link"
+    ), H = A(
+      () => k.value === "update" && b.value !== null
+    ), ee = A(
+      () => f.value === "ingredient" && S.value && x.enableRecipeV2
+    ), O = A(
+      () => r.skus.map((w) => ({ label: w.name, sublabel: w.code, value: w._id }))
+    ), M = A(
+      () => r.recipes.map((w) => ({ label: w.name, value: w._id }))
+    ), L = A(() => f.value === "recipe" ? M.value : O.value), q = A(() => f.value === "recipe" ? M.value : O.value), oe = A(() => f.value !== "ingredient" || !e.value ? null : r.skuById[e.value] ?? null), Z = A(() => f.value !== "ingredient" || !b.value ? null : r.skuById[b.value] ?? null), ae = A(() => {
+      const w = b.value ?? e.value;
+      return w ? [w] : [];
+    }), fe = A(() => ee.value ? Object.values(l.livePreviewEntries).filter(
+      (w) => w.original.version !== "v2"
+    ).length : 0), xe = A(() => Object.values(l.livePreviewEntries).length);
     ue(
-      () => [_.value, v.value],
-      ([E, M], [te, pe]) => {
-        if (E !== "alts" || M === pe) return;
-        if (!M) {
-          g.value = [];
+      () => [k.value, b.value],
+      ([w, D], [te, pe]) => {
+        if (w !== "alts" || D === pe) return;
+        if (!D) {
+          _.value = [];
           return;
         }
         const $e = Object.values(l.livePreviewEntries).find(
-          (j) => j.original.version === "v2" && j.original.contains.some((Ie) => Ie.type === "SKU" && Ie.id === M)
+          (j) => j.original.version === "v2" && j.original.contains.some((Ie) => Ie.type === "SKU" && Ie.id === D)
         );
         if ($e) {
-          const j = $e.original.contains.find((Ie) => Ie.type === "SKU" && Ie.id === M);
-          g.value = j != null && j.alternatives ? [...j.alternatives] : [];
+          const j = $e.original.contains.find((Ie) => Ie.type === "SKU" && Ie.id === D);
+          _.value = j != null && j.alternatives ? [...j.alternatives] : [];
         } else
-          g.value = [];
+          _.value = [];
       }
     );
-    const ae = R(() => _.value !== "alts" || !v.value ? 0 : Object.values(l.livePreviewEntries).filter(
-      (E) => E.original.version === "v2" && E.original.contains.some((M) => M.type === "SKU" && M.id === v.value)
+    const re = A(() => k.value !== "alts" || !b.value ? 0 : Object.values(l.livePreviewEntries).filter(
+      (w) => w.original.version === "v2" && w.original.contains.some((D) => D.type === "SKU" && D.id === b.value)
     ).length);
     function ve() {
       return f.value === "recipe" ? "RECIPE" : "SKU";
     }
     function ce() {
-      const E = ve(), M = ye().amount, te = {
-        type: E,
+      const w = ve(), D = ye().amount, te = {
+        type: w,
         id: "",
-        amount: M,
+        amount: D,
         measurement: null,
         rules: null,
         alternatives: []
       };
-      switch (_.value) {
+      switch (k.value) {
         case "update":
-          return { type: "replace-binding", from: { type: E, id: "" }, to: te };
+          return { type: "replace-binding", from: { type: w, id: "" }, to: te };
         case "remove":
-          return { type: "remove-binding", target: { type: E, id: "" } };
+          return { type: "remove-binding", target: { type: w, id: "" } };
         case "alts":
-          return { type: "update-alternatives", target: { type: E, id: "" }, alternatives: [] };
+          return { type: "update-alternatives", target: { type: w, id: "" }, alternatives: [] };
         case "link":
         default:
           return { type: "add-binding", binding: te };
       }
     }
     function Ue() {
-      return v.value ? { type: ve(), id: v.value } : null;
+      return b.value ? { type: ve(), id: b.value } : null;
     }
-    function Ye(E = !1) {
-      const M = E ? v.value : e.value;
-      if (!M) return null;
+    function Ye(w = !1) {
+      const D = w ? b.value : e.value;
+      if (!D) return null;
       const { amount: te, measurement: pe } = V.value, Ee = pe ? he.multiplyDecimal(te, pe.conversion) : te;
       return {
         type: ve(),
-        id: M,
+        id: D,
         amount: Ee,
         measurement: pe ?? null,
         rules: f.value === "recipe" ? c.value ?? null : null,
-        alternatives: Z.value ? g.value : []
+        alternatives: ee.value ? _.value : []
       };
     }
     function ct() {
       if (!f.value) return;
-      if (!_.value) {
+      if (!k.value) {
         t("update:modelValue", ce());
         return;
       }
-      const E = Ue(), M = Ye(!1);
+      const w = Ue(), D = Ye(!1);
       let te = null;
-      switch (_.value) {
+      switch (k.value) {
         case "link":
-          M && (te = { type: "add-binding", binding: M });
+          D && (te = { type: "add-binding", binding: D });
           break;
         case "update": {
           const pe = Ye(!0);
-          E && pe && (te = { type: "replace-binding", from: E, to: pe });
+          w && pe && (te = { type: "replace-binding", from: w, to: pe });
           break;
         }
         case "remove":
-          E && (te = { type: "remove-binding", target: E });
+          w && (te = { type: "remove-binding", target: w });
           break;
         case "alts":
-          E && (te = { type: "update-alternatives", target: E, alternatives: g.value });
+          w && (te = { type: "update-alternatives", target: w, alternatives: _.value });
           break;
       }
       t("update:modelValue", te ?? ce());
     }
     return ue(
-      [f, _, S, v, e, V, c, g],
+      [f, k, S, b, e, V, c, _],
       () => ct(),
       { deep: !0 }
-    ), (E, M) => {
+    ), (w, D) => {
       const te = G("FmSelect"), pe = G("FmSwitch"), Ee = G("FmIcon"), $e = G("FmTextField");
-      return b(), B("div", Do, [
-        y("div", Go, [
-          y("div", No, [
-            k(te, {
+      return y(), E("div", Lo, [
+        v("div", jo, [
+          v("div", Ko, [
+            h(te, {
               modelValue: f.value,
-              "onUpdate:modelValue": M[0] || (M[0] = (j) => f.value = j),
-              items: F.value,
+              "onUpdate:modelValue": D[0] || (D[0] = (j) => f.value = j),
+              items: B.value,
               label: n(i)("inventory.recipe.bulkEditor.step2.sectionField"),
               placeholder: n(i)("inventory.recipe.bulkEditor.step2.sectionField")
             }, null, 8, ["modelValue", "items", "label", "placeholder"])
           ]),
-          y("div", zo, [
-            k(te, {
-              modelValue: _.value,
-              "onUpdate:modelValue": M[1] || (M[1] = (j) => _.value = j),
-              items: N.value,
+          v("div", qo, [
+            h(te, {
+              modelValue: k.value,
+              "onUpdate:modelValue": D[1] || (D[1] = (j) => k.value = j),
+              items: F.value,
               label: n(i)("inventory.recipe.bulkEditor.step2.sectionAction"),
               placeholder: n(i)("inventory.recipe.bulkEditor.step2.sectionAction")
             }, null, 8, ["modelValue", "items", "label", "placeholder"])
           ])
         ]),
-        f.value === "ingredient" && n(h).enableRecipeV2 ? (b(), B("div", Oo, [
-          k(pe, {
+        f.value === "ingredient" && n(x).enableRecipeV2 ? (y(), E("div", Wo, [
+          h(pe, {
             modelValue: S.value,
-            "onUpdate:modelValue": M[2] || (M[2] = (j) => S.value = j),
+            "onUpdate:modelValue": D[2] || (D[2] = (j) => S.value = j),
             label: n(i)("inventory.recipe.bulkEditor.step2.includeAlternativesToggle")
           }, null, 8, ["modelValue", "label"])
-        ])) : U("", !0),
-        Z.value && fe.value > 0 ? (b(), B("div", Lo, [
-          k(Ee, {
+        ])) : T("", !0),
+        ee.value && fe.value > 0 ? (y(), E("div", Yo, [
+          h(Ee, {
             name: "warning",
             size: "sm",
             class: "text-fm-color-typo-warning mt-1 shrink-0"
           }),
-          y("p", jo, D(n(i)("inventory.recipe.bulkEditor.step2.v1AlternativesWarning", {
+          v("p", Jo, U(n(i)("inventory.recipe.bulkEditor.step2.v1AlternativesWarning", {
             v1Count: fe.value,
             total: xe.value
           })), 1)
-        ])) : U("", !0),
-        T.value ? (b(), B("div", Ko, [
-          P.value ? (b(), B(X, { key: 0 }, [
-            y("p", qo, D(n(i)("inventory.recipe.bulkEditor.addModification.targetLabel")), 1),
-            k(te, {
-              modelValue: v.value,
-              "onUpdate:modelValue": M[3] || (M[3] = (j) => v.value = j),
-              items: O.value,
+        ])) : T("", !0),
+        R.value ? (y(), E("div", Ho, [
+          P.value ? (y(), E(X, { key: 0 }, [
+            v("p", Qo, U(n(i)("inventory.recipe.bulkEditor.addModification.targetLabel")), 1),
+            h(te, {
+              modelValue: b.value,
+              "onUpdate:modelValue": D[3] || (D[3] = (j) => b.value = j),
+              items: L.value,
               placeholder: f.value === "recipe" ? n(i)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(i)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
               clearable: ""
             }, {
               "menu-wrapper": J((j) => [
-                k(Fe, we(j, {
-                  items: O.value,
-                  "model-value": v.value
+                h(Fe, we(j, {
+                  items: L.value,
+                  "model-value": b.value
                 }), null, 16, ["items", "model-value"])
               ]),
               _: 1
             }, 8, ["modelValue", "items", "placeholder"]),
-            H.value ? (b(), B(X, { key: 0 }, [
-              f.value === "ingredient" && ee.value ? (b(), Y(Ce, {
+            H.value ? (y(), E(X, { key: 0 }, [
+              f.value === "ingredient" && Z.value ? (y(), Y(Be, {
                 key: 0,
                 modelValue: V.value,
-                "onUpdate:modelValue": M[4] || (M[4] = (j) => V.value = j),
-                unit: ee.value.unit,
+                "onUpdate:modelValue": D[4] || (D[4] = (j) => V.value = j),
+                unit: Z.value.unit,
                 placeholder: n(i)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
                 "convert-amount-on-change-unit": ""
-              }, null, 8, ["modelValue", "unit", "placeholder"])) : f.value === "recipe" ? (b(), Y($e, {
+              }, null, 8, ["modelValue", "unit", "placeholder"])) : f.value === "recipe" ? (y(), Y($e, {
                 key: 1,
-                "model-value": z.value,
+                "model-value": N.value,
                 label: n(i)("inventory.recipe.bulkEditor.addModification.amountLabel"),
                 type: "number",
-                "onUpdate:modelValue": M[5] || (M[5] = (j) => w(j))
-              }, null, 8, ["model-value", "label"])) : U("", !0),
-              f.value === "recipe" ? (b(), B(X, { key: 2 }, [
-                y("p", Wo, D(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
-                k(Re, {
+                "onUpdate:modelValue": D[5] || (D[5] = (j) => g(j))
+              }, null, 8, ["model-value", "label"])) : T("", !0),
+              f.value === "recipe" ? (y(), E(X, { key: 2 }, [
+                v("p", Xo, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                h(Re, {
                   modelValue: c.value,
-                  "onUpdate:modelValue": M[6] || (M[6] = (j) => c.value = j)
+                  "onUpdate:modelValue": D[6] || (D[6] = (j) => c.value = j)
                 }, null, 8, ["modelValue"])
-              ], 64)) : U("", !0),
-              Z.value ? (b(), B(X, { key: 3 }, [
-                y("p", Yo, D(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
-                k(Se, {
-                  modelValue: g.value,
-                  "onUpdate:modelValue": M[7] || (M[7] = (j) => g.value = j),
-                  "filter-ingredient-ids": re.value
+              ], 64)) : T("", !0),
+              ee.value ? (y(), E(X, { key: 3 }, [
+                v("p", Zo, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                h(Se, {
+                  modelValue: _.value,
+                  "onUpdate:modelValue": D[7] || (D[7] = (j) => _.value = j),
+                  "filter-ingredient-ids": ae.value
                 }, null, 8, ["modelValue", "filter-ingredient-ids"])
-              ], 64)) : U("", !0)
-            ], 64)) : U("", !0),
-            _.value === "alts" && v.value ? (b(), B(X, { key: 1 }, [
-              y("p", Jo, D(ae.value > 0 ? n(i)("inventory.recipe.bulkEditor.addModification.altsOverwriteWarning", { count: ae.value }) : n(i)("inventory.recipe.bulkEditor.addModification.altsNotFoundWarning")), 1),
-              y("p", Ho, D(n(i)("inventory.recipe.bulkEditor.addModification.altsClearNote")), 1),
-              k(Se, {
-                modelValue: g.value,
-                "onUpdate:modelValue": M[8] || (M[8] = (j) => g.value = j),
-                "filter-ingredient-ids": re.value
+              ], 64)) : T("", !0)
+            ], 64)) : T("", !0),
+            k.value === "alts" && b.value ? (y(), E(X, { key: 1 }, [
+              v("p", ei, U(re.value > 0 ? n(i)("inventory.recipe.bulkEditor.addModification.altsOverwriteWarning", { count: re.value }) : n(i)("inventory.recipe.bulkEditor.addModification.altsNotFoundWarning")), 1),
+              v("p", ti, U(n(i)("inventory.recipe.bulkEditor.addModification.altsClearNote")), 1),
+              h(Se, {
+                modelValue: _.value,
+                "onUpdate:modelValue": D[8] || (D[8] = (j) => _.value = j),
+                "filter-ingredient-ids": ae.value
               }, null, 8, ["modelValue", "filter-ingredient-ids"])
-            ], 64)) : U("", !0)
-          ], 64)) : U("", !0),
-          W.value ? (b(), B(X, { key: 1 }, [
-            y("p", Qo, D(n(i)("inventory.recipe.bulkEditor.addModification.bindingLabel")), 1),
-            k(te, {
+            ], 64)) : T("", !0)
+          ], 64)) : T("", !0),
+          K.value ? (y(), E(X, { key: 1 }, [
+            v("p", ni, U(n(i)("inventory.recipe.bulkEditor.addModification.bindingLabel")), 1),
+            h(te, {
               modelValue: e.value,
-              "onUpdate:modelValue": M[9] || (M[9] = (j) => e.value = j),
+              "onUpdate:modelValue": D[9] || (D[9] = (j) => e.value = j),
               items: q.value,
               placeholder: f.value === "recipe" ? n(i)("inventory.recipe.bulkEditor.addModification.recipePlaceholder") : n(i)("inventory.recipe.bulkEditor.addModification.skuPlaceholder"),
               clearable: ""
             }, {
               "menu-wrapper": J((j) => [
-                k(Fe, we(j, {
+                h(Fe, we(j, {
                   items: q.value,
                   "model-value": e.value
                 }), null, 16, ["items", "model-value"])
               ]),
               _: 1
             }, 8, ["modelValue", "items", "placeholder"]),
-            e.value ? (b(), B(X, { key: 0 }, [
-              f.value === "ingredient" && le.value ? (b(), Y(Ce, {
+            e.value ? (y(), E(X, { key: 0 }, [
+              f.value === "ingredient" && oe.value ? (y(), Y(Be, {
                 key: 0,
                 modelValue: V.value,
-                "onUpdate:modelValue": M[10] || (M[10] = (j) => V.value = j),
-                unit: le.value.unit,
+                "onUpdate:modelValue": D[10] || (D[10] = (j) => V.value = j),
+                unit: oe.value.unit,
                 placeholder: n(i)("inventory.recipe.bulkEditor.query.amountPlaceholder"),
                 "convert-amount-on-change-unit": ""
-              }, null, 8, ["modelValue", "unit", "placeholder"])) : f.value === "recipe" ? (b(), Y($e, {
+              }, null, 8, ["modelValue", "unit", "placeholder"])) : f.value === "recipe" ? (y(), Y($e, {
                 key: 1,
-                "model-value": z.value,
+                "model-value": N.value,
                 label: n(i)("inventory.recipe.bulkEditor.addModification.amountLabel"),
                 type: "number",
-                "onUpdate:modelValue": M[11] || (M[11] = (j) => w(j))
-              }, null, 8, ["model-value", "label"])) : U("", !0),
-              f.value === "recipe" ? (b(), B(X, { key: 2 }, [
-                y("p", Xo, D(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
-                k(Re, {
+                "onUpdate:modelValue": D[11] || (D[11] = (j) => g(j))
+              }, null, 8, ["model-value", "label"])) : T("", !0),
+              f.value === "recipe" ? (y(), E(X, { key: 2 }, [
+                v("p", oi, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalRuleLabel")), 1),
+                h(Re, {
                   modelValue: c.value,
-                  "onUpdate:modelValue": M[12] || (M[12] = (j) => c.value = j)
+                  "onUpdate:modelValue": D[12] || (D[12] = (j) => c.value = j)
                 }, null, 8, ["modelValue"])
-              ], 64)) : U("", !0),
-              Z.value ? (b(), B(X, { key: 3 }, [
-                y("p", Zo, D(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
-                k(Se, {
-                  modelValue: g.value,
-                  "onUpdate:modelValue": M[13] || (M[13] = (j) => g.value = j),
-                  "filter-ingredient-ids": re.value
+              ], 64)) : T("", !0),
+              ee.value ? (y(), E(X, { key: 3 }, [
+                v("p", ii, U(n(i)("inventory.recipe.bulkEditor.addModification.optionalAlternativesLabel")), 1),
+                h(Se, {
+                  modelValue: _.value,
+                  "onUpdate:modelValue": D[13] || (D[13] = (j) => _.value = j),
+                  "filter-ingredient-ids": ae.value
                 }, null, 8, ["modelValue", "filter-ingredient-ids"])
-              ], 64)) : U("", !0)
-            ], 64)) : U("", !0)
-          ], 64)) : U("", !0)
-        ])) : U("", !0)
+              ], 64)) : T("", !0)
+            ], 64)) : T("", !0)
+          ], 64)) : T("", !0)
+        ])) : T("", !0)
       ]);
     };
   }
-}), ti = { class: "flex flex-col gap-8" }, ni = { class: "flex flex-wrap items-center gap-12 px-4" }, oi = {
+}), ri = { class: "flex flex-col gap-8" }, ai = { class: "flex flex-wrap items-center gap-12 px-4" }, si = {
   key: 0,
   class: "flex items-center gap-6"
-}, ii = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, li = {
+}, di = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ui = {
   key: 1,
   class: "flex items-center gap-6"
-}, ai = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, ri = {
+}, ci = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, pi = {
   key: 2,
   class: "flex items-center gap-6"
-}, si = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, di = { class: "rounded-lg border border-fm-color-border-default overflow-hidden" }, ui = {
+}, mi = { class: "fm-typo-en-body-sm-400 text-fm-color-typo-secondary" }, fi = { class: "rounded-lg border border-fm-color-border-default overflow-hidden" }, vi = {
   key: 0,
   class: "px-16 py-12 text-center fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
-}, ci = {
+}, yi = {
   key: 1,
   class: "divide-y divide-fm-color-border-default"
-}, pi = { class: "flex items-center gap-12" }, mi = { class: "flex-1 fm-typo-en-body-sm-600 text-fm-color-typo-primary truncate" }, fi = {
+}, bi = { class: "flex items-center gap-12" }, gi = { class: "flex-1 fm-typo-en-body-sm-600 text-fm-color-typo-primary truncate" }, _i = {
   key: 0,
   class: "flex flex-col gap-4 pl-8"
-}, vi = { class: "flex-1 fm-typo-en-body-xs-400 text-fm-color-typo-secondary font-mono truncate" }, yi = /* @__PURE__ */ ie({
+}, ki = { class: "flex-1 fm-typo-en-body-xs-400 text-fm-color-typo-secondary font-mono truncate" }, hi = /* @__PURE__ */ le({
   __name: "LivePreviewTable",
   setup(m) {
-    const { t: d } = oe(), l = ge(), t = ne(), i = {
+    const { t: d } = ie(), l = ge(), t = ne(), i = {
       "will-update": 0,
       "partially-ignored": 1,
       "already-satisfied": 2,
       blocked: 3,
       "no-applicable-changes": 4
-    }, a = R(
+    }, r = A(
       () => Object.values(l.livePreviewEntries).sort(
         (e, V) => i[e.status] - i[V.status]
       )
-    ), h = R(
-      () => a.value.filter((e) => e.status === "will-update").length
-    ), u = R(
-      () => a.value.filter((e) => e.status === "partially-ignored").length
-    ), o = R(
-      () => a.value.filter((e) => e.status === "already-satisfied").length
-    ), s = R(
-      () => a.value.filter((e) => e.status === "blocked").length
+    ), x = A(
+      () => r.value.filter((e) => e.status === "will-update").length
+    ), u = A(
+      () => r.value.filter((e) => e.status === "partially-ignored").length
+    ), o = A(
+      () => r.value.filter((e) => e.status === "already-satisfied").length
+    ), s = A(
+      () => r.value.filter((e) => e.status === "blocked").length
     );
-    function r(e) {
+    function a(e) {
       switch (e) {
         case "will-update":
           return d("inventory.recipe.bulkEditor.status.willUpdate");
@@ -2662,15 +2699,15 @@ const ge = ot("recipeBulkEditor", function() {
       }
     }
     function $(e, V) {
-      var c, g, z;
-      return e === "SKU" ? ((c = t.skuById[V]) == null ? void 0 : c.name) ?? V : e === "SKU_GROUP" ? ((g = t.skuGroupById[V]) == null ? void 0 : g.name) ?? V : e === "RECIPE" ? ((z = t.recipeById[V]) == null ? void 0 : z.name) ?? V : V;
+      var c, _, N;
+      return e === "SKU" ? ((c = t.skuById[V]) == null ? void 0 : c.name) ?? V : e === "SKU_GROUP" ? ((_ = t.skuGroupById[V]) == null ? void 0 : _.name) ?? V : e === "RECIPE" ? ((N = t.recipeById[V]) == null ? void 0 : N.name) ?? V : V;
     }
     function C(e) {
-      var c, g;
+      var c, _;
       const V = $(e.type, e.id);
       if (e.type === "SKU") {
-        const z = t.skuById[e.id], x = ((c = e.measurement) == null ? void 0 : c.abbrev) ?? ((g = z == null ? void 0 : z.unit) == null ? void 0 : g.abbrev) ?? "";
-        return `${V} (${Q(e.amount)} ${x})`.trim();
+        const N = t.skuById[e.id], z = ((c = e.measurement) == null ? void 0 : c.abbrev) ?? ((_ = N == null ? void 0 : N.unit) == null ? void 0 : _.abbrev) ?? "";
+        return `${V} (${Q(e.amount)} ${z})`.trim();
       }
       return e.type === "RECIPE" ? `${V} ×${Q(e.amount)}` : V;
     }
@@ -2678,10 +2715,10 @@ const ge = ot("recipeBulkEditor", function() {
       return $(e.type, e.id);
     }
     function f(e, V) {
-      const c = V.contains.find((g) => g.type === e.type && g.id === e.id);
+      const c = V.contains.find((_) => _.type === e.type && _.id === e.id);
       return c ? C(c) : I(e);
     }
-    function _(e, V) {
+    function k(e, V) {
       switch (e.type) {
         case "add-binding":
           return `+ ${C(e.binding)}`;
@@ -2709,7 +2746,7 @@ const ge = ot("recipeBulkEditor", function() {
           return "neutral";
       }
     }
-    function v(e) {
+    function b(e) {
       switch (e) {
         case "applied":
           return d("inventory.recipe.bulkEditor.livePreview.outcomeApplied");
@@ -2725,76 +2762,76 @@ const ge = ot("recipeBulkEditor", function() {
     }
     return (e, V) => {
       const c = G("FmChip");
-      return b(), B("div", ti, [
-        y("div", ni, [
-          h.value + u.value > 0 ? (b(), B("div", oi, [
-            k(c, {
+      return y(), E("div", ri, [
+        v("div", ai, [
+          x.value + u.value > 0 ? (y(), E("div", si, [
+            h(c, {
               size: "sm",
-              label: String(h.value + u.value),
+              label: String(x.value + u.value),
               variant: "success"
             }, null, 8, ["label"]),
-            y("span", ii, D(n(d)("inventory.recipe.bulkEditor.livePreview.willUpdate")), 1)
-          ])) : U("", !0),
-          o.value > 0 ? (b(), B("div", li, [
-            k(c, {
+            v("span", di, U(n(d)("inventory.recipe.bulkEditor.livePreview.willUpdate")), 1)
+          ])) : T("", !0),
+          o.value > 0 ? (y(), E("div", ui, [
+            h(c, {
               size: "sm",
               label: String(o.value),
               variant: "info"
             }, null, 8, ["label"]),
-            y("span", ai, D(n(d)("inventory.recipe.bulkEditor.livePreview.alreadySatisfied")), 1)
-          ])) : U("", !0),
-          s.value > 0 ? (b(), B("div", ri, [
-            k(c, {
+            v("span", ci, U(n(d)("inventory.recipe.bulkEditor.livePreview.alreadySatisfied")), 1)
+          ])) : T("", !0),
+          s.value > 0 ? (y(), E("div", pi, [
+            h(c, {
               size: "sm",
               label: String(s.value),
               variant: "critical"
             }, null, 8, ["label"]),
-            y("span", si, D(n(d)("inventory.recipe.bulkEditor.livePreview.blocked")), 1)
-          ])) : U("", !0)
+            v("span", mi, U(n(d)("inventory.recipe.bulkEditor.livePreview.blocked")), 1)
+          ])) : T("", !0)
         ]),
-        y("div", di, [
-          a.value.length === 0 ? (b(), B("div", ui, D(n(d)("inventory.recipe.bulkEditor.livePreview.noRecipes")), 1)) : (b(), B("div", ci, [
-            (b(!0), B(X, null, me(a.value, (g) => (b(), B("div", {
-              key: g.recipeId,
+        v("div", fi, [
+          r.value.length === 0 ? (y(), E("div", vi, U(n(d)("inventory.recipe.bulkEditor.livePreview.noRecipes")), 1)) : (y(), E("div", yi, [
+            (y(!0), E(X, null, me(r.value, (_) => (y(), E("div", {
+              key: _.recipeId,
               class: "flex flex-col gap-6 px-16 py-10"
             }, [
-              y("div", pi, [
-                y("span", mi, D(g.recipeName), 1),
-                k(c, {
+              v("div", bi, [
+                v("span", gi, U(_.recipeName), 1),
+                h(c, {
                   size: "sm",
-                  label: r(g.status),
-                  variant: p(g.status)
+                  label: a(_.status),
+                  variant: p(_.status)
                 }, null, 8, ["label", "variant"])
               ]),
-              g.changes.length > 0 ? (b(), B("div", fi, [
-                (b(!0), B(X, null, me(g.changes, (z, x) => (b(), B("div", {
-                  key: x,
+              _.changes.length > 0 ? (y(), E("div", _i, [
+                (y(!0), E(X, null, me(_.changes, (N, z) => (y(), E("div", {
+                  key: z,
                   class: "flex items-center gap-8"
                 }, [
-                  y("span", vi, D(_(z.change, g.original)), 1),
-                  k(c, {
+                  v("span", ki, U(k(N.change, _.original)), 1),
+                  h(c, {
                     size: "sm",
-                    label: v(z.outcome),
-                    variant: S(z.outcome)
+                    label: b(N.outcome),
+                    variant: S(N.outcome)
                   }, null, 8, ["label", "variant"])
                 ]))), 128))
-              ])) : U("", !0)
+              ])) : T("", !0)
             ]))), 128))
           ]))
         ])
       ]);
     };
   }
-}), bi = { class: "flex flex-col h-full overflow-hidden" }, gi = { class: "flex flex-col min-h-0 shrink-0" }, _i = { class: "flex items-center gap-8 px-16 pt-12 border-b border-fm-color-border-default" }, ki = { class: "flex-1 overflow-x-auto min-w-0" }, hi = {
+}), xi = { class: "flex flex-col h-full overflow-hidden" }, $i = { class: "flex flex-col min-h-0 shrink-0" }, Ii = { class: "flex items-center gap-8 px-16 pt-12 border-b border-fm-color-border-default" }, wi = { class: "flex-1 overflow-x-auto min-w-0" }, Ei = {
   class: "px-16 py-14 overflow-y-auto",
   style: { "max-height": "45vh" }
-}, xi = {
+}, Vi = {
   key: 0,
   class: "flex flex-col items-center justify-center py-40 gap-8 text-center rounded-lg border border-dashed border-fm-color-border-default"
-}, $i = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ii = { class: "flex-1 overflow-y-auto px-16 py-14 flex flex-col gap-12 min-h-0" }, wi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary shrink-0" }, Ei = /* @__PURE__ */ ie({
+}, Si = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ci = { class: "flex-1 overflow-y-auto px-16 py-14 flex flex-col gap-12 min-h-0" }, Bi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary shrink-0" }, Fi = /* @__PURE__ */ le({
   __name: "RecipeBulkEditorStep2",
   setup(m) {
-    const { t: d } = oe(), l = ge(), t = K(null);
+    const { t: d } = ie(), l = ge(), t = W(null);
     ue(
       () => l.modifications.length,
       (o) => {
@@ -2803,16 +2840,16 @@ const ge = ot("recipeBulkEditor", function() {
       { immediate: !0 }
     );
     function i(o, s) {
-      const r = o.type === "replace-binding" ? o.from.type : o.type === "remove-binding" || o.type === "update-binding-rule" || o.type === "update-alternatives" ? o.target.type : o.type === "add-binding" ? o.binding.type : null;
-      return r === "RECIPE" ? d("inventory.recipe.bulkEditor.step2.fieldRecipe") : r === "SKU" || r === "SKU_GROUP" ? d("inventory.recipe.bulkEditor.step2.fieldIngredient") : d("inventory.recipe.bulkEditor.step2.tabLabel", { n: s + 1 });
+      const a = o.type === "replace-binding" ? o.from.type : o.type === "remove-binding" || o.type === "update-binding-rule" || o.type === "update-alternatives" ? o.target.type : o.type === "add-binding" ? o.binding.type : null;
+      return a === "RECIPE" ? d("inventory.recipe.bulkEditor.step2.fieldRecipe") : a === "SKU" || a === "SKU_GROUP" ? d("inventory.recipe.bulkEditor.step2.fieldIngredient") : d("inventory.recipe.bulkEditor.step2.tabLabel", { n: s + 1 });
     }
-    const a = R(
+    const r = A(
       () => l.modifications.map((o, s) => ({
         label: i(o, s),
         value: s
       }))
     );
-    function h() {
+    function x() {
       const s = {
         type: "add-binding",
         binding: {
@@ -2830,24 +2867,24 @@ const ge = ot("recipeBulkEditor", function() {
       l.removeModification(o);
     }
     return (o, s) => {
-      const r = G("FmButton"), p = G("FmTab"), $ = G("FmTabs"), C = G("FmIcon");
-      return b(), B("div", bi, [
-        y("div", gi, [
-          y("div", _i, [
-            y("div", ki, [
-              a.value.length > 0 ? (b(), Y($, {
+      const a = G("FmButton"), p = G("FmTab"), $ = G("FmTabs"), C = G("FmIcon");
+      return y(), E("div", xi, [
+        v("div", $i, [
+          v("div", Ii, [
+            v("div", wi, [
+              r.value.length > 0 ? (y(), Y($, {
                 key: 0,
                 "model-value": t.value,
-                items: a.value,
+                items: r.value,
                 "onUpdate:modelValue": s[1] || (s[1] = (I) => t.value = I)
               }, {
                 default: J((I) => [
-                  k(p, we(I, {
+                  h(p, we(I, {
                     "model-value": t.value,
                     "onUpdate:modelValue": s[0] || (s[0] = (f) => t.value = f)
                   }), {
                     append: J(() => [
-                      k(r, {
+                      h(a, {
                         variant: "tertiary",
                         icon: "close",
                         size: "md",
@@ -2858,213 +2895,213 @@ const ge = ot("recipeBulkEditor", function() {
                   }, 1040, ["model-value"])
                 ]),
                 _: 1
-              }, 8, ["model-value", "items"])) : U("", !0)
+              }, 8, ["model-value", "items"])) : T("", !0)
             ]),
-            k(r, {
+            h(a, {
               label: n(d)("inventory.recipe.bulkEditor.step2.addModification"),
               variant: "secondary",
               size: "md",
               "prepend-icon": "add",
               class: "shrink-0",
-              onClick: h
+              onClick: x
             }, null, 8, ["label"])
           ]),
-          y("div", hi, [
-            n(l).modifications.length === 0 ? (b(), B("div", xi, [
-              k(C, {
+          v("div", Ei, [
+            n(l).modifications.length === 0 ? (y(), E("div", Vi, [
+              h(C, {
                 name: "edit_note",
                 size: "lg",
                 class: "text-fm-color-typo-placeholder"
               }),
-              y("p", $i, D(n(d)("inventory.recipe.bulkEditor.step2.emptyState")), 1)
-            ])) : t.value !== null && n(l).modifications[t.value] ? (b(), Y(ei, {
+              v("p", Si, U(n(d)("inventory.recipe.bulkEditor.step2.emptyState")), 1)
+            ])) : t.value !== null && n(l).modifications[t.value] ? (y(), Y(li, {
               key: t.value,
               "model-value": n(l).modifications[t.value],
               "live-preview-entries": n(l).livePreviewEntries,
               "onUpdate:modelValue": s[2] || (s[2] = (I) => n(l).updateModification(t.value, I))
-            }, null, 8, ["model-value", "live-preview-entries"])) : U("", !0)
+            }, null, 8, ["model-value", "live-preview-entries"])) : T("", !0)
           ])
         ]),
-        s[3] || (s[3] = y("div", { class: "border-t border-fm-color-border-default shrink-0" }, null, -1)),
-        y("div", Ii, [
-          y("span", wi, D(n(d)("inventory.recipe.bulkEditor.step2.livePreviewTitle")), 1),
-          k(yi)
+        s[3] || (s[3] = v("div", { class: "border-t border-fm-color-border-default shrink-0" }, null, -1)),
+        v("div", Ci, [
+          v("span", Bi, U(n(d)("inventory.recipe.bulkEditor.step2.livePreviewTitle")), 1),
+          h(hi)
         ])
       ]);
     };
   }
 });
-function Vi(m) {
+function Ri(m) {
   return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([d, l]) => `${d}: ${l}`).join(", ");
 }
-function Si() {
-  const m = ne(), d = ge(), l = m.skuById, t = m.recipeById, i = m.skuGroupById, h = Object.values(d.entries).filter(
+function Ai() {
+  const m = ne(), d = ge(), l = m.skuById, t = m.recipeById, i = m.skuGroupById, x = Object.values(d.entries).filter(
     (s) => s.status === "will-update" || s.status === "partially-ignored"
-  ).flatMap((s, r) => {
+  ).flatMap((s, a) => {
     var C;
-    const p = s.projected ?? s.original, $ = Vi(p.customAttributes);
+    const p = s.projected ?? s.original, $ = Ri(p.customAttributes);
     if ((C = p.contains) != null && C.length) {
-      const I = p.contains.filter((S) => S.type === "RECIPE"), f = p.contains.filter((S) => S.type === "SKU"), _ = p.contains.filter((S) => S.type === "SKU_GROUP");
+      const I = p.contains.filter((S) => S.type === "RECIPE"), f = p.contains.filter((S) => S.type === "SKU"), k = p.contains.filter((S) => S.type === "SKU_GROUP");
       return [
-        ...r === 0 ? [] : [["", "", "", "", "", "", ""]],
+        ...a === 0 ? [] : [["", "", "", "", "", "", ""]],
         ...I.map(
-          (S, v) => {
+          (S, b) => {
             var e;
             return [
-              v === 0 ? p.name : "",
+              b === 0 ? p.name : "",
               "RECIPE",
               "",
               ((e = t[S.id]) == null ? void 0 : e.name) ?? S.id,
               Q(S.amount),
               "UNIT",
-              v === 0 ? $ : ""
+              b === 0 ? $ : ""
             ];
           }
         ),
         ...f.map(
-          (S, v) => {
-            var e, V, c, g;
+          (S, b) => {
+            var e, V, c, _;
             return [
-              !I.length && v === 0 ? p.name : "",
+              !I.length && b === 0 ? p.name : "",
               "INGREDIENT",
               ((e = l[S.id]) == null ? void 0 : e.code) ?? "",
               ((V = l[S.id]) == null ? void 0 : V.name) ?? S.id,
               Q(S.amount),
-              S.measurement ? S.measurement.abbrev : ((g = (c = l[S.id]) == null ? void 0 : c.unit) == null ? void 0 : g.abbrev) ?? "",
-              !I.length && v === 0 ? $ : ""
+              S.measurement ? S.measurement.abbrev : ((_ = (c = l[S.id]) == null ? void 0 : c.unit) == null ? void 0 : _.abbrev) ?? "",
+              !I.length && b === 0 ? $ : ""
             ];
           }
         ),
-        ..._.map(
-          (S, v) => {
+        ...k.map(
+          (S, b) => {
             var e, V;
             return [
-              I.length === 0 && f.length === 0 && v === 0 ? p.name : "",
+              I.length === 0 && f.length === 0 && b === 0 ? p.name : "",
               "SKU_GROUP",
               ((e = i[S.id]) == null ? void 0 : e.ref) ?? "",
               ((V = i[S.id]) == null ? void 0 : V.name) ?? S.id,
               Q(S.amount),
               "UNIT",
-              I.length === 0 && f.length === 0 && v === 0 ? $ : ""
+              I.length === 0 && f.length === 0 && b === 0 ? $ : ""
             ];
           }
         )
       ];
     }
     return [
-      ...r === 0 ? [] : [["", "", "", "", "", "", ""]],
+      ...a === 0 ? [] : [["", "", "", "", "", "", ""]],
       [p.name, "No bindings", "", "", "", "", $]
     ];
-  }), o = rt(h, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  }), o = at(x, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
   st(o, `RECIPE_BULK_EDIT_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
-const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, Fi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, Ri = { class: "flex flex-wrap gap-12" }, Ai = { class: "flex items-center gap-6" }, Ti = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ui = {
+const Ti = { class: "flex flex-col gap-16" }, Ui = { class: "rounded-lg border border-fm-color-border-default bg-fm-color-surface-secondary p-16" }, Pi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary mb-8" }, Mi = { class: "flex flex-wrap gap-12" }, Di = { class: "flex items-center gap-6" }, Gi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Ni = {
   key: 0,
   class: "flex items-center gap-6"
-}, Pi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Mi = {
+}, zi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Oi = {
   key: 1,
   class: "flex items-center gap-6"
-}, Di = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Gi = {
+}, Li = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, ji = {
   key: 2,
   class: "flex items-center gap-6"
-}, Ni = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, zi = {
+}, Ki = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, qi = {
   key: 3,
   class: "flex items-center gap-6"
-}, Oi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Li = { class: "mt-12" }, ji = ["onClick"], Ki = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, qi = {
+}, Wi = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Yi = { class: "mt-12" }, Ji = ["onClick"], Hi = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary flex-1 truncate" }, Qi = {
   key: 0,
   class: "px-12 py-8 border-b border-fm-color-border-default"
-}, Wi = { class: "px-12 py-10 leading-relaxed" }, Yi = {
+}, Xi = { class: "px-12 py-10 leading-relaxed" }, Zi = {
   key: 2,
   class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder italic"
-}, Ji = { class: "flex items-center gap-12 px-12 py-8 border-t border-fm-color-border-default bg-fm-color-surface-secondary text-fm-color-typo-secondary fm-typo-en-body-xs-400" }, Hi = { key: 0 }, Qi = { key: 1 }, Xi = {
+}, el = { class: "flex items-center gap-12 px-12 py-8 border-t border-fm-color-border-default bg-fm-color-surface-secondary text-fm-color-typo-secondary fm-typo-en-body-xs-400" }, tl = { key: 0 }, nl = { key: 1 }, ol = {
   key: 2,
   class: "text-fm-color-warning"
-}, Zi = {
+}, il = {
   key: 3,
   class: "text-fm-color-error"
-}, el = {
+}, ll = {
   key: 4,
   class: "text-fm-color-typo-placeholder"
-}, tl = /* @__PURE__ */ ie({
+}, rl = /* @__PURE__ */ le({
   __name: "RecipeBulkEditorSummaryStep",
   setup(m) {
-    const { t: d } = oe(), l = ne(), t = ge(), i = R(() => Object.values(t.entries)), a = R(
+    const { t: d } = ie(), l = ne(), t = ge(), i = A(() => Object.values(t.entries)), r = A(
       () => i.value.filter((e) => e.status === "will-update").length
-    ), h = R(
+    ), x = A(
       () => i.value.filter((e) => e.status === "partially-ignored").length
-    ), u = R(
+    ), u = A(
       () => i.value.filter((e) => e.status === "already-satisfied").length
-    ), o = R(
+    ), o = A(
       () => i.value.filter((e) => e.status === "blocked").length
-    ), s = R(
+    ), s = A(
       () => i.value.filter((e) => e.status === "no-applicable-changes").length
-    ), r = K(/* @__PURE__ */ new Set());
+    ), a = W(/* @__PURE__ */ new Set());
     function p(e) {
-      return r.value.has(e);
+      return a.value.has(e);
     }
     function $(e) {
-      const V = new Set(r.value);
-      V.has(e) ? V.delete(e) : V.add(e), r.value = V;
+      const V = new Set(a.value);
+      V.has(e) ? V.delete(e) : V.add(e), a.value = V;
     }
     function C(e) {
-      var g, z, x;
+      var _, N, z;
       const V = [], c = ke(e.contains, /* @__PURE__ */ new Set([e._id]), l.recipeById);
-      for (let w = 0; w < c.length; w++) {
-        const F = c[w], N = F.recipeIds.slice(1).length > 0, T = N ? ((g = l.recipeById[F.recipeIds.at(-1) ?? ""]) == null ? void 0 : g.name) ?? "" : "";
+      for (let g = 0; g < c.length; g++) {
+        const B = c[g], F = B.recipeIds.slice(1).length > 0, R = F ? ((_ = l.recipeById[B.recipeIds.at(-1) ?? ""]) == null ? void 0 : _.name) ?? "" : "";
         let P;
-        if (F.isGroup) {
-          const W = l.skuGroupById[F.id];
-          if (!W) continue;
-          const H = `x${Q(F.amount)}`;
-          P = N ? `(${T}) ${W.name} (${H})` : `${W.name} (${H})`;
+        if (B.isGroup) {
+          const K = l.skuGroupById[B.id];
+          if (!K) continue;
+          const H = `x${Q(B.amount)}`;
+          P = F ? `(${R}) ${K.name} (${H})` : `${K.name} (${H})`;
         } else {
-          const W = l.skuById[F.id];
-          if (!W) continue;
-          const H = ((z = F.measurement) == null ? void 0 : z.abbrev) ?? ((x = W.unit) == null ? void 0 : x.abbrev) ?? "", Z = `${Q(F.amount)}${H}`;
-          P = N ? `(${T}) ${W.name} (${Z})` : `${W.name} (${Z})`;
+          const K = l.skuById[B.id];
+          if (!K) continue;
+          const H = ((N = B.measurement) == null ? void 0 : N.abbrev) ?? ((z = K.unit) == null ? void 0 : z.abbrev) ?? "", ee = `${Q(B.amount)}${H}`;
+          P = F ? `(${R}) ${K.name} (${ee})` : `${K.name} (${ee})`;
         }
-        w > 0 && V.push({ text: ", " }), V.push({ text: P });
+        g > 0 && V.push({ text: ", " }), V.push({ text: P });
       }
       return V;
     }
     function I(e) {
-      var w, F, N, T;
+      var g, B, F, R;
       if (e.isGroup) {
         const P = l.skuGroupById[e.id];
         if (!P) return "";
-        const W = e.recipeIds.slice(1).length > 0, H = W ? ((w = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : w.name) ?? "" : "", Z = `x${Q(e.amount)}`;
-        return W ? `(${H}) ${P.name} (${Z})` : `${P.name} (${Z})`;
+        const K = e.recipeIds.slice(1).length > 0, H = K ? ((g = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : g.name) ?? "" : "", ee = `x${Q(e.amount)}`;
+        return K ? `(${H}) ${P.name} (${ee})` : `${P.name} (${ee})`;
       }
       const V = l.skuById[e.id];
       if (!V) return "";
-      const c = e.recipeIds.slice(1).length > 0, g = c ? ((F = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : F.name) ?? "" : "", z = ((N = e.measurement) == null ? void 0 : N.abbrev) ?? ((T = V.unit) == null ? void 0 : T.abbrev) ?? "", x = `${Q(e.amount)}${z}`;
-      return c ? `(${g}) ${V.name} (${x})` : `${V.name} (${x})`;
+      const c = e.recipeIds.slice(1).length > 0, _ = c ? ((B = l.recipeById[e.recipeIds.at(-1) ?? ""]) == null ? void 0 : B.name) ?? "" : "", N = ((F = e.measurement) == null ? void 0 : F.abbrev) ?? ((R = V.unit) == null ? void 0 : R.abbrev) ?? "", z = `${Q(e.amount)}${N}`;
+      return c ? `(${_}) ${V.name} (${z})` : `${V.name} (${z})`;
     }
     function f(e) {
       if (!e.projected) return [];
-      const V = ke(e.original.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), c = ke(e.projected.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), g = /* @__PURE__ */ new Map();
-      for (const N of V) g.set(`${N.type}:${N.id}`, N);
-      const z = /* @__PURE__ */ new Map();
-      for (const N of c) z.set(`${N.type}:${N.id}`, N);
-      const x = [];
-      let w = !0;
-      function F(N, T) {
-        T && (w || x.push({ kind: "unchanged", text: ", " }), x.push({ kind: N, text: T }), w = !1);
+      const V = ke(e.original.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), c = ke(e.projected.contains, /* @__PURE__ */ new Set([e.recipeId]), l.recipeById), _ = /* @__PURE__ */ new Map();
+      for (const F of V) _.set(`${F.type}:${F.id}`, F);
+      const N = /* @__PURE__ */ new Map();
+      for (const F of c) N.set(`${F.type}:${F.id}`, F);
+      const z = [];
+      let g = !0;
+      function B(F, R) {
+        R && (g || z.push({ kind: "unchanged", text: ", " }), z.push({ kind: F, text: R }), g = !1);
       }
-      for (const [N, T] of g) {
-        const P = z.get(N);
+      for (const [F, R] of _) {
+        const P = N.get(F);
         if (!P)
-          F("removed", I(T));
+          B("removed", I(R));
         else {
-          const W = I(T), H = I(P);
-          W === H ? F("unchanged", W) : (F("removed", W), F("added", H));
+          const K = I(R), H = I(P);
+          K === H ? B("unchanged", K) : (B("removed", K), B("added", H));
         }
       }
-      for (const [N, T] of z)
-        g.has(N) || F("added", I(T));
-      return x;
+      for (const [F, R] of N)
+        _.has(F) || B("added", I(R));
+      return z;
     }
-    const _ = R(() => {
+    const k = A(() => {
       const e = /* @__PURE__ */ new Map();
       for (const V of i.value)
         e.set(V.recipeId, f(V));
@@ -3086,7 +3123,7 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
           return "";
       }
     }
-    function v(e) {
+    function b(e) {
       switch (e) {
         case "will-update":
           return "success";
@@ -3103,153 +3140,153 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
       }
     }
     return (e, V) => {
-      const c = G("FmChip"), g = G("FmButton"), z = G("FmBanner"), x = G("FmIcon");
-      return b(), B("div", Bi, [
-        y("div", Ci, [
-          y("p", Fi, D(n(d)("inventory.recipe.bulkEditor.summary.title")), 1),
-          y("div", Ri, [
-            y("div", Ai, [
-              k(c, {
+      const c = G("FmChip"), _ = G("FmButton"), N = G("FmBanner"), z = G("FmIcon");
+      return y(), E("div", Ti, [
+        v("div", Ui, [
+          v("p", Pi, U(n(d)("inventory.recipe.bulkEditor.summary.title")), 1),
+          v("div", Mi, [
+            v("div", Di, [
+              h(c, {
                 size: "sm",
-                label: String(a.value),
+                label: String(r.value),
                 variant: "success"
               }, null, 8, ["label"]),
-              y("span", Ti, D(n(d)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
+              v("span", Gi, U(n(d)("inventory.recipe.bulkEditor.summary.countWillUpdate")), 1)
             ]),
-            h.value > 0 ? (b(), B("div", Ui, [
-              k(c, {
+            x.value > 0 ? (y(), E("div", Ni, [
+              h(c, {
                 size: "sm",
-                label: String(h.value),
+                label: String(x.value),
                 variant: "warning"
               }, null, 8, ["label"]),
-              y("span", Pi, D(n(d)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
-            ])) : U("", !0),
-            u.value > 0 ? (b(), B("div", Mi, [
-              k(c, {
+              v("span", zi, U(n(d)("inventory.recipe.bulkEditor.summary.countPartiallyIgnored")), 1)
+            ])) : T("", !0),
+            u.value > 0 ? (y(), E("div", Oi, [
+              h(c, {
                 size: "sm",
                 label: String(u.value),
                 variant: "info"
               }, null, 8, ["label"]),
-              y("span", Di, D(n(d)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
-            ])) : U("", !0),
-            o.value > 0 ? (b(), B("div", Gi, [
-              k(c, {
+              v("span", Li, U(n(d)("inventory.recipe.bulkEditor.summary.countAlreadySatisfied")), 1)
+            ])) : T("", !0),
+            o.value > 0 ? (y(), E("div", ji, [
+              h(c, {
                 size: "sm",
                 label: String(o.value),
                 variant: "critical"
               }, null, 8, ["label"]),
-              y("span", Ni, D(n(d)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
-            ])) : U("", !0),
-            s.value > 0 ? (b(), B("div", zi, [
-              k(c, {
+              v("span", Ki, U(n(d)("inventory.recipe.bulkEditor.summary.countBlocked")), 1)
+            ])) : T("", !0),
+            s.value > 0 ? (y(), E("div", qi, [
+              h(c, {
                 size: "sm",
                 label: String(s.value),
                 variant: "neutral"
               }, null, 8, ["label"]),
-              y("span", Oi, D(n(d)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
-            ])) : U("", !0)
+              v("span", Wi, U(n(d)("inventory.recipe.bulkEditor.summary.countNoChanges")), 1)
+            ])) : T("", !0)
           ]),
-          y("div", Li, [
-            k(g, {
+          v("div", Yi, [
+            h(_, {
               label: n(d)("common.export"),
               variant: "secondary",
               size: "md",
-              onClick: n(Si)
+              onClick: n(Ai)
             }, null, 8, ["label", "onClick"])
           ]),
-          a.value === 0 && h.value === 0 ? (b(), Y(z, {
+          r.value === 0 && x.value === 0 ? (y(), Y(N, {
             key: 0,
             class: "mt-12",
             type: "warning",
             message: n(d)("inventory.recipe.bulkEditor.summary.nothingToSubmit")
-          }, null, 8, ["message"])) : U("", !0)
+          }, null, 8, ["message"])) : T("", !0)
         ]),
-        (b(!0), B(X, null, me(i.value, (w) => (b(), B("div", {
-          key: w.recipeId,
+        (y(!0), E(X, null, me(i.value, (g) => (y(), E("div", {
+          key: g.recipeId,
           class: "rounded-lg border border-fm-color-border-default overflow-hidden"
         }, [
-          y("button", {
+          v("button", {
             type: "button",
-            class: Be(["w-full flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary border-b border-fm-color-border-default text-left cursor-pointer", { "border-b-0": !p(w.recipeId) }]),
-            onClick: (F) => $(w.recipeId)
+            class: Ce(["w-full flex items-center gap-8 px-12 py-10 bg-fm-color-surface-secondary border-b border-fm-color-border-default text-left cursor-pointer", { "border-b-0": !p(g.recipeId) }]),
+            onClick: (B) => $(g.recipeId)
           }, [
-            k(x, {
-              name: p(w.recipeId) ? "expand_less" : "expand_more",
+            h(z, {
+              name: p(g.recipeId) ? "expand_less" : "expand_more",
               size: "sm",
               class: "text-fm-color-typo-secondary flex-shrink-0"
             }, null, 8, ["name"]),
-            y("span", Ki, D(w.recipeName), 1),
-            w.original.version === "v2" ? (b(), Y(c, {
+            v("span", Hi, U(g.recipeName), 1),
+            g.original.version === "v2" ? (y(), Y(c, {
               key: 0,
               size: "sm",
               label: "V2",
               variant: "info"
-            })) : U("", !0),
-            k(c, {
+            })) : T("", !0),
+            h(c, {
               size: "sm",
-              label: S(w.status),
-              variant: v(w.status)
+              label: S(g.status),
+              variant: b(g.status)
             }, null, 8, ["label", "variant"])
-          ], 10, ji),
-          p(w.recipeId) ? (b(), B(X, { key: 0 }, [
-            n(t).applyErrors.has(w.recipeId) ? (b(), B("div", qi, [
-              k(z, {
+          ], 10, Ji),
+          p(g.recipeId) ? (y(), E(X, { key: 0 }, [
+            n(t).applyErrors.has(g.recipeId) ? (y(), E("div", Qi, [
+              h(N, {
                 type: "error",
-                message: n(t).applyErrors.get(w.recipeId)
+                message: n(t).applyErrors.get(g.recipeId)
               }, null, 8, ["message"])
-            ])) : U("", !0),
-            y("div", Wi, [
-              w.projected ? (_.value.get(w.recipeId) ?? []).length > 0 ? (b(!0), B(X, { key: 1 }, me(_.value.get(w.recipeId), (F, N) => (b(), B("span", {
-                key: N,
-                class: Be(["fm-typo-en-body-sm-400", {
-                  "text-fm-color-typo-secondary": F.kind === "unchanged",
-                  "line-through text-fm-color-error font-medium": F.kind === "removed",
-                  "text-fm-color-success font-medium": F.kind === "added"
+            ])) : T("", !0),
+            v("div", Xi, [
+              g.projected ? (k.value.get(g.recipeId) ?? []).length > 0 ? (y(!0), E(X, { key: 1 }, me(k.value.get(g.recipeId), (B, F) => (y(), E("span", {
+                key: F,
+                class: Ce(["fm-typo-en-body-sm-400", {
+                  "text-fm-color-typo-secondary": B.kind === "unchanged",
+                  "line-through text-fm-color-error font-medium": B.kind === "removed",
+                  "text-fm-color-success font-medium": B.kind === "added"
                 }])
-              }, D(F.text), 3))), 128)) : (b(), B("span", Yi, D(n(d)("inventory.recipe.bulkEditor.summary.emptyBindings")), 1)) : (b(!0), B(X, { key: 0 }, me(C(w.original), (F, N) => (b(), B("span", {
-                key: N,
+              }, U(B.text), 3))), 128)) : (y(), E("span", Zi, U(n(d)("inventory.recipe.bulkEditor.summary.emptyBindings")), 1)) : (y(!0), E(X, { key: 0 }, me(C(g.original), (B, F) => (y(), E("span", {
+                key: F,
                 class: "fm-typo-en-body-sm-400 text-fm-color-typo-placeholder"
-              }, D(F.text), 1))), 128))
+              }, U(B.text), 1))), 128))
             ]),
-            y("div", Ji, [
-              w.counts.applied > 0 ? (b(), B("span", Hi, D(n(d)("inventory.recipe.bulkEditor.summary.footerApplied", { count: w.counts.applied })), 1)) : U("", !0),
-              w.counts.satisfied > 0 ? (b(), B("span", Qi, D(n(d)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: w.counts.satisfied })), 1)) : U("", !0),
-              w.counts.ignored > 0 ? (b(), B("span", Xi, D(n(d)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: w.counts.ignored })), 1)) : U("", !0),
-              w.counts.blocked > 0 ? (b(), B("span", Zi, D(n(d)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: w.counts.blocked })), 1)) : U("", !0),
-              w.counts.applied === 0 && w.counts.satisfied === 0 && w.counts.ignored === 0 && w.counts.blocked === 0 ? (b(), B("span", el, D(n(d)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)) : U("", !0)
+            v("div", el, [
+              g.counts.applied > 0 ? (y(), E("span", tl, U(n(d)("inventory.recipe.bulkEditor.summary.footerApplied", { count: g.counts.applied })), 1)) : T("", !0),
+              g.counts.satisfied > 0 ? (y(), E("span", nl, U(n(d)("inventory.recipe.bulkEditor.summary.footerSatisfied", { count: g.counts.satisfied })), 1)) : T("", !0),
+              g.counts.ignored > 0 ? (y(), E("span", ol, U(n(d)("inventory.recipe.bulkEditor.summary.footerIgnored", { count: g.counts.ignored })), 1)) : T("", !0),
+              g.counts.blocked > 0 ? (y(), E("span", il, U(n(d)("inventory.recipe.bulkEditor.summary.footerBlocked", { count: g.counts.blocked })), 1)) : T("", !0),
+              g.counts.applied === 0 && g.counts.satisfied === 0 && g.counts.ignored === 0 && g.counts.blocked === 0 ? (y(), E("span", ll, U(n(d)("inventory.recipe.bulkEditor.summary.noChangesDetail")), 1)) : T("", !0)
             ])
-          ], 64)) : U("", !0)
+          ], 64)) : T("", !0)
         ]))), 128))
       ]);
     };
   }
-}), nl = { class: "flex items-center gap-12" }, ol = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, il = {
+}), al = { class: "flex items-center gap-12" }, sl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, dl = {
   key: 0,
   class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, ll = {
+}, ul = {
   key: 1,
   class: "h-[calc(98vh-120px)] overflow-hidden flex flex-col"
-}, al = {
+}, cl = {
   key: 2,
   class: "h-[calc(98vh-120px)] overflow-y-auto px-24 py-20"
-}, rl = {
+}, pl = {
   key: 0,
   class: "flex items-center gap-8 px-4"
-}, sl = {
+}, ml = {
   key: 1,
   class: "flex items-center gap-8 px-4"
-}, dl = {
+}, fl = {
   key: 2,
   class: "flex items-center gap-8 px-4"
-}, ul = /* @__PURE__ */ ie({
+}, vl = /* @__PURE__ */ le({
   __name: "RecipeBulkEditorDialog",
   props: {
     show: { type: Boolean }
   },
   emits: ["update:show"],
   setup(m, { emit: d }) {
-    const l = m, { t } = oe(), i = ge(), a = Ge(l, "show"), h = Le(), u = R(() => i.currentStep === 1), o = R(() => i.currentStep === 2), s = R(() => i.currentStep === 3);
-    function r() {
+    const l = m, { t } = ie(), i = ge(), r = Ge(l, "show"), x = Le(), u = A(() => i.currentStep === 1), o = A(() => i.currentStep === 2), s = A(() => i.currentStep === 3);
+    function a() {
       i.currentStep = 2;
     }
     function p() {
@@ -3262,7 +3299,7 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
       i.backToStep2();
     }
     function I() {
-      h.open({
+      x.open({
         title: t("inventory.recipe.bulkEditor.step3.confirmTitle"),
         message: t("inventory.recipe.bulkEditor.step3.confirmMessage"),
         primaryActions: {
@@ -3279,14 +3316,14 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
       });
     }
     function f() {
-      a.value = !1, i.reset();
+      r.value = !1, i.reset();
     }
-    return (_, S) => {
-      const v = G("FmChip"), e = G("FmButton"), V = G("FmDialog");
-      return b(), Y(V, {
-        modelValue: n(a),
+    return (k, S) => {
+      const b = G("FmChip"), e = G("FmButton"), V = G("FmDialog");
+      return y(), Y(V, {
+        modelValue: n(r),
         "onUpdate:modelValue": [
-          S[0] || (S[0] = (c) => De(a) ? a.value = c : null),
+          S[0] || (S[0] = (c) => De(r) ? r.value = c : null),
           S[1] || (S[1] = (c) => {
             c || n(i).reset();
           })
@@ -3297,9 +3334,9 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
         "max-height": "98vh"
       }, {
         "dialog-header": J(() => [
-          y("div", nl, [
-            y("span", ol, D(n(t)("inventory.recipe.bulkEditor.title")), 1),
-            k(v, {
+          v("div", al, [
+            v("span", sl, U(n(t)("inventory.recipe.bulkEditor.title")), 1),
+            h(b, {
               size: "sm",
               label: n(t)("inventory.recipe.bulkEditor.stepIndicator", { step: n(i).currentStep, total: 3 }),
               variant: "neutral"
@@ -3307,118 +3344,118 @@ const Bi = { class: "flex flex-col gap-16" }, Ci = { class: "rounded-lg border b
           ])
         ]),
         "dialog-footer": J(() => [
-          u.value ? (b(), B("div", rl, [
-            k(e, {
+          u.value ? (y(), E("div", pl, [
+            h(e, {
               label: n(t)("common.next"),
               disabled: !n(i).canGoToStep2,
-              onClick: r
+              onClick: a
             }, null, 8, ["label", "disabled"]),
-            k(e, {
+            h(e, {
               label: n(t)("common.close"),
               variant: "tertiary",
               onClick: f
             }, null, 8, ["label"])
-          ])) : o.value ? (b(), B("div", sl, [
-            k(e, {
+          ])) : o.value ? (y(), E("div", ml, [
+            h(e, {
               label: n(t)("inventory.recipe.bulkEditor.step2.reviewButton"),
               disabled: !n(i).canGoToStep3,
               onClick: $
             }, null, 8, ["label", "disabled"]),
-            k(e, {
+            h(e, {
               label: n(t)("common.back"),
               variant: "secondary",
               onClick: p
             }, null, 8, ["label"]),
-            k(e, {
+            h(e, {
               label: n(t)("common.close"),
               variant: "tertiary",
               onClick: f
             }, null, 8, ["label"])
-          ])) : s.value ? (b(), B("div", dl, [
-            k(e, {
+          ])) : s.value ? (y(), E("div", fl, [
+            h(e, {
               label: n(t)("inventory.recipe.bulkEditor.step3.confirmButton"),
               disabled: n(i).isSaving,
               loading: n(i).isSaving,
               onClick: I
             }, null, 8, ["label", "disabled", "loading"]),
-            k(e, {
+            h(e, {
               label: n(t)("common.back"),
               variant: "secondary",
               disabled: n(i).isSaving,
               onClick: C
             }, null, 8, ["label", "disabled"]),
-            k(e, {
+            h(e, {
               label: n(t)("common.close"),
               variant: "tertiary",
               disabled: n(i).isSaving,
               onClick: f
             }, null, 8, ["label", "disabled"])
-          ])) : U("", !0)
+          ])) : T("", !0)
         ]),
         default: J(() => [
-          u.value ? (b(), B("div", il, [
-            k(Mo)
-          ])) : o.value ? (b(), B("div", ll, [
-            k(Ei)
-          ])) : s.value ? (b(), B("div", al, [
-            k(tl)
-          ])) : U("", !0)
+          u.value ? (y(), E("div", dl, [
+            h(Oo)
+          ])) : o.value ? (y(), E("div", ul, [
+            h(Fi)
+          ])) : s.value ? (y(), E("div", cl, [
+            h(rl)
+          ])) : T("", !0)
         ]),
         _: 1
       }, 8, ["modelValue"]);
     };
   }
 });
-function cl(m) {
+function yl(m) {
   return !m || Object.keys(m).length === 0 ? "" : Object.entries(m).map(([d, l]) => `${d}: ${l}`).join(", ");
 }
-function pl() {
-  const m = ne(), d = m.recipes, l = m.recipeById, t = m.skuById, i = m.skuGroupById, a = d.flatMap((o, s) => {
+function bl() {
+  const m = ne(), d = m.recipes, l = m.recipeById, t = m.skuById, i = m.skuGroupById, r = d.flatMap((o, s) => {
     var p;
-    const r = cl(o.customAttributes);
+    const a = yl(o.customAttributes);
     if ((p = o.contains) != null && p.length) {
       const $ = o.contains.filter((f) => f.type === "RECIPE"), C = o.contains.filter((f) => f.type === "SKU"), I = o.contains.filter((f) => f.type === "SKU_GROUP");
       return [
         ...s === 0 ? [] : [["", "", "", "", "", "", ""]],
         ...$.map(
-          (f, _) => {
+          (f, k) => {
             var S;
             return [
-              _ === 0 ? o.name : "",
+              k === 0 ? o.name : "",
               "RECIPE",
               "",
               (S = l[f.id]) == null ? void 0 : S.name,
               Q(f.amount),
               "UNIT",
-              _ === 0 ? r : ""
+              k === 0 ? a : ""
             ];
           }
         ),
         ...C.map(
-          (f, _) => {
-            var S, v, e, V;
+          (f, k) => {
+            var S, b, e, V;
             return [
-              !$.length && _ === 0 ? o.name : "",
+              !$.length && k === 0 ? o.name : "",
               "INGREDIENT",
               (S = t[f.id]) == null ? void 0 : S.code,
-              (v = t[f.id]) == null ? void 0 : v.name,
+              (b = t[f.id]) == null ? void 0 : b.name,
               Q(f.amount),
               f.measurement ? f.measurement.abbrev : (V = (e = t[f.id]) == null ? void 0 : e.unit) == null ? void 0 : V.abbrev,
-              !$.length && _ === 0 ? r : ""
+              !$.length && k === 0 ? a : ""
             ];
           }
         ),
         ...I.map(
-          (f, _) => {
-            var S, v;
+          (f, k) => {
+            var S, b;
             return [
-              $.length === 0 && C.length === 0 && _ === 0 ? o.name : "",
+              $.length === 0 && C.length === 0 && k === 0 ? o.name : "",
               "SKU_GROUP",
               ((S = i[f.id]) == null ? void 0 : S.ref) || "",
-              (v = i[f.id]) == null ? void 0 : v.name,
+              (b = i[f.id]) == null ? void 0 : b.name,
               Q(f.amount),
               "UNIT",
-              $.length === 0 && C.length === 0 && _ === 0 ? r : ""
+              $.length === 0 && C.length === 0 && k === 0 ? a : ""
             ];
           }
         )
@@ -3426,27 +3463,27 @@ function pl() {
     }
     return [
       ...s === 0 ? [] : [["", "", "", "", "", "", ""]],
-      [o.name, "No bindings", "", "", "", "", r]
+      [o.name, "No bindings", "", "", "", "", a]
     ];
-  }), u = rt(a, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
+  }), u = at(r, ["Name", "Type", "Code", "Item", "Amount", "Unit", "Custom Attributes"]);
   st(u, `RECIPE_${dt(/* @__PURE__ */ new Date(), "-", "-")}.xlsx`);
 }
-const ml = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, vl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Kl = /* @__PURE__ */ ie({
+const gl = { class: "flex flex-col py-8" }, _l = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary" }, kl = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, Hl = /* @__PURE__ */ le({
   __name: "RecipeView",
   setup(m) {
-    const d = ne(), l = R(() => d.recipes), t = tt(), { createRecipe: i, updateRecipe: a } = ze(), { recipeDialogProps: h, recipeViewLoading: u } = Et(ze()), { columnDefs: o, formatRowData: s } = Jt(), r = R(() => s(l.value)), p = ge(), $ = We();
-    K(!1);
+    const d = ne(), l = A(() => d.recipes), t = tt(), { createRecipe: i, updateRecipe: r } = ze(), { recipeDialogProps: x, recipeViewLoading: u } = Et(ze()), { columnDefs: o, formatRowData: s } = Jt(), a = A(() => s(l.value)), p = ge(), $ = We();
+    W(!1);
     function C(c) {
       if (c === "add")
         return i();
       if (c === "export")
-        return pl();
+        return bl();
       c === "bulk-edit" && p.openDialog();
     }
-    const I = K(""), f = R(() => u.value), { breakpoints: _ } = xt(), S = R(() => _.value.xs || _.value.sm), v = R(() => S.value ? 10 : 20), e = Bt(), { t: V } = oe();
-    return (c, g) => {
-      const z = G("FmTable");
-      return b(), Y(Ct, {
+    const I = W(""), f = A(() => u.value), { breakpoints: k } = xt(), S = A(() => k.value.xs || k.value.sm), b = A(() => S.value ? 10 : 20), e = Ct(), { t: V } = ie();
+    return (c, _) => {
+      const N = G("FmTable");
+      return y(), Y(Bt, {
         title: n(V)("inventory.recipe.title"),
         actions: [
           {
@@ -3461,8 +3498,8 @@ const ml = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-lg-60
         "onClick:action": C
       }, {
         default: J(() => [
-          y("div", {
-            class: Be([
+          v("div", {
+            class: Ce([
               "flex flex-col gap-8 max-h-full",
               {
                 "p-0": S.value,
@@ -3470,40 +3507,40 @@ const ml = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-lg-60
               }
             ])
           }, [
-            k(jt, {
+            h(jt, {
               searchable: "",
               search: I.value,
-              "onUpdate:search": g[0] || (g[0] = (x) => I.value = x)
+              "onUpdate:search": _[0] || (_[0] = (z) => I.value = z)
             }, null, 8, ["search"]),
-            (b(), Y(z, {
+            (y(), Y(N, {
               style: vt(n(e).tableHeight),
               "column-defs": n(o),
-              "row-data": r.value,
+              "row-data": a.value,
               "search-value": I.value,
               loading: !n(t)._currentLocation || f.value,
-              onRowClick: g[1] || (g[1] = (x) => n(a)(x.original.original)),
+              onRowClick: _[1] || (_[1] = (z) => n(r)(z.original.original)),
               key: l.value.length,
-              "page-size": v.value
+              "page-size": b.value
             }, {
-              "list-row": J((x) => [
-                k(Lt, {
-                  row: x,
-                  onRowClick: (w) => n(a)(w.original)
+              "list-row": J((z) => [
+                h(Lt, {
+                  row: z,
+                  onRowClick: (g) => n(r)(g.original)
                 }, {
-                  default: J((w) => {
-                    var F, N, T, P, W, H, Z, A, L, O;
+                  default: J((g) => {
+                    var B, F, R, P, K, H, ee, O, M, L;
                     return [
-                      y("div", ml, [
-                        y("div", fl, [
-                          k(n(Qe), {
-                            render: (T = (N = (F = w.recipe) == null ? void 0 : F.column) == null ? void 0 : N.columnDef) == null ? void 0 : T.cell,
-                            props: (W = (P = w.recipe) == null ? void 0 : P.getContext) == null ? void 0 : W.call(P)
+                      v("div", gl, [
+                        v("div", _l, [
+                          h(n(Qe), {
+                            render: (R = (F = (B = g.recipe) == null ? void 0 : B.column) == null ? void 0 : F.columnDef) == null ? void 0 : R.cell,
+                            props: (K = (P = g.recipe) == null ? void 0 : P.getContext) == null ? void 0 : K.call(P)
                           }, null, 8, ["render", "props"])
                         ]),
-                        y("div", vl, [
-                          k(n(Qe), {
-                            render: (A = (Z = (H = w.ingredients) == null ? void 0 : H.column) == null ? void 0 : Z.columnDef) == null ? void 0 : A.cell,
-                            props: (O = (L = w.ingredients) == null ? void 0 : L.getContext) == null ? void 0 : O.call(L)
+                        v("div", kl, [
+                          h(n(Qe), {
+                            render: (O = (ee = (H = g.ingredients) == null ? void 0 : H.column) == null ? void 0 : ee.columnDef) == null ? void 0 : O.cell,
+                            props: (L = (M = g.ingredients) == null ? void 0 : M.getContext) == null ? void 0 : L.call(M)
                           }, null, 8, ["render", "props"])
                         ])
                       ])
@@ -3515,13 +3552,13 @@ const ml = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-lg-60
               _: 1
             }, 8, ["style", "column-defs", "row-data", "search-value", "loading", "page-size"]))
           ], 2),
-          (b(), Y(yt, { to: "body" }, [
-            k(uo, bt(gt(n(h))), null, 16),
-            n($).enableBulkEditRecipes ? (b(), Y(ul, {
+          (y(), Y(yt, { to: "body" }, [
+            h(vo, bt(gt(n(x))), null, 16),
+            n($).enableBulkEditRecipes ? (y(), Y(vl, {
               key: 0,
               show: n(p).show,
-              "onUpdate:show": g[2] || (g[2] = (x) => n(p).show = x)
-            }, null, 8, ["show"])) : U("", !0)
+              "onUpdate:show": _[2] || (_[2] = (z) => n(p).show = z)
+            }, null, 8, ["show"])) : T("", !0)
           ]))
         ]),
         _: 1
@@ -3530,5 +3567,5 @@ const ml = { class: "flex flex-col py-8" }, fl = { class: "fm-typo-en-body-lg-60
   }
 });
 export {
-  Kl as default
+  Hl as default
 };