restaurant-kit 0.1.0

package/dist/menu/menuIcons.js

@@ -0,0 +1,24 @@
+import { GlassWater as i, CakeSlice as e, Soup as l, Drumstick as r, Sandwich as a, Beef as t, Utensils as n } from "lucide-react";
+const d = {
+  plate: n,
+  burger: t,
+  wrap: a,
+  chicken: r,
+  platter: l,
+  fries: e,
+  kids: e,
+  drink: i
+}, c = [
+  { id: "plate", label: "Plate" },
+  { id: "burger", label: "Burger" },
+  { id: "wrap", label: "Wrap" },
+  { id: "chicken", label: "Chicken" },
+  { id: "platter", label: "Platter" },
+  { id: "fries", label: "Fries" },
+  { id: "kids", label: "Kids" },
+  { id: "drink", label: "Drink" }
+];
+export {
+  c as menuIconOptions,
+  d as menuIcons
+};

package/dist/menu/menuMutations.js

@@ -0,0 +1,99 @@
+import { normalizeOrder as f, sortByOrder as u, renumberSections as g } from "./menuOrdering.js";
+function p(r, e) {
+  return {
+    ...r,
+    groups: [...r.groups, { ...e, order: r.groups.length }]
+  };
+}
+function l(r, e, i) {
+  return r.groups.some((t) => t.id === e) ? {
+    ...r,
+    groups: r.groups.map((t) => t.id === e ? { ...t, ...i } : t)
+  } : r;
+}
+function M(r, e) {
+  return e === "all" || r.categories.some((i) => i.groupId === e) ? r : {
+    ...r,
+    groups: f(u(r.groups.filter((i) => i.id !== e)))
+  };
+}
+function z(r, e) {
+  const i = r.categories.filter((t) => t.groupId === e.groupId).length;
+  return {
+    ...r,
+    categories: [...r.categories, { ...e, order: i }]
+  };
+}
+function C(r, e, i) {
+  const t = r.categories.find((d) => d.id === e);
+  if (!t) return r;
+  const o = i.groupId ?? t.groupId, n = o !== t.groupId, s = Math.max(
+    -1,
+    ...r.categories.filter((d) => d.id !== e && d.groupId === o).map((d) => d.order)
+  ) + 1;
+  return g({
+    ...r,
+    categories: r.categories.map((d) => d.id === e ? { ...d, ...i, order: n ? s : i.order ?? d.order } : d)
+  });
+}
+function G(r, e) {
+  return r.items.some((i) => i.categoryId === e) || !r.categories.some((i) => i.id === e) ? r : g({
+    ...r,
+    categories: r.categories.filter((i) => i.id !== e)
+  });
+}
+function b(r, e) {
+  const i = r.items.filter((t) => t.categoryId === e.categoryId).length;
+  return {
+    ...r,
+    items: [...r.items, { ...e, order: i }]
+  };
+}
+function c(r, e, i) {
+  return r.items.some((t) => t.id === e) ? {
+    ...r,
+    items: r.items.map((t) => t.id === e ? { ...t, ...i } : t)
+  } : r;
+}
+function S(r, e) {
+  const i = r.items.find((s) => s.id === e);
+  if (!i) return r;
+  const t = r.items.filter((s) => s.id !== e), o = f(u(t.filter((s) => s.categoryId === i.categoryId))), n = new Map(o.map((s) => [s.id, s]));
+  return {
+    ...r,
+    items: t.map((s) => n.get(s.id) ?? s)
+  };
+}
+function h(r, e, i) {
+  const t = r.items.find((o) => o.id === e);
+  return t ? c(r, e, {
+    pricingMode: "sizes",
+    sizes: [...t.sizes, { ...i, order: t.sizes.length }]
+  }) : r;
+}
+function O(r, e, i, t) {
+  const o = r.items.find((n) => n.id === e);
+  return !o || !o.sizes.some((n) => n.id === i) ? r : c(r, e, {
+    sizes: o.sizes.map((n) => n.id === i ? { ...n, ...t } : n)
+  });
+}
+function x(r, e, i) {
+  const t = r.items.find((o) => o.id === e);
+  return !t || !t.sizes.some((o) => o.id === i) ? r : c(r, e, {
+    sizes: f(u(t.sizes.filter((o) => o.id !== i)))
+  });
+}
+export {
+  z as addMenuCategory,
+  p as addMenuGroup,
+  b as addMenuItem,
+  h as addMenuSize,
+  G as deleteMenuCategory,
+  M as deleteMenuGroup,
+  S as deleteMenuItem,
+  x as deleteMenuSize,
+  C as updateMenuCategory,
+  l as updateMenuGroup,
+  c as updateMenuItem,
+  O as updateMenuSize
+};

