@feedmepos/mf-inventory-portal 0.0.5 → 0.0.7-dev.1

package/dist/{ApprovalView-CTQdDgGH.js → ApprovalView-BYZcvkso.js}

@@ -1,11 +1,11 @@
 import { defineComponent as Z, ref as v, watch as B, computed as I, resolveComponent as ee, openBlock as h, createBlock as P, withCtx as D, createElementVNode as o, createVNode as r, normalizeStyle as te, unref as e, toDisplayString as ae, createElementBlock as oe, createCommentVNode as re, Teleport as se, mergeProps as ne } from "vue";
-import { o as d, b as le } from "./app-BzDhmCVx.js";
-import { a as pe } from "./init-date-range-M3Q03-Fd.js";
-import { a as ce, b as ie, _ as me } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Ffe9bhq8.js";
-import { q as H } from "./date2-C7HiAWQG.js";
+import { o as d, e as le } from "./app-DM4Thqjw.js";
+import { a as pe } from "./init-date-range-DJ1Nl5TB.js";
+import { a as ce, b as ie, _ as me } from "./TransferDetails.vue_vue_type_script_setup_true_lang-Cmajrg-9.js";
+import { q as H } from "./date2-DpU4LDaP.js";
 import { _ as ue } from "./SingleColumnLayout.vue_vue_type_script_setup_true_lang-CFjO4TPG.js";
