restaurant-kit 0.1.0

package/dist/admin/useAdminMenuDraft.js

@@ -0,0 +1,226 @@
+import { useRef as R, useState as c, useCallback as r, useEffect as W } from "react";
+import { toast as a } from "sonner";
+import { useRestaurantKit as ae } from "../config/siteConfigContext.js";
+import { updateMenuItem as ie } from "../menu/menuMutations.js";
+import { isLikelyAuthError as oe, getApiErrorMessage as d } from "./adminEditorUtils.js";
+import { applyAdminMenuCommand as ue } from "./adminMenuCommands.js";
+function ce(i, l) {
+  switch (l.type) {
+    case "load": {
+      const g = i.revision + 1;
+      return { menu: l.menu, revision: g, savedRevision: g };
+    }
+    case "set":
+      return { ...i, menu: l.menu, revision: i.revision + 1 };
+    case "saved":
+      return { ...i, savedRevision: Math.max(i.savedRevision, l.revision) };
+  }
+}
+function j(i) {
+  return i.revision !== i.savedRevision;
+}
+function $(i) {
+  return { ...i, updatedAt: (/* @__PURE__ */ new Date()).toISOString() };
+}
+function he(i = {}) {
+  const l = ae(), { api: g, initialMenu: q = l.seedMenu, enabled: h = !0 } = i, n = g ?? l.menuApi, A = g ? !1 : l.isLocalApi, f = R({ menu: q, revision: 0, savedRevision: 0 }), [C, z] = c(f.current), m = r((e) => {
+    f.current = ce(f.current, e), z(f.current);
+  }, []), D = R(null), [k, E] = c(h), [K, L] = c(!1), [T, U] = c(!1), [F, v] = c(""), [G, y] = c(null), [H, P] = c(!1), M = r(() => {
+    n.getAdminSession().then(y).catch(() => y(null));
+  }, [n]), u = r(() => {
+    E(!0), v(""), n.getDraft().then(({ menu: e, etag: t }) => {
+      D.current = t, m({ type: "load", menu: e }), M();
+    }).catch((e) => {
+      if (oe(e)) {
+        v(d(e)), M();
+        return;
+      }
+      a.error("Could not load remote draft", {
+        description: d(e)
+      });
+    }).finally(() => {
+      E(!1);
+    });
+  }, [m, n, M]);
+  W(() => {
+    h && u();
+  }, [h, u]);
+  const b = j(C);
+  W(() => {
+    if (!h || !b || typeof window > "u") return;
+    const e = (t) => {
+      t.preventDefault();
+    };
+    return window.addEventListener("beforeunload", e), () => window.removeEventListener("beforeunload", e);
+  }, [h, b]);
+  const J = r(() => {
+    window.location.assign(n.getAdminSignInUrl(window.location.href));
+  }, [n]), N = r(
+    async (e) => {
+      P(!0);
+      try {
+        const t = await n.signInWithPassword(e);
+        y(t), v(""), u();
+      } catch (t) {
+        v(d(t));
+      } finally {
+        P(!1);
+      }
+    },
+    [u, n]
+  ), Q = r(async () => {
+    try {
+      await n.signOut();
+    } catch (e) {
+      a.error("Could not sign out", {
+        description: d(e)
+      });
+      return;
+    }
+    y((e) => e && { ...e, authenticated: !1, user: null }), v("Signed out. Sign in again to edit the remote menu."), a.success("Signed out");
+  }, [n]), S = r(
+    (e) => {
+      const t = f.current.menu, s = e(t);
+      s !== t && m({ type: "set", menu: $(s) });
+    },
+    [m]
+  ), x = R(Promise.resolve()), w = r(() => {
+    const { menu: e, revision: t } = f.current, s = x.current.then(async () => {
+      const { etag: o } = await n.saveDraftMenu(e, { ifMatch: D.current });
+      D.current = o, m({ type: "saved", revision: t });
+    });
+    return x.current = s.catch(() => {
+    }), s;
+  }, [m, n]), V = r(async () => {
+    L(!0);
+    try {
+      await w(), a.success("Draft saved", { description: A ? "The local draft menu has been updated." : "The remote draft menu has been updated." });
+    } catch (e) {
+      a.error("Could not save draft", {
+        description: d(e)
+      });
+    } finally {
+      L(!1);
+    }
+  }, [A, w]), X = r(async () => {
+    U(!0);
+    try {
+      j(f.current) && await w(), await n.publishDraftMenu(), a.success("Draft published", { description: "The public menu now uses this draft." });
+    } catch (e) {
+      a.error("Could not publish draft", {
+        description: d(e)
+      });
+    } finally {
+      U(!1);
+    }
+  }, [n, w]), Y = r(() => {
+    u(), a.success("Unsaved changes discarded");
+  }, [u]), [O, B] = c(!1), Z = r(
+    async (e) => {
+      B(!0);
+      try {
+        await n.restoreDraft(e), u(), a.success(e.kind === "published" ? "Draft restored from the published menu" : "Draft restored from backup", {
+          description: "Review it, then publish to make it live."
+        });
+      } catch (t) {
+        a.error("Could not restore the draft", {
+          description: d(t)
+        });
+      } finally {
+        B(!1);
+      }
+    },
+    [u, n]
+  ), _ = r(() => n.listMenuBackups(), [n]), ee = r(
+    (e) => {
+      const t = f.current.menu, s = ue(t, e);
+      return s.status === "rejected" ? s.reason : (s.menu !== t && m({ type: "set", menu: $(s.menu) }), null);
+    },
+    [m]
+  ), [te, ne] = c(/* @__PURE__ */ new Set()), p = r((e, t) => {
+    ne((s) => {
+      const o = new Set(s);
+      return t ? o.add(e) : o.delete(e), o;
+    });
+  }, []), I = r(
+    (e, t) => {
+      S((s) => ie(s, e, t));
+    },
+    [S]
+  ), se = r(
+    async (e, t) => {
+      if (!t.type.startsWith("image/")) {
+        a.error("Choose an image file");
+        return;
+      }
+      const s = e.imageKey;
+      p(e.id, !0);
+      try {
+        const o = await n.uploadMenuImage(t);
+        I(e.id, {
+          image: o.url,
+          imageKey: o.key
+        }), a.success("Image uploaded", { description: `${e.title} now uses the new image.` }), s && n.deleteMenuImage(s).catch(() => {
+          a.warning("Old image was replaced but not deleted", {
+            description: "The menu item uses the new image. The old R2 object can be cleaned up later."
+          });
+        });
+      } catch (o) {
+        a.error("Could not upload image", {
+          description: d(o)
+        });
+      } finally {
+        p(e.id, !1);
+      }
+    },
+    [n, p, I]
+  ), re = r(
+    async (e) => {
+      const t = e.imageKey;
+      if (I(e.id, { image: "", imageKey: void 0 }), !t) {
+        a.success("Image removed", { description: "The original static asset was only cleared from this item." });
+        return;
+      }
+      p(e.id, !0);
+      try {
+        await n.deleteMenuImage(t), a.success("Image removed");
+      } catch (s) {
+        a.warning("Image removed from item, but R2 cleanup failed", {
+          description: d(s)
+        });
+      } finally {
+        p(e.id, !1);
+      }
+    },
+    [n, p, I]
+  );
+  return {
+    draftMenu: C.menu,
+    hasUnsavedChanges: b,
+    isLoadingDraft: k,
+    isSavingDraft: K,
+    isPublishingDraft: T,
+    isBusy: k || K || T || O,
+    authErrorMessage: F,
+    authSession: G,
+    isSigningIn: H,
+    loadRemoteDraft: u,
+    signIn: J,
+    signInWithPassword: N,
+    signOut: Q,
+    saveDraft: V,
+    publishDraft: X,
+    discardChanges: Y,
+    restoreDraft: Z,
+    listBackups: _,
+    isRestoring: O,
+    applyMenuMutation: S,
+    applyCommand: ee,
+    uploadingItemIds: te,
+    uploadItemImage: se,
+    removeItemImage: re
+  };
+}
+export {
+  he as useAdminMenuDraft
+};