package/dist/menu/menuOrdering.js

@@ -0,0 +1,94 @@
+function l(t) {
+  return [...t].sort((r, o) => r.order - o.order);
+}
+function u(t) {
+  return t.map((r, o) => ({ ...r, order: o }));
+}
+function g(t) {
+  const r = u(M(t).sections.map(({ section: i }) => i)), o = new Set(r.map((i) => i.id)), e = t.categories.filter((i) => !o.has(i.id));
+  return { ...t, categories: [...r, ...e] };
+}
+function M(t, r = {}) {
+  const o = r.includeHidden ?? !0, e = r.includeEmptySections ?? !0, i = l(o ? t.groups : t.groups.filter((s) => s.isVisible)), c = o ? t.categories : t.categories.filter((s) => s.isVisible), a = l(o ? t.items : t.items.filter((s) => s.isVisible)), n = /* @__PURE__ */ new Map();
+  for (const s of a) {
+    const f = n.get(s.categoryId) ?? [];
+    f.push(s), n.set(s.categoryId, f);
+  }
+  const p = /* @__PURE__ */ new Map();
+  for (const s of c) {
+    const f = n.get(s.id) ?? [];
+    if (!e && f.length === 0) continue;
+    const m = p.get(s.groupId) ?? [];
+    m.push({ section: s, items: f }), p.set(s.groupId, m);
+  }
+  const d = i.map((s) => ({
+    group: s,
+    sections: v(p.get(s.id) ?? [])
+  }));
+  return {
+    groups: d,
+    sections: d.flatMap((s) => s.sections)
+  };
+}
+function v(t) {
+  return [...t].sort((r, o) => r.section.order - o.section.order);
+}
+function h(t, r, o) {
+  if (r === "all") return t;
+  const e = t.groups.filter((p) => p.id === "all"), i = l(t.groups.filter((p) => p.id !== "all")), c = i.findIndex((p) => p.id === r), a = c + o;
+  if (!G(i, c, a)) return t;
+  const n = y([...e, ...I(i, c, a)]);
+  return g({ ...t, groups: n });
+}
+function x(t, r) {
+  const o = t.groups.filter((n) => n.id === "all"), e = l(t.groups.filter((n) => n.id !== "all")), i = new Map(e.map((n) => [n.id, n])), c = r.map((n) => i.get(n)).filter((n) => !!n);
+  if (c.length !== e.length || c.every((n, p) => n.id === e[p].id)) return t;
+  const a = y([...o, ...c]);
+  return g({ ...t, groups: a });
+}
+function S(t, r, o) {
+  const e = t.categories.find((n) => n.id === r);
+  if (!e) return t;
+  const i = l(t.categories.filter((n) => n.groupId === e.groupId)), c = i.findIndex((n) => n.id === r), a = c + o;
+  return G(i, c, a) ? b(t, I(i, c, a)) : t;
+}
+function B(t, r, o) {
+  if (r === o) return t;
+  const e = t.items.find((d) => d.id === r), i = t.items.find((d) => d.id === o);
+  if (!e || !i || e.categoryId !== i.categoryId) return t;
+  const c = l(t.items.filter((d) => d.categoryId === e.categoryId)), a = c.findIndex((d) => d.id === r), n = c.findIndex((d) => d.id === o);
+  if (!G(c, a, n)) return t;
+  const p = new Map(u(I(c, a, n)).map((d) => [d.id, d]));
+  return {
+    ...t,
+    items: t.items.map((d) => p.get(d.id) ?? d)
+  };
+}
+function y(t) {
+  const r = t.filter((e) => e.id === "all").map((e) => ({ ...e, order: 0 })), o = t.filter((e) => e.id !== "all");
+  return [...r, ...o.map((e, i) => ({ ...e, order: i + 1 }))];
+}
+function b(t, r) {
+  const o = new Map(u(r).map((e) => [e.id, e]));
+  return g({
+    ...t,
+    categories: t.categories.map((e) => o.get(e.id) ?? e)
+  });
+}
+function I(t, r, o) {
+  const e = [...t], [i] = e.splice(r, 1);
+  return e.splice(o, 0, i), e;
+}
+function G(t, r, o) {
+  return r >= 0 && o >= 0 && r < t.length && o < t.length && r !== o;
+}
+export {
+  M as getOrderedMenu,
+  h as moveGroup,
+  B as moveItemBefore,
+  S as moveSection,
+  u as normalizeOrder,
+  g as renumberSections,
+  x as setGroupOrder,
+  l as sortByOrder
+};

