@feedmepos/mf-hrm-portal 0.0.1-alpha.1

package/dist/App.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/EmployeeList-BU6n0y6w.js

@@ -0,0 +1,604 @@
+import { createElementBlock as O, openBlock as h, createElementVNode as c, toRaw as Ce, defineComponent as he, ref as g, computed as F, watch as _e, resolveComponent as v, Fragment as G, renderSlot as Me, createVNode as n, unref as o, withCtx as y, createBlock as B, createCommentVNode as Q, isRef as re, renderList as ge, toDisplayString as K, onMounted as Ie, h as se, createTextVNode as $e, withModifiers as Oe } from "vue";
+import { useCoreStore as be, useI18n as Ve, RestaurantSelector as me } from "@feedmepos/mf-common";
+import { useSnackbar as Fe, components as xe, useDialog as Le, useBreakpoints as Be, FmButtonVariant as De } from "@feedmepos/ui-library";
+import { _ as Ne, u as we, S as ce } from "./search-Dh3HG-_h.js";
+import { _ as Pe } from "./app-DWSjl6MP.js";
+import { u as Te, _ as ze } from "./loading-31nfQqf0.js";
+import { u as ke, E as Ae } from "./employee-C-ICOGva.js";
+import { l as je } from "./lodash-P5mhhlxp.js";
+import { u as Ke, _ as de, a as pe, b as Ge } from "./restaurant-D5BNPLKh.js";
+import { u as ne } from "./rule-DjIknogy.js";
+const qe = {};
+function He(S, M) {
+  return h(), O("div", null, [...M[0] || (M[0] = [
+    c("div", { class: "h-px w-full bg-fm-color-neutral-gray-100" }, null, -1)
+  ])]);
+}
+const Je = /* @__PURE__ */ Ne(qe, [["render", He]]);
+function ve(S) {
+  return JSON.parse(JSON.stringify(S));
+}
+function fe(S) {
+  if (typeof structuredClone > "u")
+    return ve(S);
+  try {
+    return structuredClone(Ce(S));
+  } catch {
+    return ve(S);
+  }
+}
+const We = { class: "fm-typo-en-title-md-600" }, Qe = { class: "space-y-40" }, Xe = { class: "flex flex-row gap-16" }, Ye = { class: "space-y-16" }, Ze = { class: "flex gap-8 items-center justify-start" }, ye = 4, el = /* @__PURE__ */ he({
+  __name: "EmployeeForm",
+  props: {
+    roleErrorMessage: {
+      type: String,
+      default: ""
+    }
+  },
+  setup(S, { expose: M }) {
+    const u = ne(), E = be(), d = ke(), q = Fe(), H = Te(q), { t: i } = Ve(), f = g(!1), L = g(!0), R = (a) => {
+      s.value = a ? fe(a) : D(), x.value = fe(s.value), l.value = [], b.value = s.value.restaurants.map((e) => e.restaurantId), s.value.passcode && (l.value = s.value.passcode.split(""), t.value = !0), L.value = !a, f.value = !0;
+    };
+    function D() {
+      return {
+        code: "",
+        isMasterUser: !1,
+        name: "",
+        passcode: "",
+        restaurants: []
+      };
+    }
+    const N = F(() => L.value ? i("hr.employee.form.add") : i("hr.employee.form.update")), X = F(() => L.value ? i("common.create") : i("common.update")), x = g(D()), s = g(D()), { searchKey: C, filter: P } = we(), Y = F(() => {
+      const a = {};
+      return u.roles.value.forEach((e) => {
+        a[e._id] = e.name;
+      }), a;
+    });
+    function J(a) {
+      const e = T(a) ?? "";
+      return Y.value[e] || "";
+    }
+    const k = F(() => E.restaurants.value.filter(({ _id: e, profile: m }) => P([m.code, m.name, J(e)])).map(({ _id: e, profile: m }) => {
+      const I = u.roles.value.filter((w) => w.restaurants.some(($) => $.id == e)).map((w) => ({
+        label: w.name,
+        value: w._id,
+        disabled: !w.isUsable
+      }));
+      return {
+        value: e,
+        label: `${m.code ? m.code + "-" : ""}${m.name}`,
+        roleOptions: I
+      };
+    })), Z = F(() => {
+      const a = {};
+      return s.value.restaurants.forEach((e) => {
+        a[e.restaurantId] = e.roleId;
+      }), a;
+    }), T = (a) => Z.value[a] ?? null, W = (a, e) => {
+      s.value.restaurants = [
+        ...s.value.restaurants.filter((m) => m.restaurantId !== a),
+        {
+          restaurantId: a,
+          roleId: e
+        }
+      ];
+    }, b = g(s.value.restaurants.map((a) => a.restaurantId)), z = F(
+      () => b.value.filter(
+        (a) => k.value.some((e) => e.value === a)
+      )
+    ), U = F(() => k.value.length > 0 && k.value.length === z.value.length), ee = () => {
+      const a = b.value.filter((e) => !z.value.includes(e));
+      U.value === !0 ? A(a) : A(k.value.map((e) => e.value));
+    }, A = (a) => {
+      b.value = a, s.value.restaurants = a.map((e) => {
+        var I, w, $;
+        const m = ((w = (I = k.value.find((j) => j.value === e)) == null ? void 0 : I.roleOptions[0]) == null ? void 0 : w.value) || "";
+        return {
+          restaurantId: e,
+          roleId: (($ = s.value.restaurants.find((j) => j.restaurantId === e)) == null ? void 0 : $.roleId) || m
+        };
+      });
+    }, l = g([]), t = g(!1);
+    function p() {
+      t.value && (t.value = !1, l.value = []);
+    }
+    async function _() {
+      const a = await Ae.generateEmployeePasscode();
+      t.value = !1, l.value = a.split("");
+    }
+    const V = Ke(
+      () => !je.isEqual(s.value, x.value),
+      () => {
+        f.value = !1;
+      }
+    );
+    async function le() {
+      const a = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode,
+          code: s.value.code
+        },
+        roles: s.value.restaurants
+      };
+      s.value.isMasterUser ? await d.createMasterEmployee(a) : (delete a.user.code, await d.createEmployee(a));
+    }
+    async function ae() {
+      const a = x.value, e = {
+        user: {
+          name: s.value.name,
+          passcode: s.value.passcode
+        },
+        roles: s.value.restaurants
+      };
+      if (!s.value.isMasterUser)
+        await d.updateEmployee(a._id, e);
+      else {
+        const m = {
+          user: {
+            name: s.value.name,
+            passcode: s.value.passcode,
+            code: s.value.code
+          },
+          roles: s.value.restaurants
+        };
+        x.value.isMasterUser ? await d.updateMasterEmployee(a._id, m) : await d.migrateToMasterUser(a._id, m);
+      }
+    }
+    async function te() {
+      L.value ? await H.minor(
+        async () => {
+          await le();
+        },
+        {
+          successMessage: i("hr.employee.create.successMessage")
+        }
+      ) : await H.minor(
+        async () => {
+          await ae();
+        },
+        {
+          successMessage: i("hr.employee.update.successMessage")
+        }
+      ), f.value = !1;
+    }
+    return _e(
+      () => f.value,
+      (a) => {
+      }
+    ), M({
+      show: f,
+      trigger: R
+    }), (a, e) => {
+      const m = v("FmSwitch"), I = v("FmTextField"), w = v("FmPinField"), $ = v("FmFormGroup"), j = v("FmButton"), Ue = v("FmSearch"), ue = v("FmCheckbox"), Se = v("FmSelect"), ie = v("fm-button"), Ee = v("fm-side-sheet");
+      return h(), O(G, null, [
+        Me(a.$slots, "default", { trigger: R }),
+        n(Ee, {
+          id: "unit-form",
+          modelValue: f.value,
+          "onUpdate:modelValue": e[9] || (e[9] = (r) => f.value = r),
+          "is-container": o(xe).FmForm,
+          "is-container-props": {
+            onValidationSuccess: te,
+            blameFormChildOnValidationFailed: !0
+          },
+          "max-width": 560,
+          "onOn:clickedAway": o(V)
+        }, {
+          "side-sheet-header": y(() => [
+            c("p", We, K(N.value), 1)
+          ]),
+          "side-sheet-footer": y(() => [
+            c("div", Ze, [
+              n(ie, {
+                label: X.value,
+                size: "lg",
+                type: "submit",
+                variant: "primary"
+              }, null, 8, ["label"]),
+              n(ie, {
+                label: o(i)("common.cancel"),
+                size: "lg",
+                variant: "tertiary",
+                onClick: e[8] || (e[8] = () => f.value = !1)
+              }, null, 8, ["label"])
+            ])
+          ]),
+          default: y(() => [
+            c("div", Qe, [
+              n(de, {
+                title: o(i)("hr.employee.form.employeeSetting")
+              }, {
+                default: y(() => [
+                  n(pe, {
+                    label: o(i)("hr.employee.form.masterUserConfig")
+                  }, {
+                    default: y(() => [
+                      n(m, {
+                        modelValue: s.value.isMasterUser,
+                        "onUpdate:modelValue": e[0] || (e[0] = (r) => s.value.isMasterUser = r),
+                        value: "masterUser",
+                        label: o(i)("hr.employee.form.masterUser"),
+                        sublabel: o(i)("hr.employee.form.masterUserSublabel"),
+                        "label-placement": "right"
+                      }, null, 8, ["modelValue", "label", "sublabel"])
+                    ]),
+                    _: 1
+                  }, 8, ["label"]),
+                  c("div", Xe, [
+                    s.value.isMasterUser ? (h(), B(I, {
+                      key: 0,
+                      modelValue: s.value.code,
+                      "onUpdate:modelValue": e[1] || (e[1] = (r) => s.value.code = r),
+                      label: o(i)("hr.employee.form.code")
+                    }, null, 8, ["modelValue", "label"])) : Q("", !0),
+                    n(I, {
+                      modelValue: s.value.name,
+                      "onUpdate:modelValue": e[2] || (e[2] = (r) => s.value.name = r),
+                      class: "w-full",
+                      label: o(i)("hr.employee.form.name"),
+                      rules: [(r) => !!r || o(i)("hr.employee.form.required")]
+                    }, null, 8, ["modelValue", "label", "rules"])
+                  ]),
+                  n(pe, {
+                    label: o(i)("hr.employee.form.passcode")
+                  }, {
+                    default: y(() => [
+                      c("div", Ye, [
+                        n($, {
+                          modelValue: l.value,
+                          "onUpdate:modelValue": e[5] || (e[5] = (r) => l.value = r),
+                          rules: [
+                            (r) => (r == null ? void 0 : r.filter((oe) => !!oe).length) !== ye ? o(i)("hr.employee.form.passcodeRequired") : !0
+                          ]
+                        }, {
+                          default: y(() => [
+                            n(w, {
+                              modelValue: l.value,
+                              "onUpdate:modelValue": e[3] || (e[3] = (r) => l.value = r),
+                              length: ye,
+                              masked: t.value,
+                              onComplete: e[4] || (e[4] = (r) => s.value.passcode = r),
+                              onFocus: p
+                            }, null, 8, ["modelValue", "masked"])
+                          ]),
+                          _: 1
+                        }, 8, ["modelValue", "rules"]),
+                        n(j, {
+                          variant: "secondary",
+                          "text-color": "primary",
+                          "border-color": "primary",
+                          label: o(i)("hr.employee.form.passcodeGenerate"),
+                          size: "md",
+                          onClick: _
+                        }, null, 8, ["label"])
+                      ])
+                    ]),
+                    _: 1
+                  }, 8, ["label"])
+                ]),
+                _: 1
+              }, 8, ["title"]),
+              n(de, {
+                title: o(i)("hr.employee.form.role")
+              }, {
+                default: y(() => [
+                  n(Ue, {
+                    modelValue: o(C),
+                    "onUpdate:modelValue": e[6] || (e[6] = (r) => re(C) ? C.value = r : null),
+                    placeholder: o(i)("hr.restaurant.search.placeholder")
+                  }, null, 8, ["modelValue", "placeholder"]),
+                  n($, {
+                    modelValue: b.value,
+                    "onUpdate:modelValue": e[7] || (e[7] = (r) => b.value = r),
+                    rules: [(r) => r.length > 0 || o(i)("hr.employee.form.atLeastOneRestaurant")]
+                  }, {
+                    default: y(() => [
+                      n(ue, {
+                        "model-value": U.value,
+                        label: o(i)("hr.employee.form.all"),
+                        value: "1",
+                        indeterminate: b.value.length > 0,
+                        "onUpdate:modelValue": ee
+                      }, null, 8, ["model-value", "label", "indeterminate"]),
+                      (h(!0), O(G, null, ge(k.value, (r, oe) => (h(), O(G, { key: oe }, [
+                        n(ue, {
+                          "model-value": b.value,
+                          label: r.label,
+                          value: r.value,
+                          "onUpdate:modelValue": A
+                        }, null, 8, ["model-value", "label", "value"]),
+                        b.value.includes(r.value) ? (h(), B(Se, {
+                          key: 0,
+                          class: "ml-32 mr-8",
+                          items: r.roleOptions,
+                          "model-value": T(r.value),
+                          multiselect: !1,
+                          placeholder: r.roleOptions[0] ? r.roleOptions[0].label : "",
+                          "onUpdate:modelValue": (Re) => W(r.value, Re)
+                        }, null, 8, ["items", "model-value", "placeholder", "onUpdate:modelValue"])) : Q("", !0)
+                      ], 64))), 128))
+                    ]),
+                    _: 1
+                  }, 8, ["modelValue", "rules"])
+                ]),
+                _: 1
+              }, 8, ["title"])
+            ])
+          ]),
+          _: 1
+        }, 8, ["modelValue", "is-container", "is-container-props", "onOn:clickedAway"])
+      ], 64);
+    };
+  }
+}), ll = {
+  class: "space-y-8"
+}, al = {
+  class: "xs:hidden flex w-full items-start justify-between"
+}, tl = {
+  class: "flex items-start gap-8"
+}, ol = {
+  class: "flex"
+}, sl = {
+  class: "space-y-4 hidden xs:block"
+}, rl = {
+  class: "px-16"
+}, nl = {
+  class: "px-16 flex items-start gap-8"
+}, ul = {
+  class: "pb-64 hidden xs:block"
+}, il = {
+  class: "space-y-4"
+}, ml = {
+  class: "fm-typo-en-body-lg-600"
+}, cl = {
+  key: 0,
+  class: "mr-4"
+}, dl = {
+  class: "text-fm-color-typo-secondary"
+}, xl = /* @__PURE__ */ he({
+  __name: "EmployeeList",
+  setup(S, {
+    expose: M
+  }) {
+    const {
+      t: u
+    } = Ve(), E = g(), d = ke(), q = ne(), {
+      sessionUser: H
+    } = be(), i = F(() => d.employees.value), {
+      searchKey: f,
+      filter: L
+    } = we(""), R = F(() => {
+      var l;
+      return (l = i.value) == null ? void 0 : l.filter((t) => {
+        const p = !E.value || t.restaurants.some((V) => E.value.includes(V.restaurantId)), _ = !U.value || t.restaurants.some((V) => V.roleId && U.value.includes(V.roleId));
+        return p && _ && L([t.code, t.name, `${t.restaurants.map((V) => N(V)).join(" ")}`]);
+      });
+    }), D = Ge(), N = (l) => {
+      var _;
+      const t = (_ = D.value[l.restaurantId]) == null ? void 0 : _.profile.code;
+      let p = l.restaurantName;
+      return l.roleName && (p = `${t ? t + " - " : ""}${p} (${l.roleName})`), p;
+    }, X = [{
+      accessorKey: "code",
+      size: 100,
+      header: () => u("hr.employee.columns.code")
+    }, {
+      accessorKey: "name",
+      header: () => u("hr.employee.columns.name"),
+      enableSorting: !1
+    }, {
+      accessorKey: "restaurants",
+      align: "center",
+      header: () => u("hr.employee.columns.restaurants"),
+      enableSorting: !1,
+      cell(l) {
+        return l.row.original.restaurants.map((t, p) => {
+          const _ = N(t);
+          return se("div", (p ? `
+ ` : "") + _);
+        });
+      }
+    }, {
+      accessorKey: "since",
+      header: () => u("hr.employee.columns.since"),
+      enableSorting: !1
+    }, {
+      id: "action",
+      size: 52,
+      meta: {
+        cellClass: "pl-16",
+        headerContentClass: "-mx-16"
+      },
+      cell: (l) => se("div", {
+        class: "w-full flex justify-end items-center"
+      }, [se(xe.FmButton, {
+        prependIcon: "delete",
+        variant: De.Tertiary,
+        textColor: "neutral-gray-400",
+        onClick: (t) => {
+          t.stopPropagation(), T(l.row.original);
+        }
+      })])
+    }], x = Fe(), s = Le(), C = g(), P = g(), Y = F(() => d.restrictEmployeeIds.value);
+    function J(l) {
+      const t = Y.value.includes(l._id);
+      return t && x.open({
+        message: u("hr.employee.cannotUpdateMasterUser", {
+          name: l.name
+        }),
+        type: "error"
+      }), t;
+    }
+    const k = (l) => {
+      var p;
+      l && J(l) || (p = P.value) == null || p.trigger(l);
+    }, {
+      breakpoints: Z
+    } = Be(), T = (l) => {
+      J(l) || s.open({
+        title: u("hr.employee.remove.title"),
+        message: u("hr.employee.remove.message", {
+          name: l.name
+        }),
+        minWidth: Z.value.lg ? 588 : 0,
+        primaryActions: {
+          text: u("common.remove"),
+          close: !1,
+          variant: "destructive"
+        },
+        secondaryActions: {
+          text: u("common.cancel"),
+          close: !0
+        }
+      }).onPrimary(async () => {
+        await (l.isMasterUser ? d.deleteMasterEmployee : d.deleteEmployee)(l).then(() => x.open({
+          message: u("hr.employee.remove.successMessage", {
+            name: l.name
+          }),
+          type: "success"
+        })).catch((_) => x.open({
+          message: _,
+          type: "error"
+        })), s.close();
+      });
+    }, W = g("");
+    _e(() => C.value && C.value.restaurants, (l) => {
+      l && l.length > 0 && (W.value = "");
+    });
+    function b() {
+      var l;
+      (l = P.value) == null || l.trigger();
+    }
+    const z = F(() => ne().roles.value.map((l) => ({
+      label: l.name,
+      value: l._id
+    }))), U = g();
+    async function ee() {
+      try {
+        await d.syncUsersMeta(), await d.readEmployees(), x.open({
+          message: u("hr.employee.sync.successMessage"),
+          type: "success"
+        });
+      } catch (l) {
+        console.error("Error syncing users:", l), x.open({
+          message: u("hr.employee.sync.errorMessage"),
+          type: "error"
+        });
+      }
+    }
+    async function A() {
+      q.roles.value.length === 0 && await q.readRoles(), d.employees.value.length === 0 && await d.readEmployees();
+    }
+    return Ie(() => {
+      A();
+    }), M({
+      create: b,
+      filteredEmployees: R
+    }), (l, t) => {
+      var a;
+      const p = v("FmButton"), _ = v("FmTooltip"), V = v("FmSearch"), le = v("FmTable"), ae = v("FmListItem"), te = v("FmList");
+      return h(), O(G, null, [n(el, {
+        ref_key: "employeeFormRef",
+        ref: P,
+        modelValue: C.value,
+        "onUpdate:modelValue": t[0] || (t[0] = (e) => C.value = e),
+        "role-error-message": W.value,
+        class: "gap-8"
+      }, null, 8, ["modelValue", "role-error-message"]), c("div", ll, [c("div", al, [c("div", tl, [n(o(me), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[1] || (t[1] = (e) => E.value = e),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), n(ce, {
+        modelValue: U.value,
+        "onUpdate:modelValue": t[2] || (t[2] = (e) => U.value = e),
+        multiple: "",
+        variant: "dark",
+        items: z.value,
+        "selected-prefix": o(u)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(u)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])]), c("div", ol, [(a = o(H)) != null && a.role.isAdmin ? (h(), B(_, {
+        key: 0,
+        content: o(u)("hr.employee.sync.tooltip")
+      }, {
+        default: y(() => [n(p, {
+          icon: "refresh",
+          variant: "tertiary",
+          onClick: ee
+        })]),
+        _: 1
+      }, 8, ["content"])) : Q("", !0), n(V, {
+        autofocus: "",
+        modelValue: o(f),
+        "onUpdate:modelValue": t[3] || (t[3] = (e) => re(f) ? f.value = e : null),
+        class: "pl-4 w-[320px]",
+        placeholder: o(u)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])])]), c("div", sl, [c("div", rl, [n(V, {
+        autofocus: "",
+        modelValue: o(f),
+        "onUpdate:modelValue": t[4] || (t[4] = (e) => re(f) ? f.value = e : null),
+        placeholder: o(u)("hr.employee.search.placeholder")
+      }, null, 8, ["modelValue", "placeholder"])]), n(Je), c("div", nl, [n(o(me), {
+        modelValue: E.value,
+        "onUpdate:modelValue": t[5] || (t[5] = (e) => E.value = e),
+        "managable-only": !1,
+        multiple: "",
+        variant: "dark",
+        class: "!w-auto"
+      }, null, 8, ["modelValue"]), n(ce, {
+        modelValue: U.value,
+        "onUpdate:modelValue": t[6] || (t[6] = (e) => U.value = e),
+        multiple: "",
+        items: z.value,
+        variant: "dark",
+        "selected-prefix": o(u)("hr.employee.filter.selected_role_prefix"),
+        placeholder: o(u)("hr.employee.filter.role_placeholder")
+      }, null, 8, ["modelValue", "items", "selected-prefix", "placeholder"])])]), o(d).employees.value.length > 0 || o(d).isLoading.value ? (h(), B(Pe, {
+        key: 0,
+        class: "overflow-auto"
+      }, {
+        default: y(() => [n(le, {
+          class: "xs:hidden",
+          "column-defs": X,
+          "row-data": R.value,
+          "page-size": R.value.length,
+          loading: o(d).isLoading.value,
+          virtual: R.value.length > 0,
+          "pin-header-row": "",
+          "hide-footer": "",
+          onRowClick: t[7] || (t[7] = (e) => k(e.original))
+        }, null, 8, ["row-data", "page-size", "loading", "virtual"]), c("div", ul, [n(te, {
+          separator: ""
+        }, {
+          default: y(() => [(h(!0), O(G, null, ge(R.value, (e) => (h(), B(ae, {
+            class: "py-12 px-16 items-center justify-between",
+            onClick: (m) => k(e),
+            key: e._id
+          }, {
+            default: y(() => [c("div", il, [c("p", ml, [e.code ? (h(), O("span", cl, K(e.code) + ".", 1)) : Q("", !0), $e(K(e.name), 1)]), c("div", dl, [c("p", null, K(o(u)("hr.employee.restaurants", {
+              restaurants: e.restaurants.map((m) => N(m)).join(", ")
+            })), 1), c("p", null, " Since: " + K(e.since), 1)])]), n(p, {
+              icon: "delete",
+              variant: "tertiary",
+              "text-color": "neutral-gray-400",
+              onClick: Oe((m) => T(e), ["stop"])
+            }, null, 8, ["onClick"])]),
+            _: 2
+          }, 1032, ["onClick"]))), 128))]),
+          _: 1
+        })])]),
+        _: 1
+      })) : (h(), B(o(ze), {
+        key: 1,
+        title: o(u)("hr.employee.noData.title"),
+        subtitle: o(u)("hr.employee.noData.subtitle")
+      }, null, 8, ["title", "subtitle"]))])], 64);
+    };
+  }
+});
+export {
+  xl as default
+};