-import { _ as de } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DcixBOcX.js";
-import { _ as fe, F as f, u as _e } from "./layout-BvUjg6JS.js";
+import { _ as de } from "./ChangeLocationComponent.vue_vue_type_script_setup_true_lang-Bss0q2Zt.js";
+import { _ as fe, F as f, u as _e } from "./layout-kY567oHX.js";
 import { useBreakpoints as ve } from "@feedmepos/ui-library";
 const he = { class: "px-24 xs:p-0 sm:p-0 flex flex-col gap-8 max-h-full" }, De = { class: "px-8 flex gap-8 items-center xs:gap-0 xs:flex-col-reverse sm:gap-0 sm:flex-col-reverse" }, xe = { class: "xs:w-full sm:w-full flex gap-8 items-center overflow-x-auto no-scrollbar py-8" }, ge = /* @__PURE__ */ o("div", { class: "h-32" }, null, -1), be = { class: "flex flex-col py-8" }, ye = { class: "fm-typo-en-body-md-400 text-fm-color-typo-secondary" }, we = { class: "fm-typo-en-body-lg-600 text-fm-color-typo-primary line-clamp-1" }, Re = { class: "fm-typo-en-body-md-400 text-fm-color-typo-primary line-clamp-1" }, Oe = {
   key: 0,

package/dist/BindingsDialog-pdS86VDU.js

@@ -0,0 +1,94 @@
+import { defineComponent as C, ref as o, onMounted as M, onUnmounted as x, watch as F, resolveComponent as l, openBlock as i, createElementBlock as c, createBlock as I, withCtx as R, createVNode as a, createCommentVNode as z, createElementVNode as P } from "vue";
+import { _ as V } from "./InventoryBindingForm.vue_vue_type_script_setup_true_lang-39U8Iavr.js";
+import { u as L, x as S } from "./app-DM4Thqjw.js";
+const U = {
+  key: 0,
+  class: "flex justify-end gap-8 items-center"
+}, E = {
+  key: 1,
+  class: "p-24 flex items-center justify-center gap-16"
+}, N = /* @__PURE__ */ P("div", null, "Loading bindings dialog...", -1), O = /* @__PURE__ */ C({
+  __name: "BindingsDialog",
+  setup(j) {
+    const p = L(), d = o(!0), s = o(new Array()), u = o(), n = S(y);
+    async function y() {
+      await p.readInventory(), u.value = n.onMessage("props:inventory-bindings", (e) => {
+        d.value = !1, s.value = e;
+      }).onMessage("props:inventory-bindings:validate", () => {
+        var e;
+        (e = f.value) == null || e.validateInputs();
+      }), n.sendMessage("props:inventory-bindings");
+    }
+    function b() {
+      n.sendMessage("@submit:inventory-bindings", s.value);
+    }
+    function _() {
+      n.sendMessage("@close:inventory-bindings");
+    }
+    function k(e) {
+      n.sendMessage("@click:pick-inventory-bindings", e);
+    }
+    const m = o(), r = o(!0);
+    M(() => {
+      v();
+      const e = m.value;
+      e && new ResizeObserver(() => {
+        n.sendMessage("resize", e.scrollHeight);
+      }).observe(e);
+    }), x(() => {
+      var e, t;
+      (t = (e = u.value) == null ? void 0 : e.removeEventListener) == null || t.call(e);
+    }), F([() => s.value], ([e]) => {
+      n.sendMessage("@update:inventory-bindings", e);
+    });
+    function v() {
+      const e = new URLSearchParams(window.location.href.split("?")[1] || "");
+      console.log(v.name, e, e.has("hideButton")), r.value = e.has("hideButton");
+    }
+    const f = o();
+    return (e, t) => {
+      const g = l("FmButton"), h = l("FmForm"), B = l("FmCircularProgress");
+      return i(), c("div", {
+        class: "bg-white",
+        ref_key: "resizeableRef",
+        ref: m
+      }, [
+        d.value ? (i(), c("div", E, [
+          a(B, { size: "md" }),
+          N
+        ])) : (i(), I(h, {
+          key: 0,
+          onValidationSuccess: t[1] || (t[1] = () => r.value ? void 0 : b()),
+          ref_key: "formRef",
+          ref: f,
+          class: "flex flex-col gap-16"
+        }, {
+          default: R(() => [
+            a(V, {
+              "model-value": s.value,
+              "onUpdate:modelValue": t[0] || (t[0] = (w) => s.value = w),
+              "iframe-mode": "",
+              "onClick:pickInventoryBindings": k
+            }, null, 8, ["model-value"]),
+            r.value ? z("", !0) : (i(), c("div", U, [
+              a(g, {
+                type: "button",
+                variant: "tertiary",
+                label: "Close",
+                onClick: _
+              }),
+              a(g, {
+                type: "submit",
+                label: "Submit"
+              })
+            ]))
+          ]),
+          _: 1
+        }, 512))
+      ], 512);
+    };
+  }
+});
+export {
+  O as default
+};

package/dist/{BindingsPicker-CQIGhTCR.js → BindingsPicker-D891Cfzu.js}

@@ -1,6 +1,6 @@
 import { defineComponent as S, computed as r, ref as l, onMounted as U, onUnmounted as V, resolveComponent as E, openBlock as p, createElementBlock as f, createVNode as u, createElementVNode as k } from "vue";
-import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BXU7x6di.js";
-import { u as M, x as h } from "./app-BzDhmCVx.js";
+import { _ as x } from "./FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BHcLUkdm.js";
+import { u as M, x as h } from "./app-DM4Thqjw.js";
 const z = {
   key: 0,
   class: "flex flex-col gap-16"

package/dist/{BindingsTable-Da4BLkvc.js → BindingsTable-tmr6QwLk.js}

@@ -1,10 +1,9 @@
-import { defineComponent as x, ref as o, provide as C, computed as v, resolveComponent as h, openBlock as r, createElementBlock as u, Fragment as I, renderList as L, createElementVNode as p, toDisplayString as k, createVNode as w, withModifiers as F, createStaticVNode as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
-import { e as b, u as P, x as R } from "./app-BzDhmCVx.js";
+import { defineComponent as h, ref as o, provide as C, computed as v, resolveComponent as x, openBlock as r, createElementBlock as u, Fragment as L, renderList as F, createElementVNode as p, toDisplayString as k, createVNode as w, withModifiers as I, createStaticVNode as N, onMounted as E, onUnmounted as z, createBlock as M } from "vue";
+import { h as b, u as P, x as R } from "./app-DM4Thqjw.js";
+import "./dayjs.min-D4Q_pHH9.js";
 import "@feedmepos/ui-library";
-import "./fuzzy-BW8ZYsDG.js";
-import "./dayjs.min-Db57WhI9.js";
-import "./index-D46it8Rk.js";
-const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold mb-16">Inventory</div><div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 2), O = ["onClick"], V = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, T = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, A = /* @__PURE__ */ x({
+import "./fuzzy-fD_FTJWH.js";
+const U = { class: "" }, D = /* @__PURE__ */ N('<div class="flex font-bold bg-[#F7F8FA]"><div class="flex-grow-0 flex-shrink-0 basis-5/12 py-8"></div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Ingredient</div><div class="flex-grow-0 flex-shrink-0 basis-3/12 py-8">Recipe</div><div class="flex-grow-0 flex-shrink-0 basis-1/12 py-8"></div></div>', 1), O = ["onClick"], V = { class: "flex-grow-0 flex-shrink-0 basis-5/12 py-8 pl-8" }, $ = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, S = { class: "flex-grow-0 flex-shrink-0 basis-3/12 py-8" }, T = { class: "flex-grow-0 flex-shrink-0 basis-1/12 py-4" }, A = /* @__PURE__ */ h({
   __name: "binding-ui",
   props: {
     items: { default: () => [] },
@@ -24,24 +23,24 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
     C("closeDialog", () => {
       a.value.isOpen = !a.value.isOpen;
     });
-    const n = g, f = l, m = v(() => n.items.map((i) => ({
-      key: i.key,
-      name: i.name,
-      _skuLinked: i.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.SKU && n.skus.some((c) => c._id === e)
+    const i = g, f = l, _ = v(() => i.items.map((n) => ({
+      key: n.key,
+      name: n.name,
+      _skuLinked: n.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.SKU && i.skus.some((c) => c._id === e)
       ).length,
-      _recipeLinked: i.bindings.filter(
-        ({ type: t, id: e }) => t === b.enum.RECIPE && n.recipes.some((c) => c._id === e)
+      _recipeLinked: n.bindings.filter(
+        ({ type: t, id: e }) => t === b.enum.RECIPE && i.recipes.some((c) => c._id === e)
       ).length,
       onUpdate: async () => {
-        n.editable && f("click:open-binding-dialog", n.type, i);
+        i.editable && f("click:open-binding-dialog", i.type, n);
       }
     })));
-    return (_, i) => {
-      const t = h("FmButton");
+    return (m, n) => {
+      const t = x("FmButton");
       return r(), u("div", U, [
         D,
-        (r(!0), u(I, null, L(m.value, (e) => (r(), u("div", {
+        (r(!0), u(L, null, F(_.value, (e) => (r(), u("div", {
           key: e.key,
           class: "cursor-pointer flex border-t border-[rgba(17,32,47,0.15] items-center",
           onClick: e.onUpdate
@@ -55,9 +54,9 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
               icon: "edit",
               "icon-color": "#000",
               size: "md",
-              disabled: !n.editable,
+              disabled: !i.editable,
               type: "button",
-              onClick: F(e.onUpdate, ["stop"])
+              onClick: I(e.onUpdate, ["stop"])
             }, null, 8, ["disabled", "onClick"])
           ])
         ], 8, O))), 128))
@@ -67,20 +66,20 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
 }), Y = {
   key: 1,
   class: "p-24 flex items-center justify-center gap-16"
-}, j = /* @__PURE__ */ p("div", null, "Loading bindings table...", -1), W = /* @__PURE__ */ x({
+}, j = /* @__PURE__ */ p("div", null, "Loading bindings table...", -1), Q = /* @__PURE__ */ h({
   __name: "BindingsTable",
   setup(g) {
-    const l = P(), a = o(!0), n = o(new Array()), f = v(() => l.recipes), m = v(() => l.skus), _ = o(""), i = R(e), t = o();
+    const l = P(), a = o(!0), i = o(new Array()), f = v(() => l.recipes), _ = v(() => l.skus), m = o(""), n = R(e), t = o();
     async function e() {
-      await l.readInventory(), t.value = i.onMessage(
+      await l.readInventory(), t.value = n.onMessage(
         "props:grouped-bindings",
         (s) => {
-          a.value = !1, n.value = s;
+          a.value = !1, i.value = s;
         }
-      ), i.sendMessage("props:grouped-bindings");
+      ), n.sendMessage("props:grouped-bindings");
     }
     async function c(s, d) {
-      i.sendMessage("@click:open-binding-dialog", {
+      n.sendMessage("@click:open-binding-dialog", {
         key: s,
         binding: d
       });
@@ -89,13 +88,13 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
     return E(() => {
       const s = y.value;
       s && new ResizeObserver(() => {
-        i.sendMessage("resize", s.scrollHeight);
+        n.sendMessage("resize", s.scrollHeight);
       }).observe(s);
     }), z(() => {
       var s, d;
       (d = (s = t.value) == null ? void 0 : s.removeEventListener) == null || d.call(s);
     }), (s, d) => {
-      const B = h("FmCircularProgress");
+      const B = x("FmCircularProgress");
       return r(), u("div", {
         class: "bg-white",
         ref_key: "resizeableRef",
@@ -106,10 +105,10 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
           j
         ])) : (r(), M(A, {
           key: 0,
-          items: n.value,
+          items: i.value,
           recipes: f.value,
-          skus: m.value,
-          type: _.value,
+          skus: _.value,
+          type: m.value,
           editable: "",
           "onClick:openBindingDialog": c
         }, null, 8, ["items", "recipes", "skus", "type"]))
@@ -118,5 +117,5 @@ const U = { class: "" }, D = /* @__PURE__ */ N('<div class="text-title font-bold
   }
 });
 export {
-  W as default
+  Q as default
 };

package/dist/{ChangeLocationComponent.vue_vue_type_script_setup_true_lang-DcixBOcX.js → ChangeLocationComponent.vue_vue_type_script_setup_true_lang-Bss0q2Zt.js}

@@ -1,5 +1,5 @@
 import { defineComponent as S, ref as V, computed as p, resolveComponent as a, openBlock as t, createElementBlock as v, createVNode as l, withCtx as w, createElementVNode as i, toDisplayString as H, unref as _, Fragment as k, renderList as C, createBlock as d, createCommentVNode as L } from "vue";
-import { b as I } from "./app-BzDhmCVx.js";
+import { e as I } from "./app-DM4Thqjw.js";
 const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-center gap-4 justify-center h-[30px] px-8 py-4 bg-fm-color-neutral-gray-100 cursor-pointer text-fm-color-neutral-gray-400" }, z = { class: "fm-typo-en-body-md-600 select-none text-ellipsis overflow-hidden whitespace-nowrap" }, E = {
   class: "overflow-hidden overflow-y-scroll",
   style: { maxHeight: "105px" }
@@ -13,9 +13,9 @@ const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-c
       () => n.locations.map((o) => ({ label: o.name, value: o.dbName, type: o.type })).filter(
         (o) => s.value ? o.label.toLocaleLowerCase().includes(s.value.toLocaleLowerCase()) : !0
       )
-    ), b = p(
-      () => f.value.filter((o) => o.type === "restaurant")
     ), h = p(
+      () => f.value.filter((o) => o.type === "restaurant")
+    ), b = p(
       () => f.value.filter((o) => o.type === "warehouse")
     );
     function y({ value: o }) {
@@ -52,7 +52,7 @@ const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-c
             l(F, { label: "Restaurant" }),
             l(m),
             i("div", E, [
-              (t(!0), v(k, null, C(b.value, (e) => {
+              (t(!0), v(k, null, C(h.value, (e) => {
                 var r;
                 return t(), d(u, {
                   key: e.value,
@@ -62,7 +62,7 @@ const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-c
                 }, null, 8, ["model-value", "label", "onClick"]);
               }), 128))
             ]),
-            b.value.length ? L("", !0) : (t(), d(u, {
+            h.value.length ? L("", !0) : (t(), d(u, {
               key: 0,
               disabled: "",
               label: "No result found"
@@ -70,7 +70,7 @@ const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-c
             l(F, { label: "Warehouse" }),
             l(m),
             i("div", R, [
-              (t(!0), v(k, null, C(h.value, (e) => {
+              (t(!0), v(k, null, C(b.value, (e) => {
                 var r;
                 return t(), d(u, {
                   key: e.value,
@@ -80,7 +80,7 @@ const B = { class: "inline-flex" }, D = { class: "inline-flex rounded-md items-c
                 }, null, 8, ["model-value", "label", "onClick"]);
               }), 128))
             ]),
-            h.value.length ? L("", !0) : (t(), d(u, {
+            b.value.length ? L("", !0) : (t(), d(u, {
               key: 1,
               disabled: "",
               label: "No result found"

package/dist/{FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BXU7x6di.js → FmMultiselectDialog.vue_vue_type_script_setup_true_lang-BHcLUkdm.js}

@@ -1,7 +1,7 @@
-import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as i, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
+import { defineComponent as $, ref as C, onMounted as N, watch as E, computed as f, resolveComponent as m, openBlock as v, createElementBlock as _, createElementVNode as s, createVNode as d, createTextVNode as M, toDisplayString as T, createSlots as U, withCtx as h, createBlock as I, Fragment as j, renderList as z } from "vue";
 import { useDialogChild as q } from "@feedmepos/ui-library";
-import { v as c } from "./app-BzDhmCVx.js";
-import { f as H } from "./fuzzy-BW8ZYsDG.js";
+import { v as c } from "./app-DM4Thqjw.js";
+import { f as H } from "./fuzzy-fD_FTJWH.js";
 const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-between py-24 items-center relative" }, J = { class: "flex gap-16 basis-1/2" }, K = { class: "fm-typo-en-body-lg-400 text-fm-color-typo-secondary" }, O = /* @__PURE__ */ s("span", { class: "xs:hidden" }, "selected", -1), P = /* @__PURE__ */ s("div", { class: "absolute pointer-events-none -bottom-[304px] left-0 w-full h-[308px] overflow-hidden flex flex-col justify-between" }, [
   /* @__PURE__ */ s("div", { class: "h-1 fm-shadow-light-200" }),
   /* @__PURE__ */ s("div", {
@@ -24,18 +24,18 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
   },
   emits: ["update:modelValue"],
   setup(L, { emit: B }) {
-    const g = q(), b = L, D = B, t = C(b.modelValue ?? []);
+    const y = q(), b = L, D = B, t = C(b.modelValue ?? []);
     N(() => {
-      g.emitData(t.value);
+      y.emitData(t.value);
     }), E([() => t.value], ([l]) => {
-      g.emitData(l), D("update:modelValue", l);
+      y.emitData(l), D("update:modelValue", l);
     });
     function x(l) {
       return !!t.value.find((e) => c(e, l));
     }
-    function y(l, e) {
-      const d = x(l);
-      if (!(e && d || !e && !d))
+    function g(l, e) {
+      const i = x(l);
+      if (!(e && i || !e && !i))
         if (e) {
           const a = [...t.value, l];
           t.value = a;
@@ -64,17 +64,17 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
       ).map((l) => l.value);
     }
     return (l, e) => {
-      const d = m("FmIcon"), a = m("FmTextField"), p = m("FmCheckbox"), k = m("FmListItem"), A = m("FmList");
+      const i = m("FmIcon"), a = m("FmTextField"), p = m("FmCheckbox"), k = m("FmListItem"), A = m("FmList");
       return v(), _("div", R, [
         s("div", G, [
           s("div", J, [
-            i(d, { name: "autorenew" }),
+            d(i, { name: "autorenew" }),
             s("span", K, [
               M(T(t.value.length) + " item(s) ", 1),
               O
             ])
           ]),
-          i(a, {
+          d(a, {
             class: "basis-1/2",
             modelValue: n.value,
             "onUpdate:modelValue": e[1] || (e[1] = (o) => n.value = o),
@@ -84,7 +84,7 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
             n.value.length ? {
               name: "append",
               fn: h(() => [
-                i(d, {
+                d(i, {
                   class: "cursor-pointer",
                   name: "close",
                   onClick: e[0] || (e[0] = (o) => n.value = "")
@@ -98,15 +98,14 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
         s("div", Q, [
           u.value.length ? (v(), I(A, { key: 0 }, {
             default: h(() => [
-              i(k, {
+              d(k, {
                 "model-value": r.value,
                 indeterminate: F.value,
                 value: "",
-                onClick: e[2] || (e[2] = (o) => S()),
-                style: { "padding-top": "0", "padding-bottom": "0" }
+                onClick: e[2] || (e[2] = (o) => S())
               }, {
                 prepend: h(() => [
-                  i(p, {
+                  d(p, {
                     "model-value": r.value,
                     indeterminate: F.value,
                     label: r.value ? "Remove all" : "Select all",
@@ -119,13 +118,13 @@ const R = { class: "flex flex-col h-[400px]" }, G = { class: "flex justify-betwe
                 key: o.value,
                 label: o.label,
                 sublabel: o.sublabel,
-                onClick: (w) => y(o.value, !x(o.value)),
+                onClick: (w) => g(o.value, !x(o.value)),
                 style: { "padding-top": "4px", "padding-bottom": "4px", "padding-left": "32px" }
               }, {
                 prepend: h(() => [
-                  i(p, {
+                  d(p, {
                     "model-value": x(o.value),
-                    "onUpdate:modelValue": (w) => y(o.value, w),
+                    "onUpdate:modelValue": (w) => g(o.value, w),
                     value: o.value
                   }, null, 8, ["model-value", "onUpdate:modelValue", "value"])
                 ]),

package/dist/{IngredientBindedItem.vue_vue_type_script_setup_true_lang-CD89qCIa.js → IngredientBindedItem.vue_vue_type_script_setup_true_lang-BIww2Noe.js}

@@ -1,5 +1,5 @@
 import { defineComponent as f, openBlock as s, createElementBlock as n, createElementVNode as r, toDisplayString as o, Fragment as u, renderList as p, unref as x } from "vue";
-import { a, b as d } from "./date2-C7HiAWQG.js";
+import { a, b as d } from "./date2-DpU4LDaP.js";
 const y = { class: "flex flex-col" }, _ = { class: "flex flex-row fm-typo-en-body-md-600 bg-fm-color-neutral-gray-100 text-fm-color-typo-secondary h-48 items-center" }, v = { class: "flex-1 py-8 px-16" }, h = /* @__PURE__ */ r("div", {
   class: "flex-0 py-8 px-16",
   style: { "flex-basis": "120px" }