package/dist/menu/menuSchema.js

@@ -0,0 +1,4 @@
+const e = ["plate", "burger", "wrap", "chicken", "platter", "fries", "kids", "drink"];
+export {
+  e as menuIconIds
+};

package/dist/menu/priceFormat.js

@@ -0,0 +1,39 @@
+const m = /^\s*([\d,.]+)\s*(\$|usd|lbp|l\.l\.|ل\.ل)\s*$/i, a = /^\s*(\$|usd|lbp|l\.l\.|ل\.ل)\s*([\d,.]+)\s*$/i;
+function s(t, r) {
+  return new Intl.NumberFormat("en-US", {
+    useGrouping: r,
+    minimumFractionDigits: Number.isInteger(t) ? 0 : 2,
+    maximumFractionDigits: 2
+  }).format(t);
+}
+function f(t) {
+  return t === "$" || t.toUpperCase() === "USD" ? "USD" : "LBP";
+}
+function u(t) {
+  const r = t.trim(), n = r.match(m), e = r.match(a), c = n?.[1] ?? e?.[2] ?? r, o = f(n?.[2] ?? e?.[1] ?? "$"), i = Number.parseFloat(c.replaceAll(",", ""));
+  return !c || Number.isNaN(i) ? null : { amount: c, currency: o, numericAmount: i };
+}
+function l(t, r = "USD") {
+  const n = u(t);
+  return n ? { amount: n.amount, currency: n.currency } : { amount: "", currency: r };
+}
+function p(t, r) {
+  const n = t.trim();
+  return n ? r === "USD" ? n : `${n} LBP` : "";
+}
+function $(t) {
+  const r = u(t);
+  return r ? r.currency === "USD" ? `$${r.amount}` : `${r.amount} ${r.currency}` : "";
+}
+function P(t, r) {
+  const n = u(t);
+  if (!n) return "";
+  const e = s(n.numericAmount * r, n.amount.includes(","));
+  return n.currency === "USD" ? `$${e}` : `${e} ${n.currency}`;
+}
+export {
+  $ as formatPrice,
+  P as formatPriceTotal,
+  p as priceFromInput,
+  l as priceInputValue
+};

package/dist/menu/useMenuData.js

@@ -0,0 +1,38 @@
+import { createElement as M, useContext as d, createContext as D, useState as c, useEffect as h } from "react";
+import { useRestaurantKit as p } from "../config/siteConfigContext.js";
+import { readMenuDraft as x } from "./menuDraftStorage.js";
+const f = D(null);
+function g({ children: e, value: r }) {
+  return M(f.Provider, { value: r }, e);
+}
+function v(e) {
+  const { seedMenu: r, draftStorageKey: i, isLocalApi: s, publicMenuUrl: u } = p(), [l, o] = c(r), [m, n] = c("local");
+  return h(() => {
+    if (!e) return;
+    if (s) {
+      const t = x(i);
+      t && (o(t), n("draft"));
+      return;
+    }
+    if (!u) return;
+    let a = !0;
+    return n("loading"), fetch(u, { cache: "no-store" }).then((t) => {
+      if (!t.ok) throw new Error(`Menu request failed: ${t.status}`);
+      return t.json();
+    }).then((t) => {
+      a && (o(t), n("remote"));
+    }).catch(() => {
+      a && (o(r), n("fallback"));
+    }), () => {
+      a = !1;
+    };
+  }, [i, e, s, u, r]), { menu: l, status: m };
+}
+function k() {
+  const e = d(f), r = v(!e);
+  return e ?? r;
+}
+export {
+  g as MenuDataProvider,
+  k as useMenuData
+};