package/dist/cart/CartDrawer.js

@@ -0,0 +1,87 @@
+import { jsxs as t, Fragment as m, jsx as e } from "react/jsx-runtime";
+import { ShoppingBag as k, X as B, Minus as I, Plus as w } from "lucide-react";
+import { useMemo as A } from "react";
+import { WhatsAppIcon as $ } from "../components/WhatsAppIcon.js";
+import { useSiteConfig as x } from "../config/siteConfigContext.js";
+import { buildWhatsAppOrderUrl as O, formatVariationName as W } from "./cartOrder.js";
+import { useCart as j } from "./useCart.js";
+import r from "./CartDrawer.module.css.js";
+function L({ onEditItem: d } = {}) {
+  const { items: o, itemCount: l, isOpen: n, orderNote: i, addItem: p, decreaseItem: u, removeItem: N, setItemNote: b, setOrderNote: v, openCart: f, closeCart: c, clearCart: C } = j(), { whatsappNumber: s, orderGreeting: h } = x(), g = A(() => O(o, i, { whatsappNumber: s, orderGreeting: h }), [o, h, i, s]);
+  return /* @__PURE__ */ t(m, { children: [
+    l ? /* @__PURE__ */ t("button", { className: r.cartBar, type: "button", onClick: f, "aria-expanded": n, children: [
+      /* @__PURE__ */ e("span", { className: r.cartBarIcon, children: /* @__PURE__ */ e(k, { "aria-hidden": "true" }) }),
+      /* @__PURE__ */ t("span", { children: [
+        l,
+        " item",
+        l === 1 ? "" : "s"
+      ] }),
+      /* @__PURE__ */ e("strong", { children: "Review order" })
+    ] }) : null,
+    /* @__PURE__ */ e("div", { className: `${r.backdrop} ${n ? r.openBackdrop : ""}`, onClick: c }),
+    /* @__PURE__ */ t("aside", { className: `${r.drawer} ${n ? r.openDrawer : ""}`, "aria-label": "Order cart", "aria-hidden": !n, inert: !n, children: [
+      /* @__PURE__ */ t("header", { className: r.header, children: [
+        /* @__PURE__ */ t("div", { children: [
+          /* @__PURE__ */ e("p", { children: "Order draft" }),
+          /* @__PURE__ */ e("h2", { children: "Your cart" })
+        ] }),
+        /* @__PURE__ */ e("button", { className: r.iconButton, type: "button", onClick: c, "aria-label": "Close cart", children: /* @__PURE__ */ e(B, { "aria-hidden": "true" }) })
+      ] }),
+      o.length ? /* @__PURE__ */ t(m, { children: [
+        /* @__PURE__ */ e("div", { className: r.items, children: o.map((a) => /* @__PURE__ */ t("article", { className: r.item, children: [
+          /* @__PURE__ */ t("div", { children: [
+            /* @__PURE__ */ e("h3", { children: a.itemName }),
+            a.variationName ? /* @__PURE__ */ e("p", { children: W(a.variationName) }) : null,
+            a.removedIngredients?.length ? /* @__PURE__ */ t("p", { children: [
+              "No: ",
+              a.removedIngredients.join(", ")
+            ] }) : null
+          ] }),
+          /* @__PURE__ */ t("div", { className: r.quantityControls, children: [
+            /* @__PURE__ */ e("button", { type: "button", onClick: () => u(a.key), "aria-label": `Remove one ${a.itemName}`, children: /* @__PURE__ */ e(I, { "aria-hidden": "true" }) }),
+            /* @__PURE__ */ e("span", { children: a.quantity }),
+            /* @__PURE__ */ e("button", { type: "button", onClick: () => p(a), "aria-label": `Add one ${a.itemName}`, children: /* @__PURE__ */ e(w, { "aria-hidden": "true" }) })
+          ] }),
+          /* @__PURE__ */ e(
+            "input",
+            {
+              className: r.noteInput,
+              "aria-label": `Note for ${a.itemName}`,
+              value: a.note ?? "",
+              onChange: (y) => b(a.key, y.target.value),
+              placeholder: "Note for the kitchen (optional) — e.g. no pickles"
+            }
+          ),
+          /* @__PURE__ */ t("div", { className: r.itemActions, children: [
+            d ? /* @__PURE__ */ e("button", { className: r.removeButton, type: "button", onClick: () => d(a), children: "Edit" }) : null,
+            /* @__PURE__ */ e("button", { className: r.removeButton, type: "button", onClick: () => N(a.key), children: "Remove" })
+          ] })
+        ] }, a.key)) }),
+        /* @__PURE__ */ t("footer", { className: r.footer, children: [
+          /* @__PURE__ */ e("label", { className: r.orderNoteLabel, htmlFor: "cart-order-note", children: "Order note" }),
+          /* @__PURE__ */ e(
+            "textarea",
+            {
+              className: r.orderNote,
+              id: "cart-order-note",
+              value: i,
+              onChange: (a) => v(a.target.value),
+              placeholder: "Anything about the whole order — delivery instructions, extra sauce…"
+            }
+          ),
+          /* @__PURE__ */ e("button", { className: r.clearButton, type: "button", onClick: C, children: "Clear cart" }),
+          /* @__PURE__ */ t("a", { className: r.whatsappButton, href: g, target: "_blank", rel: "noreferrer", children: [
+            "Send order on WhatsApp",
+            /* @__PURE__ */ e($, { className: r.whatsappIcon })
+          ] })
+        ] })
+      ] }) : /* @__PURE__ */ t("div", { className: r.empty, children: [
+        /* @__PURE__ */ e("h3", { children: "No items yet." }),
+        /* @__PURE__ */ e("p", { children: "Add something from the menu to draft a WhatsApp order." })
+      ] })
+    ] })
+  ] });
+}
+export {
+  L as CartDrawer
+};

