@feedmepos/mf-menu 0.32.3-beta.1 → 0.32.4-dev

package/dist/{CookingGuide-BaNzajgf.js → CookingGuide-JtE8QMC6.js}

@@ -1,16 +1,15 @@
-import { defineComponent as ae, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as a, createVNode as l, createElementBlock as I, toDisplayString as S, Fragment as M, renderList as H, withModifiers as le, createCommentVNode as ce, createTextVNode as fe, h as R } from "vue";
+import { defineComponent as le, ref as w, computed as V, resolveComponent as x, createBlock as Y, openBlock as k, unref as i, withCtx as p, createElementVNode as l, createVNode as a, createElementBlock as I, toDisplayString as S, Fragment as M, renderList as H, withModifiers as ae, createCommentVNode as ce, createTextVNode as fe, h as R } from "vue";
 import { useI18n as se } from "@feedmepos/mf-common";
 import { components as ue, useSnackbar as be, useDialog as ye } from "@feedmepos/ui-library";
 import { _ as ke } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
-import { _ as he } from "./app-CjfWVFOg.js";
-import { H as ee, I as me, J as re, z as oe, u as xe, O as Ce, D as we } from "./menu-tHhzkxDL.js";
-import { d as Fe } from "./vuedraggable-DnBIRDMr.js";
-import { _ as Z } from "./customAttributes-DvbvCfOd.js";
+import { _ as he } from "./app-CEIhTuYG.js";
+import { H as ee, I as me, J as re, z as oe, u as xe, O as Ce, D as we, a3 as Fe } from "./index.vue_vue_type_script_setup_true_lang-CFPMPQFg.js";
+import { d as Ve } from "./vuedraggable-DnBIRDMr.js";
+import { _ as Z } from "./RuleView.vue_vue_type_script_setup_true_lang-edNbsZTq.js";
 import { u as pe } from "./discardConfirm-BHni0LNu.js";
-import { L as Ve } from "./LinkProductSideSheet-C4yBnJSM.js";
-import { _ as Se } from "./index.vue_vue_type_script_setup_true_lang-B1_JqsYF.js";
+import { L as Se } from "./LinkProductSideSheet-B_R_2iH6.js";
 import { _ as Ie } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