package/dist/menu/validateMenu.js

@@ -0,0 +1,63 @@
+import { menuIconIds as m } from "./menuSchema.js";
+function z(t) {
+  const r = [], e = (s, a) => r.push({ path: s, message: a });
+  if (!$(t))
+    return e("", "Menu must be an object."), r;
+  if (t.schemaVersion !== 1 && e("schemaVersion", "Must be 1."), typeof t.updatedAt != "string" && e("updatedAt", "Must be an ISO date string."), !$(t.restaurant))
+    e("restaurant", "Must be an object.");
+  else
+    for (const s of ["id", "name", "tagline", "phone", "whatsapp", "address"])
+      typeof t.restaurant[s] != "string" && e(`restaurant.${s}`, "Must be a string.");
+  const n = u(t.groups, "groups", e), o = u(t.categories, "categories", e), g = u(t.items, "items", e), l = t.testimonials === void 0 ? [] : u(t.testimonials, "testimonials", e), M = d(n, "groups", e), y = d(o, "categories", e);
+  return d(g, "items", e), d(l, "testimonials", e), n.forEach((s, a) => {
+    const i = `groups[${a}]`;
+    f(s, i, ["label"], e), p(s, i, e), m.includes(s.icon) || e(`${i}.icon`, `Must be one of: ${m.join(", ")}.`);
+  }), o.forEach((s, a) => {
+    const i = `categories[${a}]`;
+    f(s, i, ["title"], e), p(s, i, e), M.has(s.groupId) || e(`${i}.groupId`, `No group with id "${String(s.groupId)}".`);
+  }), g.forEach((s, a) => {
+    const i = `items[${a}]`;
+    f(s, i, ["title", "description", "image", "price"], e), p(s, i, e), y.has(s.categoryId) || e(`${i}.categoryId`, `No category with id "${String(s.categoryId)}".`), s.pricingMode !== "single" && s.pricingMode !== "sizes" && e(`${i}.pricingMode`, 'Must be "single" or "sizes".');
+    const c = u(s.sizes, `${i}.sizes`, e);
+    s.pricingMode === "sizes" && c.length === 0 && e(`${i}.sizes`, 'Needs at least one size when pricingMode is "sizes".'), d(c, `${i}.sizes`, e), c.forEach((b, I) => {
+      const h = `${i}.sizes[${I}]`;
+      f(b, h, ["id", "label", "price"], e), typeof b.order != "number" && e(`${h}.order`, "Must be a number.");
+    }), s.removableIngredients !== void 0 && !(Array.isArray(s.removableIngredients) && s.removableIngredients.every((b) => typeof b == "string")) && e(`${i}.removableIngredients`, "Must be an array of strings.");
+  }), l.forEach((s, a) => {
+    const i = `testimonials[${a}]`;
+    f(s, i, ["author", "text"], e), p(s, i, e);
+    const c = s.rating;
+    (typeof c != "number" || !Number.isInteger(c) || c < 1 || c > 5) && e(`${i}.rating`, "Must be a whole number from 1 to 5.");
+  }), r;
+}
+function A(t) {
+  const r = z(t);
+  if (r.length === 0) return;
+  const e = r.map((n) => `  - ${n.path || "(root)"}: ${n.message}`);
+  throw new Error(`Invalid menu (${r.length} issue${r.length === 1 ? "" : "s"}):
+${e.join(`
+`)}`);
+}
+function $(t) {
+  return typeof t == "object" && t !== null && !Array.isArray(t);
+}
+function u(t, r, e) {
+  return Array.isArray(t) ? t.filter((n, o) => $(n) ? !0 : (e(`${r}[${o}]`, "Must be an object."), !1)) : (e(r, "Must be an array."), []);
+}
+function d(t, r, e) {
+  const n = /* @__PURE__ */ new Set();
+  return t.forEach((o, g) => {
+    n.has(o.id) && e(`${r}[${g}].id`, `Duplicate id "${String(o.id)}".`), n.add(o.id);
+  }), n;
+}
+function p(t, r, e) {
+  (typeof t.id != "string" || t.id === "") && e(`${r}.id`, "Must be a non-empty string."), typeof t.order != "number" && e(`${r}.order`, "Must be a number."), typeof t.isVisible != "boolean" && e(`${r}.isVisible`, "Must be a boolean.");
+}
+function f(t, r, e, n) {
+  for (const o of e)
+    typeof t[o] != "string" && n(`${r}.${o}`, "Must be a string.");
+}
+export {
+  A as assertValidMenu,
+  z as validateMenu
+};