package/dist/cart/CartDrawer.module.css.js

@@ -0,0 +1,47 @@
+const t = "_cartBar_li06l_1", o = "_cartBarIcon_li06l_21", n = "_backdrop_li06l_39", e = "_openBackdrop_li06l_49", _ = "_drawer_li06l_54", r = "_openDrawer_li06l_74", l = "_header_li06l_78", a = "_iconButton_li06l_100", c = "_items_li06l_118", s = "_item_li06l_118", i = "_quantityControls_li06l_151", p = "_itemActions_li06l_161", B = "_removeButton_li06l_188", d = "_footer_li06l_200", u = "_clearButton_li06l_205", m = "_whatsappButton_li06l_219", w = "_whatsappIcon_li06l_232", h = "_empty_li06l_238", I = "_noteInput_li06l_285", y = "_orderNote_li06l_286", b = "_orderNoteLabel_li06l_309", k = {
+  cartBar: t,
+  cartBarIcon: o,
+  backdrop: n,
+  openBackdrop: e,
+  drawer: _,
+  openDrawer: r,
+  header: l,
+  iconButton: a,
+  items: c,
+  item: s,
+  quantityControls: i,
+  itemActions: p,
+  removeButton: B,
+  footer: d,
+  clearButton: u,
+  whatsappButton: m,
+  whatsappIcon: w,
+  empty: h,
+  noteInput: I,
+  orderNote: y,
+  orderNoteLabel: b
+};
+export {
+  n as backdrop,
+  t as cartBar,
+  o as cartBarIcon,
+  u as clearButton,
+  k as default,
+  _ as drawer,
+  h as empty,
+  d as footer,
+  l as header,
+  a as iconButton,
+  s as item,
+  p as itemActions,
+  c as items,
+  I as noteInput,
+  e as openBackdrop,
+  r as openDrawer,
+  y as orderNote,
+  b as orderNoteLabel,
+  i as quantityControls,
+  B as removeButton,
+  m as whatsappButton,
+  w as whatsappIcon
+};