package/dist/Entry.vue.d.ts

@@ -0,0 +1,2 @@
+declare const _default: import("vue").DefineComponent<{}, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+export default _default;

package/dist/PageLayout.vue_vue_type_script_setup_true_lang-HKK4cbW8.js

@@ -0,0 +1,37 @@
+import { defineComponent as l, createElementBlock as a, openBlock as r, normalizeClass as t, createElementVNode as o, renderSlot as s, toDisplayString as d } from "vue";
+const i = {
+  class: /* @__PURE__ */ t([
+    "flex flex-col",
+    "p-24 xs:p-0",
+    "bg-fm-color-neutral-white",
+    "min-h-[calc(100dvh-56px)]",
+    "xs:max-h-[calc(100dvh-56px)]"
+  ])
+}, c = {
+  class: /* @__PURE__ */ t([
+    "flex items-center",
+    "mb-24 xs:mb-0 xs:p-16",
+    "xs:border-b border-fm-color-neutral-gray-100"
+  ])
+}, p = { class: "fm-typo-en-title-md-600 h-[36px] items-center flex" }, f = /* @__PURE__ */ l({
+  __name: "PageLayout",
+  props: {
+    heading: {}
+  },
+  setup(n) {
+    return (e, m) => (r(), a("div", i, [
+      o("div", c, [
+        s(e.$slots, "prepend-heading"),
+        o("div", null, [
+          o("h1", p, d(n.heading), 1),
+          s(e.$slots, "sub-heading")
+        ]),
+        s(e.$slots, "append-heading")
+      ]),
+      s(e.$slots, "default")
+    ]));
+  }
+});
+export {
+  f as _
+};