package/dist/menu-browser/MenuBrowser.js

@@ -0,0 +1,54 @@
+import { jsx as i, jsxs as a } from "react/jsx-runtime";
+import { menuIcons as g } from "../menu/menuIcons.js";
+import { cx as o } from "../utils.js";
+import l from "./MenuBrowser.module.css.js";
+import { MenuCategoryBlock as C } from "./MenuCategoryBlock.js";
+import { useMenuBrowserState as k } from "./useMenuBrowserState.js";
+function G({ menu: t }) {
+  const { activeGroup: c, catalogRef: d, controlStripRef: m, groupLabels: u, handleGroupClick: p, isTabsStuck: b, openCategories: h, tabsRef: v, toggleCategory: f, visibleCategories: s, visibleGroups: N } = k(t);
+  return /* @__PURE__ */ i("section", { className: `section ${l.section}`, id: "menu", "aria-labelledby": "menu-title", children: /* @__PURE__ */ a("div", { className: "section-inner", children: [
+    /* @__PURE__ */ i("div", { className: l.topline, children: /* @__PURE__ */ a("div", { children: [
+      /* @__PURE__ */ i("p", { className: "micro-label", children: "Full menu" }),
+      /* @__PURE__ */ i("h2", { id: "menu-title", children: "Choose your craving." })
+    ] }) }),
+    /* @__PURE__ */ a("div", { className: l.browser, children: [
+      /* @__PURE__ */ i("div", { className: o(l.controlStrip, b && l.stuckControlStrip), ref: m, children: /* @__PURE__ */ i("div", { className: l.tabs, role: "tablist", "aria-label": "Menu cravings", ref: v, children: N.map((e) => {
+        const r = g[e.icon], n = e.id === c;
+        return /* @__PURE__ */ a(
+          "button",
+          {
+            className: o(l.tab, n && l.activeTab),
+            type: "button",
+            role: "tab",
+            "aria-selected": n,
+            "data-group": e.id,
+            onClick: () => p(e.id),
+            children: [
+              /* @__PURE__ */ i("span", { className: l.tabIcon, children: /* @__PURE__ */ i(r, { "aria-hidden": "true" }) }),
+              /* @__PURE__ */ i("span", { className: l.tabLabel, children: e.label })
+            ]
+          },
+          e.id
+        );
+      }) }) }),
+      /* @__PURE__ */ i("div", { className: l.catalog, ref: d, children: s.length ? s.map(({ category: e, items: r }) => /* @__PURE__ */ i(
+        C,
+        {
+          category: e,
+          groupId: e.groupId,
+          groupLabel: u.get(e.groupId) ?? e.groupId,
+          isOpen: h.includes(e.id),
+          items: r,
+          onToggle: () => f(e.id)
+        },
+        e.id
+      )) : /* @__PURE__ */ a("div", { className: l.empty, children: [
+        /* @__PURE__ */ i("h3", { children: "No menu items." }),
+        /* @__PURE__ */ i("p", { children: "Check back soon." })
+      ] }) })
+    ] })
+  ] }) });
+}
+export {
+  G as MenuBrowser
+};

package/dist/menu-browser/MenuBrowser.module.css.js