-const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Le = { class: "px-16 py-8 grow" }, Ne = { class: "px-16 py-8 w-[40%]" }, Ue = { class: "px-16 py-8 grow" }, Ge = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, ze = { class: "flex gap-8 items-center justify-start" }, Be = /* @__PURE__ */ ae({
+const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = { class: "space-y-32" }, Ke = { class: "flex bg-fm-color-neutral-gray-100 border-b border-b-fm-color-neutral-gray-200" }, De = { class: "px-16 py-8 w-[40%]" }, Le = { class: "px-16 py-8 grow" }, Ne = { class: "px-16 py-8 w-[40%]" }, Ue = { class: "px-16 py-8 grow" }, Ge = { class: "space-y-16" }, Te = { class: "flex flex-wrap gap-8 overflow-hidden mb-8" }, ze = { class: "flex gap-8 items-center justify-start" }, Be = /* @__PURE__ */ le({
   __name: "CookingGuideStepDialog",
   emits: ["onComplete"],
   setup(L, { expose: g, emit: J }) {
@@ -103,25 +102,25 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         "onOn:clickedAway": i(K)
       }, {
         "side-sheet-header": p(() => [
-          a("div", $e, [
-            l(f, {
+          l("div", $e, [
+            a(f, {
               icon: "arrow_back",
               variant: "tertiary",
               label: i(u)("menu.cooking_guide.step_dialog.actions.back"),
               onClick: $
             }, null, 8, ["label"]),
-            a("div", Oe, S(n.value), 1)
+            l("div", Oe, S(n.value), 1)
           ])
         ]),
         "side-sheet-footer": p(() => [
-          a("div", ze, [
-            l(f, {
+          l("div", ze, [
+            a(f, {
               label: s.value,
               size: "lg",
               variant: "primary",
               type: "submit"
             }, null, 8, ["label"]),
-            l(f, {
+            a(f, {
               label: i(u)("menu.cooking_guide.step_dialog.actions.cancel"),
               size: "lg",
               variant: "tertiary",
@@ -130,12 +129,12 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           ])
         ]),
         default: p(() => [
-          a("div", Ee, [
-            l(Z, {
+          l("div", Ee, [
+            a(Z, {
               title: i(u)("menu.cooking_guide.step_dialog.sections.variables.title")
             }, {
               "append-title": p(() => [
-                l(f, {
+                a(f, {
                   icon: "add",
                   label: i(u)("menu.cooking_guide.step_dialog.sections.variables.add"),
                   variant: "secondary",
@@ -145,17 +144,17 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                 }, null, 8, ["label"])
               ]),
               default: p(() => [
-                a("div", null, [
-                  a("div", Ke, [
-                    a("div", De, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
-                    a("div", Le, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
+                l("div", null, [
+                  l("div", Ke, [
+                    l("div", De, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.key")), 1),
+                    l("div", Le, S(i(u)("menu.cooking_guide.step_dialog.sections.variables.columns.value")), 1)
                   ]),
                   (k(!0), I(M, null, H(F.value, (z, B) => (k(), I("div", {
                     key: B,
                     class: "flex items-center border-b border-b-fm-color-neutral-gray-100"
                   }, [
-                    a("div", Ne, [
-                      l(_, {
+                    l("div", Ne, [
+                      a(_, {
                         modelValue: F.value[B].key,
                         "onUpdate:modelValue": (O) => F.value[B].key = O,
                         rules: [
@@ -166,8 +165,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                         placeholder: i(u)("menu.cooking_guide.step_dialog.sections.variables.placeholders.key")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    a("div", Ue, [
-                      l(_, {
+                    l("div", Ue, [
+                      a(_, {
                         modelValue: F.value[B].value,
                         "onUpdate:modelValue": (O) => F.value[B].value = O,
                         rules: [
@@ -176,7 +175,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                         placeholder: i(u)("menu.cooking_guide.step_dialog.sections.variables.placeholders.value")
                       }, null, 8, ["modelValue", "onUpdate:modelValue", "rules", "placeholder"])
                     ]),
-                    l(f, {
+                    a(f, {
                       icon: "delete",
                       variant: "tertiary",
                       "text-color": "neutral-gray-400",
@@ -187,20 +186,20 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
               ]),
               _: 1
             }, 8, ["title"]),
-            l(Z, {
+            a(Z, {
               title: i(u)("menu.cooking_guide.step_dialog.sections.instruction.title")
             }, {
               default: p(() => [
-                a("div", Ge, [
-                  a("div", Te, [
+                l("div", Ge, [
+                  l("div", Te, [
                     (k(!0), I(M, null, H(h.value, (z) => (k(), Y(P, {
                       key: z.label,
                       label: z.label,
                       class: "text-fm-color-primary bg-fm-color-system-warning-100",
-                      onMousedown: le(() => U(z.label), ["prevent"])
+                      onMousedown: ae(() => U(z.label), ["prevent"])
                     }, null, 8, ["label", "onMousedown"]))), 128))
                   ]),
-                  l(W, {
+                  a(W, {
                     modelValue: m.value.instruction,
                     "onUpdate:modelValue": t[0] || (t[0] = (z) => m.value.instruction = z),
                     ref: "textareaRef"
@@ -215,7 +214,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]);
     };
   }
-}), Me = { class: "w-[700px]" }, Re = { class: "flex bg-fm-color-neutral-gray-100" }, Ae = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, He = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = /* @__PURE__ */ ae({
+}), Me = { class: "w-[700px]" }, Re = { class: "flex bg-fm-color-neutral-gray-100" }, Ae = { class: "px-16 py-8 grow" }, Pe = { class: "px-16 py-8 w-[200px]" }, qe = { class: "px-16 py-8 w-[200px]" }, je = { class: "px-16 py-8 grow" }, Ye = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, He = { class: "px-16 py-8 w-[200px] flex flex-col gap-8" }, Je = /* @__PURE__ */ le({
   __name: "CookingGuideStepOverrideDialog",
   emits: ["onComplete"],
   setup(L, { expose: g, emit: J }) {
@@ -263,18 +262,18 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
         "min-width": "min(calc(100% - 48px), 748px)"
       }, {
         "dialog-header": p(() => [
-          a("div", null, S(i(u)("menu.cooking_guide.step_override_dialog.title")), 1)
+          l("div", null, S(i(u)("menu.cooking_guide.step_override_dialog.title")), 1)
         ]),
         "dialog-footer": p(() => [
-          l(K),
-          l(T, {
+          a(K),
+          a(T, {
             class: "sm:w-full xs:w-full",
             label: i(u)("menu.cooking_guide.step_override_dialog.actions.cancel"),
             size: "md",
             variant: "tertiary",
             onClick: $
           }, null, 8, ["label"]),
-          l(T, {
+          a(T, {
             class: "sm:w-full xs:w-full",
             label: i(u)("menu.cooking_guide.step_override_dialog.actions.save"),
             size: "md",
@@ -283,26 +282,26 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           }, null, 8, ["label"])
         ]),
         default: p(() => [
-          a("div", Me, [
-            a("div", Re, [
-              a("div", Ae, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
-              a("div", Pe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
-              a("div", qe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
+          l("div", Me, [
+            l("div", Re, [
+              l("div", Ae, S(i(u)("menu.cooking_guide.step_override_dialog.columns.instructions")), 1),
+              l("div", Pe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.variables")), 1),
+              l("div", qe, S(i(u)("menu.cooking_guide.step_override_dialog.columns.value")), 1)
             ]),
             (k(!0), I(M, null, H(E.value, (t) => (k(), I("div", {
               key: t.id,
               class: "flex border-t-2"
             }, [
-              a("div", je, S(t.instruction), 1),
-              a("div", Ye, [
+              l("div", je, S(t.instruction), 1),
+              l("div", Ye, [
                 (k(!0), I(M, null, H(t.variables, (f, _) => (k(), I("div", {
                   key: _,
                   class: "py-8 w-full text-ellipsis overflow-hidden whitespace-nowrap"
                 }, S(_), 1))), 128))
               ]),
-              a("div", He, [
+              l("div", He, [
                 (k(!0), I(M, null, H(t.variables, (f, _) => (k(), I("div", { key: _ }, [
-                  l(s, {
+                  a(s, {
                     "model-value": X(t.id, _.toString()),
                     placeholder: f,
                     "onUpdate:modelValue": (P) => A(t.id, _.toString(), P)
@@ -316,7 +315,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
       }, 8, ["modelValue"]);
     };
   }
-}), Xe = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-24" }, We = { class: "flex items-center" }, Ze = { class: "flex-1" }, eo = { class: "flex items-center gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "flex-1" }, no = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, io = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, lo = { class: "fm-typo-en-body-md-500" }, ao = { class: "px-16 py-8 flex gap-8" }, so = { class: "flex gap-8 items-center justify-start" }, uo = /* @__PURE__ */ ae({
+}), Xe = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-24" }, We = { class: "flex items-center" }, Ze = { class: "flex-1" }, eo = { class: "flex items-center gap-8" }, oo = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, to = { class: "flex-1" }, no = { class: "bg-fm-color-neutral-gray-100 px-16 py-8" }, io = { class: "px-16 py-8 flex-1 flex gap-4 overflow-auto min-w-0" }, ao = { class: "fm-typo-en-body-md-500" }, lo = { class: "px-16 py-8 flex gap-8" }, so = { class: "flex gap-8 items-center justify-start" }, uo = /* @__PURE__ */ le({
   __name: "CookingGuideDialog",
   props: {
     categorizedItems: {
@@ -493,7 +492,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
     return (e, o) => {
       const b = x("FmTextField"), r = x("FmButton"), c = x("FmCardSection"), Q = x("FmCard"), te = x("FmSpacer"), ne = x("FmSearch"), ie = x("FmSideSheet");
       return k(), I(M, null, [
-        l(ie, {
+        a(ie, {
           modelValue: D.value,
           "onUpdate:modelValue": o[4] || (o[4] = (y) => D.value = y),
           header: f.value,
@@ -507,17 +506,17 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           "onOn:clickedAway": i(_e)
         }, {
           "side-sheet-header": p(() => [
-            a("span", Xe, S(f.value), 1)
+            l("span", Xe, S(f.value), 1)
           ]),
           "side-sheet-footer": p(() => [
-            a("div", so, [
-              l(r, {
+            l("div", so, [
+              a(r, {
                 variant: "primary",
                 label: _.value,
                 size: "lg",
                 type: "submit"
               }, null, 8, ["label"]),
-              l(r, {
+              a(r, {
                 variant: "tertiary",
                 label: i(t)("menu.cooking_guide.dialog.actions.cancel"),
                 size: "lg",
@@ -526,12 +525,12 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
             ])
           ]),
           default: p(() => [
-            a("div", Qe, [
-              l(Z, {
+            l("div", Qe, [
+              a(Z, {
                 title: i(t)("menu.cooking_guide.dialog.sections.guide_detail.title")
               }, {
                 default: p(() => [
-                  l(b, {
+                  a(b, {
                     autofocus: "",
                     modelValue: d.value.name,
                     "onUpdate:modelValue": o[0] || (o[0] = (y) => d.value.name = y),
@@ -544,11 +543,11 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                 ]),
                 _: 1
               }, 8, ["title"]),
-              l(Z, {
+              a(Z, {
                 title: i(t)("menu.cooking_guide.dialog.sections.steps.title")
               }, {
                 "append-title": p(() => [
-                  l(r, {
+                  a(r, {
                     label: i(t)("menu.cooking_guide.dialog.sections.steps.add"),
                     variant: "secondary",
                     "text-color": "primary",
@@ -558,38 +557,38 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   }, null, 8, ["label"])
                 ]),
                 default: p(() => [
-                  l(i(Fe), {
+                  a(i(Ve), {
                     modelValue: d.value.steps,
                     "onUpdate:modelValue": o[1] || (o[1] = (y) => d.value.steps = y),
                     handle: ".handle",
                     "item-key": "id"
                   }, {
                     item: p(({ element: y, index: j }) => [
-                      l(Q, {
+                      a(Q, {
                         variant: "outlined",
                         class: "rounded-md mb-16 items-center",
                         horizontal: "",
                         onClick: () => F(y)
                       }, {
                         default: p(() => [
-                          a("div", We, [
-                            l(r, {
+                          l("div", We, [
+                            a(r, {
                               class: "handle",
                               icon: "drag_handle",
                               variant: "tertiary"
                             }),
-                            a("p", Ze, S(y.name), 1)
+                            l("p", Ze, S(y.name), 1)
                           ]),
-                          l(c, { class: "grow" }, {
+                          a(c, { class: "grow" }, {
                             default: p(() => [
                               fe(S(y.instruction), 1)
                             ]),
                             _: 2
                           }, 1024),
-                          l(r, {
+                          a(r, {
                             icon: "delete",
                             variant: "tertiary",
-                            onClick: le(() => X(j), ["stop"])
+                            onClick: ae(() => X(j), ["stop"])
                           }, null, 8, ["onClick"])
                         ]),
                         _: 2
@@ -605,8 +604,8 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                 title: i(t)("menu.cooking_guide.dialog.sections.apply_product.title")
               }, {
                 "append-title": p(() => [
-                  l(te),
-                  l(Ve, {
+                  a(te),
+                  a(Se, {
                     "categorized-items": L.categorizedItems,
                     "initial-value": d.value.bindings.map((y) => ({
                       _id: y.productId,
@@ -618,7 +617,7 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                     onSubmit: o[2] || (o[2] = (y) => n(y))
                   }, {
                     default: p(({ trigger: y }) => [
-                      l(r, {
+                      a(r, {
                         icon: "link",
                         label: i(t)("menu.scheduler.dialog.sections.products.link"),
                         variant: "secondary",
@@ -631,12 +630,12 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   }, 8, ["categorized-items", "initial-value"])
                 ]),
                 default: p(() => [
-                  a("div", eo, [
-                    a("div", oo, S(i(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
+                  l("div", eo, [
+                    l("div", oo, S(i(t)("menu.cooking_guide.dialog.sections.apply_product.products_linked", {
                       count: P.value
                     })), 1),
-                    a("div", to, [
-                      l(ne, {
+                    l("div", to, [
+                      a(ne, {
                         modelValue: q.value,
                         "onUpdate:modelValue": o[3] || (o[3] = (y) => q.value = y),
                         placeholder: i(t)("menu.cooking_guide.dialog.sections.apply_product.search")
@@ -646,21 +645,21 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
                   (k(!0), I(M, null, H(de.value, (y) => (k(), I("div", {
                     key: y.id || ""
                   }, [
-                    a("div", no, S(y.name), 1),
+                    l("div", no, S(y.name), 1),
                     (k(!0), I(M, null, H(y.items, (j) => (k(), I("div", {
                       key: j.itemId,
                       class: "flex items-center"
                     }, [
-                      a("div", io, [
-                        a("span", lo, S((j.itemCode ? `${j.itemCode} ` : "") + j.itemName), 1)
+                      l("div", io, [
+                        l("span", ao, S((j.itemCode ? `${j.itemCode} ` : "") + j.itemName), 1)
                       ]),
-                      a("div", ao, [
-                        l(r, {
+                      l("div", lo, [
+                        a(r, {
                           icon: "edit",
                           variant: "tertiary",
                           onClick: () => K(j)
                         }, null, 8, ["onClick"]),
-                        l(r, {
+                        a(r, {
                           icon: "delete",
                           variant: "tertiary",
                           onClick: () => v(j)
@@ -675,12 +674,12 @@ const $e = { class: "flex items-center gap-8" }, Oe = { class: "grow" }, Ee = {
           ]),
           _: 1
         }, 8, ["modelValue", "header", "is-container", "is-container-props", "onOn:clickedAway"]),
-        l(Be, {
+        a(Be, {
           ref_key: "cookingGuideStepDialogRef",
           ref: $,
           onOnComplete: A
         }, null, 512),
-        l(Je, {
+        a(Je, {
           ref_key: "cookingGuideStepOverrideDialogRef",
           ref: s,
           onOnComplete: T
@@ -722,7 +721,7 @@ const po = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
 }, bo = {
   class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
-}, Eo = /* @__PURE__ */ ae({
+}, Oo = /* @__PURE__ */ le({
   __name: "CookingGuide",
   setup(L) {
     const {
@@ -767,7 +766,7 @@ const po = {
         icon: "delete",
         textColor: "neutral-gray-400",
         variant: "tertiary",
-        onClick: le(() => {
+        onClick: ae(() => {
           A(n.row.original);
         }, ["stop", "prevent"])
       })])
@@ -816,7 +815,7 @@ const po = {
       return k(), Y(Ie, {
         heading: i(g)("menu.cooking_guide.title")
       }, {
-        "append-heading": p(() => [a("div", po, [G.value ? (k(), Y(ke, {
+        "append-heading": p(() => [l("div", po, [G.value ? (k(), Y(ke, {
           key: 0,
           disabled: N.value,
           icon: "add",
@@ -826,16 +825,16 @@ const po = {
         }, null, 8, ["disabled", "label"])) : ce("", !0)])]),
         default: p(() => [G.value ? (k(), I(M, {
           key: 1
-        }, [a("div", go, [l(K, {
+        }, [l("div", go, [a(K, {
           modelValue: U.value,
           "onUpdate:modelValue": s[1] || (s[1] = (_) => U.value = _),
           autofocus: "",
           class: "my-8 w-[320px] xs:w-full xs:px-16",
           placeholder: i(g)("menu.cooking_guide.table.search.placeholder")
-        }, null, 8, ["modelValue", "placeholder"])]), l(he, {
+        }, null, 8, ["modelValue", "placeholder"])]), a(he, {
           class: "xs:hidden block"
         }, {
-          default: p(() => [l(T, {
+          default: p(() => [a(T, {
             "column-defs": J.value,
             loading: N.value,
             "page-size": C.value.length,
@@ -847,7 +846,7 @@ const po = {
             onRowClick: s[2] || (s[2] = (_) => m(_.original))
           }, null, 8, ["column-defs", "loading", "page-size", "row-data", "search-value"])]),
           _: 1
-        }), l(f, {
+        }), a(f, {
           class: "w-full px-16 xs:block hidden flex-1 min-h-0 overflow-scroll pb-64",
           separator: ""
         }, {
@@ -859,21 +858,21 @@ const po = {
             },
             onClick: () => m(_)
           }, {
-            default: p(() => [a("div", _o, [a("div", vo, S(_.name), 1), a("div", null, [a("div", fo, S(i(g)("menu.cooking_guide.table.mobile.products_linked", {
+            default: p(() => [l("div", _o, [l("div", vo, S(_.name), 1), l("div", null, [l("div", fo, S(i(g)("menu.cooking_guide.table.mobile.products_linked", {
               count: _.bindings.length
-            })), 1), a("div", bo, S(i(g)("menu.cooking_guide.table.columns.steps", {
+            })), 1), l("div", bo, S(i(g)("menu.cooking_guide.table.columns.steps", {
               count: _.steps.length
-            })), 1)])]), l(v, {
+            })), 1)])]), a(v, {
               disabled: N.value,
               icon: "delete",
               variant: "tertiary",
               "text-color": "neutral-gray-400",
-              onClick: le(() => A(_), ["stop"])
+              onClick: ae(() => A(_), ["stop"])
             }, null, 8, ["disabled", "onClick"])]),
             _: 2
           }, 1032, ["label", "onClick"]))), 128))]),
           _: 1
-        })], 64)) : (k(), Y(i(Se), {
+        })], 64)) : (k(), Y(i(Fe), {
           key: 0,
           action: {
             text: i(g)("menu.cooking_guide.empty.action"),
@@ -881,7 +880,7 @@ const po = {
           },
           subtitle: i(g)("menu.cooking_guide.empty.subtitle"),
           title: i(g)("menu.cooking_guide.empty.title")
-        }, null, 8, ["action", "subtitle", "title"])), l(uo, {
+        }, null, 8, ["action", "subtitle", "title"])), a(uo, {
           ref_key: "cookingGuideDialogRef",
           ref: d,
           "categorized-items": D.value,
@@ -893,5 +892,5 @@ const po = {
   }
 });
 export {
-  Eo as default
+  Oo as default
 };

package/dist/{CustomAttributeChip.vue_vue_type_script_setup_true_lang-CRodr6tr.js → CustomAttributeChip.vue_vue_type_script_setup_true_lang-DdJ-o_PW.js}

@@ -1,7 +1,7 @@
 import { defineComponent as S, computed as o, createBlock as v, openBlock as t, unref as c, withCtx as g, renderSlot as B, ref as A, resolveComponent as I, createElementBlock as a, createElementVNode as m, createCommentVNode as b, Fragment as f, renderList as C, toDisplayString as d, withModifiers as F } from "vue";
 import { useI18n as V } from "@feedmepos/mf-common";
 import { _ as M } from "./MenuSelector.vue_vue_type_script_setup_true_lang-Bm_hSelC.js";
-import { u as D } from "./menu-tHhzkxDL.js";
+import { u as D } from "./index.vue_vue_type_script_setup_true_lang-CFPMPQFg.js";
 import { useBreakpoints as E } from "@feedmepos/ui-library";
 import { _ as y } from "./TextChip.vue_vue_type_script_setup_true_lang-BJMcI3U2.js";
 const X = /* @__PURE__ */ S({

package/dist/FormItem.vue_vue_type_script_setup_true_lang-B3Ixruh-.js

@@ -0,0 +1,26 @@
+import { defineComponent as i, createElementBlock as s, openBlock as n, createElementVNode as t, renderSlot as c, createCommentVNode as l, toDisplayString as d } from "vue";
+const a = { class: "space-y-8" }, r = { class: "flex items-center justify-between" }, m = { class: "space-y-8" }, p = { class: "fm-typo-en-body-lg-600" }, y = {
+  key: 0,
+  class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary"
+}, h = /* @__PURE__ */ i({
+  __name: "FormItem",
+  props: {
+    label: {},
+    description: {}
+  },
+  setup(e) {
+    return (o, _) => (n(), s("div", a, [
+      t("div", r, [
+        t("div", m, [
+          t("p", p, d(e.label), 1),
+          e.description ? (n(), s("p", y, d(e.description), 1)) : l("", !0)
+        ]),
+        c(o.$slots, "append")
+      ]),
+      c(o.$slots, "default")
+    ]));
+  }
+});
+export {
+  h as _
+};

package/dist/{Group-BfRPCCbK.js → Group-BP-j3K6J.js}

@@ -1,4 +1,4 @@
-import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-CoCq0edM.js";
+import { _ as f } from "./Group.vue_vue_type_script_setup_true_lang-DXUQrXXI.js";
 export {
   f as default
 };

package/dist/{Group-BJep-xq-.js → Group-DhS9e2E3.js}

@@ -2,9 +2,9 @@ import { defineComponent as m, ref as p, createBlock as i, openBlock as d, unref
 import { useI18n as _ } from "@feedmepos/mf-common";
 import { _ as f } from "./ResponsiveFabButton.vue_vue_type_script_setup_true_lang-Cn-3MRBO.js";
 import { _ as g } from "./PageLayout.vue_vue_type_script_setup_true_lang-vFqWGM6P.js";
-import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-CoCq0edM.js";
-import { A as b } from "./item-x1WWjISR.js";
-import { a as h } from "./menu-DkRrqTVY.js";
+import { _ as y } from "./Group.vue_vue_type_script_setup_true_lang-DXUQrXXI.js";
+import { A as b } from "./item-mFv0bFSn.js";
+import { a as h } from "./menu-ud-tWfIM.js";
 const v = { class: "flex-1 flex justify-between gap-8 pl-8" }, x = { class: "flex items-center" }, k = { class: "bg-fm-color-neutral-gray-100 rounded-md px-8 py-4" }, C = { class: "fm-typo-en-body-md-600 font-semibold" }, j = /* @__PURE__ */ m({
   __name: "Group",
   setup(N) {