package/dist/cart/CartProvider.js

@@ -0,0 +1,31 @@
+import { jsx as c } from "react/jsx-runtime";
+import { useReducer as y, useMemo as p } from "react";
+import { CartContext as u } from "./cartContext.js";
+import { cartSelectionKey as s } from "./cartOrder.js";
+import { cartReducer as d, initialCartState as l } from "./cartReducer.js";
+function x({ children: n }) {
+  const [o, r] = y(d, l), i = p(() => {
+    const m = (e) => {
+      const t = s(e);
+      return o.items.find((a) => a.key === t)?.quantity ?? 0;
+    };
+    return {
+      ...o,
+      itemCount: o.items.reduce((e, t) => e + t.quantity, 0),
+      addItem: (e, t) => r({ type: "add", selection: e, quantity: t?.quantity, note: t?.note }),
+      replaceItem: (e, t, a) => r({ type: "replace", key: e, selection: t, quantity: a?.quantity, note: a?.note }),
+      decreaseItem: (e) => r({ type: "decrease", key: e }),
+      removeItem: (e) => r({ type: "remove", key: e }),
+      getQuantity: m,
+      setItemNote: (e, t) => r({ type: "set-note", key: e, note: t }),
+      setOrderNote: (e) => r({ type: "set-order-note", note: e }),
+      openCart: () => r({ type: "open" }),
+      closeCart: () => r({ type: "close" }),
+      clearCart: () => r({ type: "clear" })
+    };
+  }, [o]);
+  return /* @__PURE__ */ c(u.Provider, { value: i, children: n });
+}
+export {
+  x as CartProvider
+};