@@ -0,0 +1,153 @@
+const t = "_section_jjdh9_1", e = "_topline_jjdh9_17", o = "_browser_jjdh9_26", _ = "_controlStrip_jjdh9_30", s = "_tabs_jjdh9_44", n = "_tab_jjdh9_44", h = "_tabIcon_jjdh9_77", c = "_tabLabel_jjdh9_92", d = "_activeTab_jjdh9_99", j = "_catalog_jjdh9_109", r = "_categoryBlock_jjdh9_114", a = "_categoryHeading_jjdh9_120", i = "_toggleMeta_jjdh9_165", l = "_itemCount_jjdh9_172", b = "_chevron_jjdh9_179", g = "_openCategory_jjdh9_186", w = "_categoryContent_jjdh9_190", m = "_grid_jjdh9_203", p = "_rowList_jjdh9_204", C = "_card_jjdh9_220", y = "_clickableCard_jjdh9_228", T = "_noImageCard_jjdh9_256", H = "_media_jjdh9_261", S = "_zoomHint_jjdh9_275", u = "_cardBody_jjdh9_308", v = "_price_jjdh9_336", A = "_variationTabs_jjdh9_355", I = "_variationTab_jjdh9_355", x = "_selectedVariationTab_jjdh9_403", B = "_cardActions_jjdh9_413", L = "_customizeHint_jjdh9_417", k = "_customizeHintChip_jjdh9_428", z = "_bottomCardActions_jjdh9_452", M = "_addButton_jjdh9_456", D = "_itemStepper_jjdh9_487", N = "_empty_jjdh9_528", O = "_stuckControlStrip_jjdh9_571", R = "_lightbox_jjdh9_678", V = "_lightboxImage_jjdh9_691", F = "_lightboxClose_jjdh9_699", P = "_lightboxAdd_jjdh9_719", Q = "_row_jjdh9_204", f = "_rowMain_jjdh9_763", q = "_rowText_jjdh9_781", E = "_rowTitle_jjdh9_788", G = "_rowDesc_jjdh9_797", J = "_rowPrice_jjdh9_807", K = "_rowSizeHint_jjdh9_815", U = "_rowMediaCell_jjdh9_823", W = "_rowThumb_jjdh9_830", X = "_rowAdd_jjdh9_849", Y = "_rowAddInline_jjdh9_866", Z = "_rowQty_jjdh9_889", $ = "_sheetLayer_jjdh9_905", tt = "_sheetVeil_jjdh9_911", et = "_sheet_jjdh9_905", ot = "_sheetScroll_jjdh9_945", _t = "_sheetHero_jjdh9_997", st = "_sheetClose_jjdh9_1026", nt = "_sheetBody_jjdh9_1052", ht = "_plainSheetBody_jjdh9_1056", ct = "_sheetHeader_jjdh9_1060", dt = "_sheetDesc_jjdh9_1078", jt = "_sheetInCart_jjdh9_1084", rt = "_sheetNoteLabel_jjdh9_1112", at = "_sheetRemovables_jjdh9_1125", it = "_sheetRemovable_jjdh9_1125", lt = "_sheetNote_jjdh9_1112", bt = "_sheetFooter_jjdh9_1189", gt = "_sheetStepper_jjdh9_1197", wt = "_sheetAdd_jjdh9_1239", mt = "_sheetOrderLink_jjdh9_1259", pt = "_sheetOrderIcon_jjdh9_1271", Ct = "_sheetTotal_jjdh9_1287", yt = {
+  section: t,
+  topline: e,
+  browser: o,
+  controlStrip: _,
+  tabs: s,
+  tab: n,
+  tabIcon: h,
+  tabLabel: c,
+  activeTab: d,
+  catalog: j,
+  categoryBlock: r,
+  categoryHeading: a,
+  toggleMeta: i,
+  itemCount: l,
+  chevron: b,
+  openCategory: g,
+  categoryContent: w,
+  grid: m,
+  rowList: p,
+  card: C,
+  clickableCard: y,
+  noImageCard: T,
+  media: H,
+  zoomHint: S,
+  cardBody: u,
+  price: v,
+  variationTabs: A,
+  variationTab: I,
+  selectedVariationTab: x,
+  cardActions: B,
+  customizeHint: L,
+  customizeHintChip: k,
+  bottomCardActions: z,
+  addButton: M,
+  itemStepper: D,
+  empty: N,
+  stuckControlStrip: O,
+  lightbox: R,
+  lightboxImage: V,
+  lightboxClose: F,
+  lightboxAdd: P,
+  row: Q,
+  rowMain: f,
+  rowText: q,
+  rowTitle: E,
+  rowDesc: G,
+  rowPrice: J,
+  rowSizeHint: K,
+  rowMediaCell: U,
+  rowThumb: W,
+  rowAdd: X,
+  rowAddInline: Y,
+  rowQty: Z,
+  sheetLayer: $,
+  sheetVeil: tt,
+  sheet: et,
+  sheetScroll: ot,
+  sheetHero: _t,
+  sheetClose: st,
+  sheetBody: nt,
+  plainSheetBody: ht,
+  sheetHeader: ct,
+  sheetDesc: dt,
+  sheetInCart: jt,
+  sheetNoteLabel: rt,
+  sheetRemovables: at,
+  sheetRemovable: it,
+  sheetNote: lt,
+  sheetFooter: bt,
+  sheetStepper: gt,
+  sheetAdd: wt,
+  sheetOrderLink: mt,
+  sheetOrderIcon: pt,
+  sheetTotal: Ct
+};
+export {
+  d as activeTab,
+  M as addButton,
+  z as bottomCardActions,
+  o as browser,
+  C as card,
+  B as cardActions,
+  u as cardBody,
+  j as catalog,
+  r as categoryBlock,
+  w as categoryContent,
+  a as categoryHeading,
+  b as chevron,
+  y as clickableCard,
+  _ as controlStrip,
+  L as customizeHint,
+  k as customizeHintChip,
+  yt as default,
+  N as empty,
+  m as grid,
+  l as itemCount,
+  D as itemStepper,
+  R as lightbox,
+  P as lightboxAdd,
+  F as lightboxClose,
+  V as lightboxImage,
+  H as media,
+  T as noImageCard,
+  g as openCategory,
+  ht as plainSheetBody,
+  v as price,
+  Q as row,
+  X as rowAdd,
+  Y as rowAddInline,
+  G as rowDesc,
+  p as rowList,
+  f as rowMain,
+  U as rowMediaCell,
+  J as rowPrice,
+  Z as rowQty,
+  K as rowSizeHint,
+  q as rowText,
+  W as rowThumb,
+  E as rowTitle,
+  t as section,
+  x as selectedVariationTab,
+  et as sheet,
+  wt as sheetAdd,
+  nt as sheetBody,
+  st as sheetClose,
+  dt as sheetDesc,
+  bt as sheetFooter,
+  ct as sheetHeader,
+  _t as sheetHero,
+  jt as sheetInCart,
+  $ as sheetLayer,
+  lt as sheetNote,
+  rt as sheetNoteLabel,
+  pt as sheetOrderIcon,
+  mt as sheetOrderLink,
+  it as sheetRemovable,
+  at as sheetRemovables,
+  ot as sheetScroll,
+  gt as sheetStepper,
+  Ct as sheetTotal,
+  tt as sheetVeil,
+  O as stuckControlStrip,
+  n as tab,
+  h as tabIcon,
+  c as tabLabel,
+  s as tabs,
+  i as toggleMeta,
+  e as topline,
+  I as variationTab,
+  A as variationTabs,
+  S as zoomHint
+};