package/dist/cart/cartContext.js

@@ -0,0 +1,5 @@
+import { createContext as t } from "react";
+const e = t(null);
+export {
+  e as CartContext
+};

package/dist/cart/cartOrder.js

@@ -0,0 +1,34 @@
+function u(e) {
+  const t = (e.removedIngredients ?? []).map((r) => r.trim().toLowerCase()).filter(Boolean).sort().join(",");
+  return [e.itemId, e.variationId ?? "default", ...t ? [`no=${t}`] : []].join(":");
+}
+function a(e) {
+  return e ? e.charAt(0).toUpperCase() + e.slice(1) : "";
+}
+function s(e) {
+  const t = a(e.variationName), r = (e.removedIngredients ?? []).filter((i) => i.trim()), n = e.note?.trim(), o = [`${e.quantity}x ${e.itemName}${t ? ` - ${t}` : ""}`];
+  return r.length && o.push(`   No: ${r.join(", ")}`), n && o.push(`   Note: ${n}`), o;
+}
+function d(e, t, r) {
+  const n = t.trim();
+  return [
+    r.orderGreeting,
+    "",
+    ...e.flatMap(s),
+    ...n ? ["", `Order note: ${n}`] : [],
+    "",
+    "",
+    "Name:",
+    "Address:"
+  ].join(`
+`);
+}
+function m(e, t, r) {
+  return `https://wa.me/${r.whatsappNumber}?text=${encodeURIComponent(d(e, t, r))}`;
+}
+export {
+  d as buildWhatsAppMessage,
+  m as buildWhatsAppOrderUrl,
+  u as cartSelectionKey,
+  a as formatVariationName
+};

package/dist/cart/cartReducer.js

@@ -0,0 +1,57 @@
+import { cartSelectionKey as d } from "./cartOrder.js";
+const l = { items: [], isOpen: !1, orderNote: "" };
+function k(e, n) {
+  switch (n.type) {
+    case "add": {
+      const r = d(n.selection), o = Math.max(1, Math.round(n.quantity ?? 1)), i = n.note?.trim() ? n.note : void 0;
+      return e.items.find((s) => s.key === r) ? {
+        ...e,
+        items: e.items.map((s) => s.key === r ? { ...s, quantity: s.quantity + o, note: i ?? s.note } : s)
+      } : {
+        ...e,
+        items: [...e.items, { ...n.selection, key: r, quantity: o, ...i ? { note: i } : {} }]
+      };
+    }
+    case "replace": {
+      const r = e.items.findIndex((t) => t.key === n.key);
+      if (r === -1) return e;
+      const o = d(n.selection), i = Math.max(1, Math.round(n.quantity ?? 1)), u = n.note?.trim() ? n.note : void 0, s = n.note === void 0;
+      if (e.items.some((t, y) => t.key === o && y !== r))
+        return {
+          ...e,
+          items: e.items.filter((t, y) => y !== r).map((t) => t.key === o ? { ...t, quantity: t.quantity + i, note: s ? t.note : u } : t)
+        };
+      const c = [...e.items];
+      return c[r] = { ...n.selection, key: o, quantity: i, ...u ? { note: u } : {} }, { ...e, items: c };
+    }
+    case "decrease":
+      return {
+        ...e,
+        items: e.items.flatMap((r) => r.key !== n.key ? [r] : r.quantity <= 1 ? [] : [{ ...r, quantity: r.quantity - 1 }])
+      };
+    case "remove":
+      return {
+        ...e,
+        items: e.items.filter((r) => r.key !== n.key)
+      };
+    case "set-note":
+      return {
+        ...e,
+        items: e.items.map((r) => r.key === n.key ? { ...r, note: n.note } : r)
+      };
+    case "set-order-note":
+      return { ...e, orderNote: n.note };
+    case "open":
+      return { ...e, isOpen: !0 };
+    case "close":
+      return { ...e, isOpen: !1 };
+    case "clear":
+      return { ...e, items: [], isOpen: !1, orderNote: "" };
+    default:
+      return e;
+  }
+}
+export {
+  k as cartReducer,
+  l as initialCartState
+};

package/dist/cart/useCart.js

@@ -0,0 +1,10 @@
+import { useContext as r } from "react";
+import { CartContext as e } from "./cartContext.js";
+function i() {
+  const t = r(e);
+  if (!t) throw new Error("useCart must be used inside CartProvider");
+  return t;
+}
+export {
+  i as useCart
+};

package/dist/components/Brand.js

@@ -0,0 +1,16 @@
+import { jsxs as s, jsx as r } from "react/jsx-runtime";
+import a from "./Brand.module.css.js";
+import { useSiteConfig as i } from "../config/siteConfigContext.js";
+function c({ className: n }) {
+  const e = i();
+  return /* @__PURE__ */ s("a", { className: `${a.brand} ${n ?? ""}`, href: "#top", "aria-label": `${e.brandName} home`, children: [
+    /* @__PURE__ */ r("img", { className: a.logo, src: e.logoSrc, alt: "", "aria-hidden": "true" }),
+    /* @__PURE__ */ s("span", { className: a.copy, children: [
+      /* @__PURE__ */ r("span", { className: a.name, children: e.brandName }),
+      /* @__PURE__ */ r("span", { className: a.line, children: e.tagline })
+    ] })
+  ] });
+}
+export {
+  c as Brand
+};

package/dist/components/Brand.module.css.js

@@ -0,0 +1,15 @@
+const o = "_brand_18lzz_1", n = "_logo_18lzz_8", _ = "_copy_18lzz_17", l = "_name_18lzz_22", z = "_line_18lzz_30", c = {
+  brand: o,
+  logo: n,
+  copy: _,
+  name: l,
+  line: z
+};
+export {
+  o as brand,
+  _ as copy,
+  c as default,
+  z as line,
+  n as logo,
+  l as name
+};

package/dist/components/Footer.js

@@ -0,0 +1,19 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import e from "./Footer.module.css.js";
+import { useSiteConfig as s } from "../config/siteConfigContext.js";
+function a() {
+  const o = s();
+  return /* @__PURE__ */ r("footer", { className: e.footer, children: [
+    /* @__PURE__ */ r("p", { className: e.legal, children: [
+      "© ",
+      (/* @__PURE__ */ new Date()).getFullYear(),
+      " ",
+      o.brandName,
+      ". All rights reserved."
+    ] }),
+    /* @__PURE__ */ t("p", { className: e.note, children: o.footerNote })
+  ] });
+}
+export {
+  a as Footer
+};

package/dist/components/Footer.module.css.js

@@ -0,0 +1,11 @@
+const o = "_footer_km57l_1", t = "_legal_km57l_13", e = "_note_km57l_14", l = {
+  footer: o,
+  legal: t,
+  note: e
+};
+export {
+  l as default,
+  o as footer,
+  t as legal,
+  e as note
+};

package/dist/components/Header.js