package/dist/menu-browser/MenuCard.js

@@ -0,0 +1,106 @@
+import { jsxs as r, jsx as t } from "react/jsx-runtime";
+import { SlidersHorizontal as z, Info as $, Minus as x, Plus as P } from "lucide-react";
+import { useState as A } from "react";
+import { cartSelectionKey as M } from "../cart/cartOrder.js";
+import { useCart as T } from "../cart/useCart.js";
+import { useOrdering as B } from "../config/useOrdering.js";
+import { cx as u } from "../utils.js";
+import i from "./MenuBrowser.module.css.js";
+import { sortedSizes as D, imageSrc as H, variationLabel as K } from "./menuItemDisplay.js";
+import { formatPrice as g } from "../menu/priceFormat.js";
+function J({ item: a, onOpen: l }) {
+  const p = !!a.image, n = D(a), [h, C] = A(n[0]?.id ?? ""), d = n.find((e) => e.id === h) ?? n[0], N = d?.price ?? a.price, m = n.length > 1, { addItem: b, decreaseItem: S, getQuantity: I } = T(), { cartEnabled: o } = B(), c = {
+    itemId: a.id,
+    itemName: a.title,
+    variationId: d?.id,
+    variationName: d?.label
+  }, k = M(c), f = I(c), s = (e) => e.stopPropagation();
+  return /* @__PURE__ */ r(
+    "article",
+    {
+      className: u(i.card, !p && i.noImageCard, l && i.clickableCard),
+      ...l ? {
+        role: "button",
+        tabIndex: 0,
+        "aria-label": `${o ? "Customize" : "View"} ${a.title}`,
+        onClick: l,
+        onKeyDown: (e) => {
+          e.target === e.currentTarget && (e.key === "Enter" || e.key === " ") && (e.preventDefault(), l());
+        }
+      } : {},
+      children: [
+        p ? /* @__PURE__ */ r("div", { className: i.media, children: [
+          /* @__PURE__ */ t("img", { src: H(a.image), alt: a.title, loading: "lazy" }),
+          l ? /* @__PURE__ */ t("span", { className: i.customizeHint, "aria-hidden": "true", children: /* @__PURE__ */ r("span", { className: i.customizeHintChip, children: [
+            o ? /* @__PURE__ */ t(z, {}) : /* @__PURE__ */ t($, {}),
+            o ? "Customize" : "Details"
+          ] }) }) : null
+        ] }) : null,
+        /* @__PURE__ */ r("div", { className: i.cardBody, children: [
+          /* @__PURE__ */ r("header", { children: [
+            /* @__PURE__ */ t("h3", { children: a.title }),
+            m ? null : /* @__PURE__ */ t("span", { className: i.price, children: g(N) || "M.P." })
+          ] }),
+          a.description ? /* @__PURE__ */ t("p", { children: a.description }) : null,
+          m ? /* @__PURE__ */ t("div", { className: i.variationTabs, "aria-label": `${a.title} size`, children: n.map((e) => {
+            const y = e.id === h;
+            return /* @__PURE__ */ r(
+              "button",
+              {
+                className: u(i.variationTab, y && i.selectedVariationTab),
+                type: "button",
+                "aria-pressed": y,
+                onClick: (v) => {
+                  s(v), C(e.id);
+                },
+                children: [
+                  /* @__PURE__ */ t("span", { children: K(e) }),
+                  /* @__PURE__ */ t("strong", { children: g(e.price) })
+                ]
+              },
+              e.id
+            );
+          }) }) : null,
+          o ? /* @__PURE__ */ t("div", { className: u(i.cardActions, !m && i.bottomCardActions), children: f ? /* @__PURE__ */ r("div", { className: i.itemStepper, "aria-label": `${a.title} quantity`, children: [
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  s(e), S(k);
+                },
+                "aria-label": `Remove one ${a.title}`,
+                children: /* @__PURE__ */ t(x, { "aria-hidden": "true" })
+              }
+            ),
+            /* @__PURE__ */ t("span", { children: f }),
+            /* @__PURE__ */ t(
+              "button",
+              {
+                type: "button",
+                onClick: (e) => {
+                  s(e), b(c);
+                },
+                "aria-label": `Add one ${a.title}`,
+                children: /* @__PURE__ */ t(P, { "aria-hidden": "true" })
+              }
+            )
+          ] }) : /* @__PURE__ */ t(
+            "button",
+            {
+              className: i.addButton,
+              type: "button",
+              onClick: (e) => {
+                s(e), b(c);
+              },
+              children: "Add to cart"
+            }
+          ) }) : null
+        ] })
+      ]
+    }
+  );
+}
+export {
+  J as MenuCard
+};