@@ -0,0 +1,34 @@
+import { jsxs as i, jsx as r } from "react/jsx-runtime";
+import { useState as s, useEffect as h } from "react";
+import { Brand as p } from "./Brand.js";
+import { OrderIcon as w } from "./OrderIcon.js";
+import e from "./Header.module.css.js";
+import { useSiteConfig as g } from "../config/siteConfigContext.js";
+import { useOrdering as v } from "../config/useOrdering.js";
+function $() {
+  const a = g(), t = v(), [l, c] = s(!1), [d, m] = s(!1);
+  return h(() => {
+    const n = () => {
+      const f = document.querySelector("#menu"), u = window.matchMedia("(max-width: 980px)").matches, o = f?.getBoundingClientRect();
+      c(window.scrollY > 24), m(!!(o && o.top <= (u ? 12 : 84) && o.bottom > 180));
+    };
+    return n(), window.addEventListener("scroll", n, { passive: !0 }), window.addEventListener("resize", n), () => {
+      window.removeEventListener("scroll", n), window.removeEventListener("resize", n);
+    };
+  }, []), /* @__PURE__ */ i("header", { className: `${e.header} ${l ? e.scrolled : ""} ${d ? e.menuHidden : ""}`, children: [
+    /* @__PURE__ */ r(p, {}),
+    /* @__PURE__ */ i("nav", { className: e.nav, "aria-label": "Primary navigation", children: [
+      /* @__PURE__ */ r("a", { href: "#menu", children: "Menu" }),
+      /* @__PURE__ */ r("a", { href: "#restaurant", children: "Restaurant" }),
+      /* @__PURE__ */ r("a", { href: "#locations", children: "Location" }),
+      /* @__PURE__ */ r("a", { href: a.instagramUrl, target: "_blank", rel: "noreferrer", children: "Instagram" })
+    ] }),
+    t.href ? /* @__PURE__ */ i("a", { className: `${e.pill} ${t.isWhatsApp ? "" : e.externalPill}`, href: t.href, target: "_blank", rel: "noreferrer", children: [
+      t.shortLabel,
+      /* @__PURE__ */ r(w, { className: e.pillIcon })
+    ] }) : null
+  ] });
+}
+export {
+  $ as Header
+};

package/dist/components/Header.module.css.js

@@ -0,0 +1,19 @@
+const l = "_header_1o00h_1", e = "_scrolled_1o00h_19", n = "_nav_1o00h_26", o = "_pill_1o00h_42", _ = "_externalPill_1o00h_62", c = "_pillIcon_1o00h_68", s = "_menuHidden_1o00h_75", t = {
+  header: l,
+  scrolled: e,
+  nav: n,
+  pill: o,
+  externalPill: _,
+  pillIcon: c,
+  menuHidden: s
+};
+export {
+  t as default,
+  _ as externalPill,
+  l as header,
+  s as menuHidden,
+  n as nav,
+  o as pill,
+  c as pillIcon,
+  e as scrolled
+};

package/dist/components/Hero.js

@@ -0,0 +1,23 @@
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { OrderIcon as t } from "./OrderIcon.js";
+import r from "./Hero.module.css.js";
+import { useSiteConfig as l } from "../config/siteConfigContext.js";
+import { useOrdering as s } from "../config/useOrdering.js";
+function b() {
+  const i = l(), n = s();
+  return /* @__PURE__ */ e("section", { className: r.hero, "aria-labelledby": "hero-title", children: /* @__PURE__ */ o("div", { className: r.copy, children: [
+    /* @__PURE__ */ e("p", { className: "micro-label", children: i.heroEyebrow }),
+    /* @__PURE__ */ o("h1", { id: "hero-title", className: r.title, children: [
+      /* @__PURE__ */ e("strong", { children: i.brandName }),
+      /* @__PURE__ */ e("span", { children: i.tagline })
+    ] }),
+    /* @__PURE__ */ e("p", { className: r.subline, children: i.heroSubline }),
+    /* @__PURE__ */ e("div", { className: r.actions, children: n.href ? /* @__PURE__ */ o("a", { className: `button ${n.isWhatsApp ? "button-whatsapp" : "button-order"}`, href: n.href, target: "_blank", rel: "noreferrer", children: [
+      n.label,
+      /* @__PURE__ */ e(t, { className: "button-icon" })
+    ] }) : /* @__PURE__ */ e("a", { className: "button button-fill", href: "#menu", children: "View menu" }) })
+  ] }) });
+}
+export {
+  b as Hero
+};

package/dist/components/Hero.module.css.js

@@ -0,0 +1,15 @@
+const o = "_hero_1fwou_1", t = "_copy_1fwou_33", s = "_title_1fwou_40", _ = "_subline_1fwou_64", c = "_actions_1fwou_72", e = {
+  hero: o,
+  copy: t,
+  title: s,
+  subline: _,
+  actions: c
+};
+export {
+  c as actions,
+  t as copy,
+  e as default,
+  o as hero,
+  _ as subline,
+  s as title
+};