@zorgo/next 1.0.0

package/dist/components.mjs

@@ -0,0 +1,1962 @@
+"use client";
+
+// src/components/CookieConsent.tsx
+import { useEffect as useEffect2, useState as useState2 } from "react";
+
+// ../../node_modules/@headlessui/react/dist/utils/env.js
+var i = Object.defineProperty;
+var d = (t6, e, n3) => e in t6 ? i(t6, e, { enumerable: true, configurable: true, writable: true, value: n3 }) : t6[e] = n3;
+var r = (t6, e, n3) => (d(t6, typeof e != "symbol" ? e + "" : e, n3), n3);
+var o = class {
+  constructor() {
+    r(this, "current", this.detect());
+    r(this, "handoffState", "pending");
+    r(this, "currentId", 0);
+  }
+  set(e) {
+    this.current !== e && (this.handoffState = "pending", this.currentId = 0, this.current = e);
+  }
+  reset() {
+    this.set(this.detect());
+  }
+  nextId() {
+    return ++this.currentId;
+  }
+  get isServer() {
+    return this.current === "server";
+  }
+  get isClient() {
+    return this.current === "client";
+  }
+  detect() {
+    return typeof window == "undefined" || typeof document == "undefined" ? "server" : "client";
+  }
+  handoff() {
+    this.handoffState === "pending" && (this.handoffState = "complete");
+  }
+  get isHandoffComplete() {
+    return this.handoffState === "complete";
+  }
+};
+var s = new o();
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-disposables.js
+import { useEffect as s2, useState as o3 } from "react";
+
+// ../../node_modules/@headlessui/react/dist/utils/micro-task.js
+function t(e) {
+  typeof queueMicrotask == "function" ? queueMicrotask(e) : Promise.resolve().then(e).catch((o5) => setTimeout(() => {
+    throw o5;
+  }));
+}
+
+// ../../node_modules/@headlessui/react/dist/utils/disposables.js
+function o2() {
+  let s5 = [], r4 = { addEventListener(e, t6, n3, i4) {
+    return e.addEventListener(t6, n3, i4), r4.add(() => e.removeEventListener(t6, n3, i4));
+  }, requestAnimationFrame(...e) {
+    let t6 = requestAnimationFrame(...e);
+    return r4.add(() => cancelAnimationFrame(t6));
+  }, nextFrame(...e) {
+    return r4.requestAnimationFrame(() => r4.requestAnimationFrame(...e));
+  }, setTimeout(...e) {
+    let t6 = setTimeout(...e);
+    return r4.add(() => clearTimeout(t6));
+  }, microTask(...e) {
+    let t6 = { current: true };
+    return t(() => {
+      t6.current && e[0]();
+    }), r4.add(() => {
+      t6.current = false;
+    });
+  }, style(e, t6, n3) {
+    let i4 = e.style.getPropertyValue(t6);
+    return Object.assign(e.style, { [t6]: n3 }), this.add(() => {
+      Object.assign(e.style, { [t6]: i4 });
+    });
+  }, group(e) {
+    let t6 = o2();
+    return e(t6), this.add(() => t6.dispose());
+  }, add(e) {
+    return s5.includes(e) || s5.push(e), () => {
+      let t6 = s5.indexOf(e);
+      if (t6 >= 0) for (let n3 of s5.splice(t6, 1)) n3();
+    };
+  }, dispose() {
+    for (let e of s5.splice(0)) e();
+  } };
+  return r4;
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-disposables.js
+function p() {
+  let [e] = o3(o2);
+  return s2(() => () => e.dispose(), [e]), e;
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-event.js
+import a from "react";
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-latest-value.js
+import { useRef as t2 } from "react";
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-iso-morphic-effect.js
+import { useEffect as f, useLayoutEffect as c } from "react";
+var n = (e, t6) => {
+  s.isServer ? f(e, t6) : c(e, t6);
+};
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-latest-value.js
+function s3(e) {
+  let r4 = t2(e);
+  return n(() => {
+    r4.current = e;
+  }, [e]), r4;
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-event.js
+var o4 = function(t6) {
+  let e = s3(t6);
+  return a.useCallback((...r4) => e.current(...r4), [e]);
+};
+
+// ../../node_modules/@headlessui/react/dist/utils/render.js
+import E, { Fragment as j, cloneElement as v, createElement as S, forwardRef as w, isValidElement as k, useCallback as x, useRef as M } from "react";
+
+// ../../node_modules/@headlessui/react/dist/utils/class-names.js
+function t3(...r4) {
+  return Array.from(new Set(r4.flatMap((n3) => typeof n3 == "string" ? n3.split(" ") : []))).filter(Boolean).join(" ");
+}
+
+// ../../node_modules/@headlessui/react/dist/utils/match.js
+function u(r4, n3, ...a2) {
+  if (r4 in n3) {
+    let e = n3[r4];
+    return typeof e == "function" ? e(...a2) : e;
+  }
+  let t6 = new Error(`Tried to handle "${r4}" but there is no handler defined. Only defined handlers are: ${Object.keys(n3).map((e) => `"${e}"`).join(", ")}.`);
+  throw Error.captureStackTrace && Error.captureStackTrace(t6, u), t6;
+}
+
+// ../../node_modules/@headlessui/react/dist/utils/render.js
+var A = ((a2) => (a2[a2.None = 0] = "None", a2[a2.RenderStrategy = 1] = "RenderStrategy", a2[a2.Static = 2] = "Static", a2))(A || {});
+var C = ((e) => (e[e.Unmount = 0] = "Unmount", e[e.Hidden = 1] = "Hidden", e))(C || {});
+function K() {
+  let n3 = $();
+  return x((r4) => U({ mergeRefs: n3, ...r4 }), [n3]);
+}
+function U({ ourProps: n3, theirProps: r4, slot: e, defaultTag: a2, features: s5, visible: t6 = true, name: l4, mergeRefs: i4 }) {
+  i4 = i4 != null ? i4 : I;
+  let o5 = P(r4, n3);
+  if (t6) return F(o5, e, a2, l4, i4);
+  let y2 = s5 != null ? s5 : 0;
+  if (y2 & 2) {
+    let { static: f3 = false, ...u4 } = o5;
+    if (f3) return F(u4, e, a2, l4, i4);
+  }
+  if (y2 & 1) {
+    let { unmount: f3 = true, ...u4 } = o5;
+    return u(f3 ? 0 : 1, { [0]() {
+      return null;
+    }, [1]() {
+      return F({ ...u4, hidden: true, style: { display: "none" } }, e, a2, l4, i4);
+    } });
+  }
+  return F(o5, e, a2, l4, i4);
+}
+function F(n3, r4 = {}, e, a2, s5) {
+  let { as: t6 = e, children: l4, refName: i4 = "ref", ...o5 } = h(n3, ["unmount", "static"]), y2 = n3.ref !== void 0 ? { [i4]: n3.ref } : {}, f3 = typeof l4 == "function" ? l4(r4) : l4;
+  "className" in o5 && o5.className && typeof o5.className == "function" && (o5.className = o5.className(r4)), o5["aria-labelledby"] && o5["aria-labelledby"] === o5.id && (o5["aria-labelledby"] = void 0);
+  let u4 = {};
+  if (r4) {
+    let d3 = false, p2 = [];
+    for (let [c6, T2] of Object.entries(r4)) typeof T2 == "boolean" && (d3 = true), T2 === true && p2.push(c6.replace(/([A-Z])/g, (g) => `-${g.toLowerCase()}`));
+    if (d3) {
+      u4["data-headlessui-state"] = p2.join(" ");
+      for (let c6 of p2) u4[`data-${c6}`] = "";
+    }
+  }
+  if (b(t6) && (Object.keys(m(o5)).length > 0 || Object.keys(m(u4)).length > 0)) if (!k(f3) || Array.isArray(f3) && f3.length > 1 || D(f3)) {
+    if (Object.keys(m(o5)).length > 0) throw new Error(['Passing props on "Fragment"!', "", `The current component <${a2} /> is rendering a "Fragment".`, "However we need to passthrough the following props:", Object.keys(m(o5)).concat(Object.keys(m(u4))).map((d3) => `  - ${d3}`).join(`
+`), "", "You can apply a few solutions:", ['Add an `as="..."` prop, to ensure that we render an actual element instead of a "Fragment".', "Render a single element as the child so that we can forward the props onto that element."].map((d3) => `  - ${d3}`).join(`
+`)].join(`
+`));
+  } else {
+    let d3 = f3.props, p2 = d3 == null ? void 0 : d3.className, c6 = typeof p2 == "function" ? (...R) => t3(p2(...R), o5.className) : t3(p2, o5.className), T2 = c6 ? { className: c6 } : {}, g = P(f3.props, m(h(o5, ["ref"])));
+    for (let R in u4) R in g && delete u4[R];
+    return v(f3, Object.assign({}, g, u4, y2, { ref: s5(H(f3), y2.ref) }, T2));
+  }
+  return S(t6, Object.assign({}, h(o5, ["ref"]), !b(t6) && y2, !b(t6) && u4), f3);
+}
+function $() {
+  let n3 = M([]), r4 = x((e) => {
+    for (let a2 of n3.current) a2 != null && (typeof a2 == "function" ? a2(e) : a2.current = e);
+  }, []);
+  return (...e) => {
+    if (!e.every((a2) => a2 == null)) return n3.current = e, r4;
+  };
+}
+function I(...n3) {
+  return n3.every((r4) => r4 == null) ? void 0 : (r4) => {
+    for (let e of n3) e != null && (typeof e == "function" ? e(r4) : e.current = r4);
+  };
+}
+function P(...n3) {
+  var a2;
+  if (n3.length === 0) return {};
+  if (n3.length === 1) return n3[0];
+  let r4 = {}, e = {};
+  for (let s5 of n3) for (let t6 in s5) t6.startsWith("on") && typeof s5[t6] == "function" ? ((a2 = e[t6]) != null || (e[t6] = []), e[t6].push(s5[t6])) : r4[t6] = s5[t6];
+  if (r4.disabled || r4["aria-disabled"]) for (let s5 in e) /^(on(?:Click|Pointer|Mouse|Key)(?:Down|Up|Press)?)$/.test(s5) && (e[s5] = [(t6) => {
+    var l4;
+    return (l4 = t6 == null ? void 0 : t6.preventDefault) == null ? void 0 : l4.call(t6);
+  }]);
+  for (let s5 in e) Object.assign(r4, { [s5](t6, ...l4) {
+    let i4 = e[s5];
+    for (let o5 of i4) {
+      if ((t6 instanceof Event || (t6 == null ? void 0 : t6.nativeEvent) instanceof Event) && t6.defaultPrevented) return;
+      o5(t6, ...l4);
+    }
+  } });
+  return r4;
+}
+function Y(n3) {
+  var r4;
+  return Object.assign(w(n3), { displayName: (r4 = n3.displayName) != null ? r4 : n3.name });
+}
+function m(n3) {
+  let r4 = Object.assign({}, n3);
+  for (let e in r4) r4[e] === void 0 && delete r4[e];
+  return r4;
+}
+function h(n3, r4 = []) {
+  let e = Object.assign({}, n3);
+  for (let a2 of r4) a2 in e && delete e[a2];
+  return e;
+}
+function H(n3) {
+  return E.version.split(".")[0] >= "19" ? n3.props.ref : n3.ref;
+}
+function b(n3) {
+  return n3 === j || n3 === /* @__PURE__ */ Symbol.for("react.fragment");
+}
+function D(n3) {
+  return b(n3.type);
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-sync-refs.js
+import { useEffect as l, useRef as i2 } from "react";
+var u2 = /* @__PURE__ */ Symbol();
+function y(...t6) {
+  let n3 = i2(t6);
+  l(() => {
+    n3.current = t6;
+  }, [t6]);
+  let c6 = o4((e) => {
+    for (let o5 of n3.current) o5 != null && (typeof o5 == "function" ? o5(e) : o5.current = e);
+  });
+  return t6.every((e) => e == null || (e == null ? void 0 : e[u2])) ? void 0 : c6;
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-transition.js
+import { useRef as c3, useState as b3 } from "react";
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-flags.js
+import { useCallback as t4, useState as b2 } from "react";
+function c2(u4 = 0) {
+  let [r4, a2] = b2(u4), g = t4((e) => a2(e), []), s5 = t4((e) => a2((l4) => l4 | e), []), m2 = t4((e) => (r4 & e) === e, [r4]), n3 = t4((e) => a2((l4) => l4 & ~e), []), F2 = t4((e) => a2((l4) => l4 ^ e), []);
+  return { flags: r4, setFlag: g, addFlag: s5, hasFlag: m2, removeFlag: n3, toggleFlag: F2 };
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-transition.js
+var T;
+var S2;
+typeof process != "undefined" && typeof globalThis != "undefined" && typeof Element != "undefined" && ((T = process == null ? void 0 : process.env) == null ? void 0 : T["NODE_ENV"]) === "test" && typeof ((S2 = Element == null ? void 0 : Element.prototype) == null ? void 0 : S2.getAnimations) == "undefined" && (Element.prototype.getAnimations = function() {
+  return console.warn(["Headless UI has polyfilled `Element.prototype.getAnimations` for your tests.", "Please install a proper polyfill e.g. `jsdom-testing-mocks`, to silence these warnings.", "", "Example usage:", "```js", "import { mockAnimationsApi } from 'jsdom-testing-mocks'", "mockAnimationsApi()", "```"].join(`
+`)), [];
+});
+var A2 = ((i4) => (i4[i4.None = 0] = "None", i4[i4.Closed = 1] = "Closed", i4[i4.Enter = 2] = "Enter", i4[i4.Leave = 4] = "Leave", i4))(A2 || {});
+function x2(e) {
+  let r4 = {};
+  for (let t6 in e) e[t6] === true && (r4[`data-${t6}`] = "");
+  return r4;
+}
+function N(e, r4, t6, n3) {
+  let [i4, a2] = b3(t6), { hasFlag: s5, addFlag: o5, removeFlag: l4 } = c2(e && i4 ? 3 : 0), u4 = c3(false), f3 = c3(false), E2 = p();
+  return n(() => {
+    var d3;
+    if (e) {
+      if (t6 && a2(true), !r4) {
+        t6 && o5(3);
+        return;
+      }
+      return (d3 = n3 == null ? void 0 : n3.start) == null || d3.call(n3, t6), C2(r4, { inFlight: u4, prepare() {
+        f3.current ? f3.current = false : f3.current = u4.current, u4.current = true, !f3.current && (t6 ? (o5(3), l4(4)) : (o5(4), l4(2)));
+      }, run() {
+        f3.current ? t6 ? (l4(3), o5(4)) : (l4(4), o5(3)) : t6 ? l4(1) : o5(1);
+      }, done() {
+        var p2;
+        f3.current && D2(r4) || (u4.current = false, l4(7), t6 || a2(false), (p2 = n3 == null ? void 0 : n3.end) == null || p2.call(n3, t6));
+      } });
+    }
+  }, [e, t6, r4, E2]), e ? [i4, { closed: s5(1), enter: s5(2), leave: s5(4), transition: s5(2) || s5(4) }] : [t6, { closed: void 0, enter: void 0, leave: void 0, transition: void 0 }];
+}
+function C2(e, { prepare: r4, run: t6, done: n3, inFlight: i4 }) {
+  let a2 = o2();
+  return j2(e, { prepare: r4, inFlight: i4 }), a2.nextFrame(() => {
+    t6(), a2.requestAnimationFrame(() => {
+      a2.add(M2(e, n3));
+    });
+  }), a2.dispose;
+}
+function M2(e, r4) {
+  var a2, s5;
+  let t6 = o2();
+  if (!e) return t6.dispose;
+  let n3 = false;
+  t6.add(() => {
+    n3 = true;
+  });
+  let i4 = (s5 = (a2 = e.getAnimations) == null ? void 0 : a2.call(e).filter((o5) => o5 instanceof CSSTransition)) != null ? s5 : [];
+  return i4.length === 0 ? (r4(), t6.dispose) : (Promise.allSettled(i4.map((o5) => o5.finished)).then(() => {
+    n3 || r4();
+  }), t6.dispose);
+}
+function j2(e, { inFlight: r4, prepare: t6 }) {
+  if (r4 != null && r4.current) {
+    t6();
+    return;
+  }
+  let n3 = e.style.transition;
+  e.style.transition = "none", t6(), e.offsetHeight, e.style.transition = n3;
+}
+function D2(e) {
+  var t6, n3;
+  return ((n3 = (t6 = e.getAnimations) == null ? void 0 : t6.call(e)) != null ? n3 : []).some((i4) => i4 instanceof CSSTransition && i4.playState !== "finished");
+}
+
+// ../../node_modules/@headlessui/react/dist/internal/open-closed.js
+import r2, { createContext as l2, useContext as d2 } from "react";
+var n2 = l2(null);
+n2.displayName = "OpenClosedContext";
+var i3 = ((e) => (e[e.Open = 1] = "Open", e[e.Closed = 2] = "Closed", e[e.Closing = 4] = "Closing", e[e.Opening = 8] = "Opening", e))(i3 || {});
+function u3() {
+  return d2(n2);
+}
+function c4({ value: o5, children: t6 }) {
+  return r2.createElement(n2.Provider, { value: o5 }, t6);
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-server-handoff-complete.js
+import * as t5 from "react";
+function s4() {
+  let r4 = typeof document == "undefined";
+  return "useSyncExternalStore" in t5 ? ((o5) => o5.useSyncExternalStore)(t5)(() => () => {
+  }, () => false, () => !r4) : false;
+}
+function l3() {
+  let r4 = s4(), [e, n3] = t5.useState(s.isHandoffComplete);
+  return e && s.isHandoffComplete === false && n3(false), t5.useEffect(() => {
+    e !== true && n3(true);
+  }, [e]), t5.useEffect(() => s.handoff(), []), r4 ? false : e;
+}
+
+// ../../node_modules/@headlessui/react/dist/hooks/use-is-mounted.js
+import { useRef as r3 } from "react";
+function f2() {
+  let e = r3(false);
+  return n(() => (e.current = true, () => {
+    e.current = false;
+  }), []), e;
+}
+
+// ../../node_modules/@headlessui/react/dist/components/transition/transition.js
+import c5, { Fragment as k2, createContext as ne, useContext as q, useEffect as ge, useMemo as ie, useRef as b4, useState as O } from "react";
+function ue(e) {
+  var t6;
+  return !!(e.enter || e.enterFrom || e.enterTo || e.leave || e.leaveFrom || e.leaveTo) || !b((t6 = e.as) != null ? t6 : de) || c5.Children.count(e.children) === 1;
+}
+var V = ne(null);
+V.displayName = "TransitionContext";
+var De = ((n3) => (n3.Visible = "visible", n3.Hidden = "hidden", n3))(De || {});
+function He() {
+  let e = q(V);
+  if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e;
+}
+function Ae() {
+  let e = q(w2);
+  if (e === null) throw new Error("A <Transition.Child /> is used but it is missing a parent <Transition /> or <Transition.Root />.");
+  return e;
+}
+var w2 = ne(null);
+w2.displayName = "NestingContext";
+function M3(e) {
+  return "children" in e ? M3(e.children) : e.current.filter(({ el: t6 }) => t6.current !== null).filter(({ state: t6 }) => t6 === "visible").length > 0;
+}
+function Te(e, t6) {
+  let n3 = s3(e), l4 = b4([]), S3 = f2(), R = p(), d3 = o4((o5, i4 = C.Hidden) => {
+    let a2 = l4.current.findIndex(({ el: s5 }) => s5 === o5);
+    a2 !== -1 && (u(i4, { [C.Unmount]() {
+      l4.current.splice(a2, 1);
+    }, [C.Hidden]() {
+      l4.current[a2].state = "hidden";
+    } }), R.microTask(() => {
+      var s5;
+      !M3(l4) && S3.current && ((s5 = n3.current) == null || s5.call(n3));
+    }));
+  }), y2 = o4((o5) => {
+    let i4 = l4.current.find(({ el: a2 }) => a2 === o5);
+    return i4 ? i4.state !== "visible" && (i4.state = "visible") : l4.current.push({ el: o5, state: "visible" }), () => d3(o5, C.Unmount);
+  }), C3 = b4([]), p2 = b4(Promise.resolve()), h2 = b4({ enter: [], leave: [] }), g = o4((o5, i4, a2) => {
+    C3.current.splice(0), t6 && (t6.chains.current[i4] = t6.chains.current[i4].filter(([s5]) => s5 !== o5)), t6 == null || t6.chains.current[i4].push([o5, new Promise((s5) => {
+      C3.current.push(s5);
+    })]), t6 == null || t6.chains.current[i4].push([o5, new Promise((s5) => {
+      Promise.all(h2.current[i4].map(([r4, f3]) => f3)).then(() => s5());
+    })]), i4 === "enter" ? p2.current = p2.current.then(() => t6 == null ? void 0 : t6.wait.current).then(() => a2(i4)) : a2(i4);
+  }), v2 = o4((o5, i4, a2) => {
+    Promise.all(h2.current[i4].splice(0).map(([s5, r4]) => r4)).then(() => {
+      var s5;
+      (s5 = C3.current.shift()) == null || s5();
+    }).then(() => a2(i4));
+  });
+  return ie(() => ({ children: l4, register: y2, unregister: d3, onStart: g, onStop: v2, wait: p2, chains: h2 }), [y2, d3, l4, g, v2, h2, p2]);
+}
+var de = k2;
+var fe = A.RenderStrategy;
+function Fe(e, t6) {
+  var ee, te;
+  let { transition: n3 = true, beforeEnter: l4, afterEnter: S3, beforeLeave: R, afterLeave: d3, enter: y2, enterFrom: C3, enterTo: p2, entered: h2, leave: g, leaveFrom: v2, leaveTo: o5, ...i4 } = e, [a2, s5] = O(null), r4 = b4(null), f3 = ue(e), U2 = y(...f3 ? [r4, t6, s5] : t6 === null ? [] : [t6]), H2 = (ee = i4.unmount) == null || ee ? C.Unmount : C.Hidden, { show: u4, appear: z, initial: K2 } = He(), [m2, j3] = O(u4 ? "visible" : "hidden"), Q = Ae(), { register: A3, unregister: F2 } = Q;
+  n(() => A3(r4), [A3, r4]), n(() => {
+    if (H2 === C.Hidden && r4.current) {
+      if (u4 && m2 !== "visible") {
+        j3("visible");
+        return;
+      }
+      return u(m2, { ["hidden"]: () => F2(r4), ["visible"]: () => A3(r4) });
+    }
+  }, [m2, r4, A3, F2, u4, H2]);
+  let G = l3();
+  n(() => {
+    if (f3 && G && m2 === "visible" && r4.current === null) throw new Error("Did you forget to passthrough the `ref` to the actual DOM node?");
+  }, [r4, m2, G, f3]);
+  let ce = K2 && !z, Y2 = z && u4 && K2, B = b4(false), I2 = Te(() => {
+    B.current || (j3("hidden"), F2(r4));
+  }, Q), Z = o4((W) => {
+    B.current = true;
+    let L = W ? "enter" : "leave";
+    I2.onStart(r4, L, (_) => {
+      _ === "enter" ? l4 == null || l4() : _ === "leave" && (R == null || R());
+    });
+  }), $2 = o4((W) => {
+    let L = W ? "enter" : "leave";
+    B.current = false, I2.onStop(r4, L, (_) => {
+      _ === "enter" ? S3 == null || S3() : _ === "leave" && (d3 == null || d3());
+    }), L === "leave" && !M3(I2) && (j3("hidden"), F2(r4));
+  });
+  ge(() => {
+    f3 && n3 || (Z(u4), $2(u4));
+  }, [u4, f3, n3]);
+  let pe = /* @__PURE__ */ (() => !(!n3 || !f3 || !G || ce))(), [, T2] = N(pe, a2, u4, { start: Z, end: $2 }), Ce = m({ ref: U2, className: ((te = t3(i4.className, Y2 && y2, Y2 && C3, T2.enter && y2, T2.enter && T2.closed && C3, T2.enter && !T2.closed && p2, T2.leave && g, T2.leave && !T2.closed && v2, T2.leave && T2.closed && o5, !T2.transition && u4 && h2)) == null ? void 0 : te.trim()) || void 0, ...x2(T2) }), N2 = 0;
+  m2 === "visible" && (N2 |= i3.Open), m2 === "hidden" && (N2 |= i3.Closed), u4 && m2 === "hidden" && (N2 |= i3.Opening), !u4 && m2 === "visible" && (N2 |= i3.Closing);
+  let he = K();
+  return c5.createElement(w2.Provider, { value: I2 }, c5.createElement(c4, { value: N2 }, he({ ourProps: Ce, theirProps: i4, defaultTag: de, features: fe, visible: m2 === "visible", name: "Transition.Child" })));
+}
+function Ie(e, t6) {
+  let { show: n3, appear: l4 = false, unmount: S3 = true, ...R } = e, d3 = b4(null), y2 = ue(e), C3 = y(...y2 ? [d3, t6] : t6 === null ? [] : [t6]);
+  l3();
+  let p2 = u3();
+  if (n3 === void 0 && p2 !== null && (n3 = (p2 & i3.Open) === i3.Open), n3 === void 0) throw new Error("A <Transition /> is used but it is missing a `show={true | false}` prop.");
+  let [h2, g] = O(n3 ? "visible" : "hidden"), v2 = Te(() => {
+    n3 || g("hidden");
+  }), [o5, i4] = O(true), a2 = b4([n3]);
+  n(() => {
+    o5 !== false && a2.current[a2.current.length - 1] !== n3 && (a2.current.push(n3), i4(false));
+  }, [a2, n3]);
+  let s5 = ie(() => ({ show: n3, appear: l4, initial: o5 }), [n3, l4, o5]);
+  n(() => {
+    n3 ? g("visible") : !M3(v2) && d3.current !== null && g("hidden");
+  }, [n3, v2]);
+  let r4 = { unmount: S3 }, f3 = o4(() => {
+    var u4;
+    o5 && i4(false), (u4 = e.beforeEnter) == null || u4.call(e);
+  }), U2 = o4(() => {
+    var u4;
+    o5 && i4(false), (u4 = e.beforeLeave) == null || u4.call(e);
+  }), H2 = K();
+  return c5.createElement(w2.Provider, { value: v2 }, c5.createElement(V.Provider, { value: s5 }, H2({ ourProps: { ...r4, as: k2, children: c5.createElement(me, { ref: C3, ...r4, ...R, beforeEnter: f3, beforeLeave: U2 }) }, theirProps: {}, defaultTag: k2, features: fe, visible: h2 === "visible", name: "Transition" })));
+}
+function Le(e, t6) {
+  let n3 = q(V) !== null, l4 = u3() !== null;
+  return c5.createElement(c5.Fragment, null, !n3 && l4 ? c5.createElement(X, { ref: t6, ...e }) : c5.createElement(me, { ref: t6, ...e }));
+}
+var X = Y(Ie);
+var me = Y(Fe);
+var Oe = Y(Le);
+var Ke = Object.assign(X, { Child: Oe, Root: X });
+
+// src/components/CookieConsent.tsx
+import { useCustomer } from "@zorgo/next";
+import { jsx, jsxs } from "react/jsx-runtime";
+function CookieConsent() {
+  const { consentAnswered, setConsent } = useCustomer();
+  const [mounted, setMounted] = useState2(false);
+  useEffect2(() => {
+    setMounted(true);
+  }, []);
+  if (!mounted) return null;
+  return /* @__PURE__ */ jsx(
+    Ke,
+    {
+      show: !consentAnswered,
+      enter: "transition-opacity duration-300",
+      enterFrom: "opacity-0",
+      enterTo: "opacity-100",
+      leave: "transition-opacity duration-200",
+      leaveFrom: "opacity-100",
+      leaveTo: "opacity-0",
+      children: /* @__PURE__ */ jsxs(
+        "div",
+        {
+          className: "fixed inset-x-0 bottom-0 z-[9999] flex flex-col items-center justify-center gap-4 bg-black/85 px-6 py-4 text-center text-sm text-white backdrop-blur md:flex-row",
+          role: "alert",
+          "aria-live": "polite",
+          children: [
+            /* @__PURE__ */ jsx("p", { className: "m-0", children: "We use cookies to improve your experience and collect anonymous usage data." }),
+            /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 flex-wrap items-center justify-center gap-2", children: [
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "whitespace-nowrap rounded-md px-4 py-2 text-sm font-medium text-zinc-500 hover:border-zinc-600 hover:bg-zinc-900 hover:text-zinc-400",
+                  onClick: () => setConsent(false),
+                  children: "Reject"
+                }
+              ),
+              /* @__PURE__ */ jsx(
+                "button",
+                {
+                  type: "button",
+                  className: "whitespace-nowrap rounded-md bg-white px-5 py-2 text-sm font-semibold text-black transition-colors hover:bg-gray-400",
+                  onClick: () => setConsent(true),
+                  children: "Accept"
+                }
+              )
+            ] })
+          ]
+        }
+      )
+    }
+  );
+}
+
+// src/components/Breadcrumbs.tsx
+import Link from "next/link";
+import { ChevronRight } from "lucide-react";
+import { jsx as jsx2, jsxs as jsxs2 } from "react/jsx-runtime";
+function cn(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+var BREADCRUMBS_DEFAULT_ITEM_CLASSES = {
+  baseContainer: "flex flex-row items-center gap-2 text-sm opacity-75",
+  crumbLink: "hover:opacity-75 transition-all duration-300 underline-offset-2 hover:underline",
+  crumbText: "font-semibold",
+  separator: "h-4 w-4 opacity-50"
+};
+function mergeBreadcrumbsItemClasses(overrides) {
+  const d3 = BREADCRUMBS_DEFAULT_ITEM_CLASSES;
+  return {
+    baseContainer: cn(d3.baseContainer, overrides?.baseContainer),
+    crumbLink: cn(d3.crumbLink, overrides?.crumbLink),
+    crumbText: cn(d3.crumbText, overrides?.crumbText),
+    separator: cn(d3.separator, overrides?.separator)
+  };
+}
+function Breadcrumbs({
+  items,
+  itemClasses
+}) {
+  const slots = mergeBreadcrumbsItemClasses(itemClasses);
+  return /* @__PURE__ */ jsx2("nav", { "aria-label": "Breadcrumb", className: slots.baseContainer, children: items.map((item, index) => /* @__PURE__ */ jsxs2("span", { className: "flex flex-row items-center gap-2", children: [
+    index > 0 && /* @__PURE__ */ jsx2(ChevronRight, { className: slots.separator }),
+    item.href ? /* @__PURE__ */ jsx2(Link, { href: item.href, className: slots.crumbLink, children: item.label }) : /* @__PURE__ */ jsx2("span", { className: slots.crumbText, children: item.label })
+  ] }, `${item.label}-${index}`)) });
+}
+
+// src/components/GridMenu.tsx
+import Link2 from "next/link";
+import { useMenu } from "@zorgo/next";
+import { menuItemSlug } from "@zorgo/next/slugs";
+import { Fragment, jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
+function cn2(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function money(cents) {
+  return `$${(cents / 100).toFixed(2)}`;
+}
+var GRID_MENU_DEFAULT_ITEM_CLASSES = {
+  baseContainer: "flex flex-col gap-16",
+  categoryContainer: "flex flex-col gap-8",
+  categoryTitle: "text-4xl text-center font-extrabold text-primary",
+  itemCardContainer: "flex flex-row flex-wrap gap-8 content-center justify-center py-4 max-w-7xl mx-auto",
+  itemCard: "flex flex-col gap-4 no-underline w-60 hover:translate-y-[-2px] hover:opacity-75 transition-all duration-300",
+  itemCardImage: "w-full aspect-square bg-background-recessed rounded-2xl overflow-hidden",
+  itemCardTextContainer: "flex flex-col opacity-75 px-4 w-full",
+  itemCardName: "text-xl font-semibold",
+  itemCardPrice: "text-lg",
+  itemCardOldPrice: "text-lg line-through opacity-60"
+};
+function mergeGridMenuItemClasses(overrides) {
+  const d3 = GRID_MENU_DEFAULT_ITEM_CLASSES;
+  return {
+    baseContainer: cn2(d3.baseContainer, overrides?.baseContainer),
+    categoryContainer: cn2(
+      d3.categoryContainer,
+      overrides?.categoryContainer
+    ),
+    categoryTitle: cn2(d3.categoryTitle, overrides?.categoryTitle),
+    itemCardContainer: cn2(
+      d3.itemCardContainer,
+      overrides?.itemCardContainer
+    ),
+    itemCard: cn2(d3.itemCard, overrides?.itemCard),
+    itemCardImage: cn2(d3.itemCardImage, overrides?.itemCardImage),
+    itemCardTextContainer: cn2(
+      d3.itemCardTextContainer,
+      overrides?.itemCardTextContainer
+    ),
+    itemCardName: cn2(d3.itemCardName, overrides?.itemCardName),
+    itemCardPrice: cn2(d3.itemCardPrice, overrides?.itemCardPrice),
+    itemCardOldPrice: cn2(d3.itemCardOldPrice, overrides?.itemCardOldPrice)
+  };
+}
+function GridMenu({
+  items,
+  categories,
+  itemClasses
+}) {
+  const { getItemImageUrl } = useMenu();
+  const slots = mergeGridMenuItemClasses(itemClasses);
+  return /* @__PURE__ */ jsx3("div", { className: slots.baseContainer, children: categories.map((category) => {
+    const itemsInCategory = items.filter(
+      (item) => item.category_id === category.category_id
+    );
+    if (itemsInCategory.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsxs3(
+      "div",
+      {
+        className: slots.categoryContainer,
+        children: [
+          /* @__PURE__ */ jsx3("h1", { className: slots.categoryTitle, children: category.name }),
+          /* @__PURE__ */ jsx3("div", { className: slots.itemCardContainer, children: itemsInCategory.map((item) => /* @__PURE__ */ jsx3(
+            ItemCard,
+            {
+              item,
+              imageUrl: getItemImageUrl(item.image_path),
+              slots
+            },
+            item.base_item_id
+          )) })
+        ]
+      },
+      category.category_id
+    );
+  }) });
+}
+function ItemCard({
+  item,
+  imageUrl,
+  slots
+}) {
+  const variant = item.variants[0];
+  const onSale = variant?.display_price != null && variant.display_price < variant.price;
+  return /* @__PURE__ */ jsxs3(
+    Link2,
+    {
+      href: `/menu/${menuItemSlug(item.name, item.base_item_id)}`,
+      className: slots.itemCard,
+      children: [
+        /* @__PURE__ */ jsx3("div", { className: slots.itemCardImage, children: imageUrl && // eslint-disable-next-line @next/next/no-img-element
+        /* @__PURE__ */ jsx3(
+          "img",
+          {
+            src: imageUrl,
+            alt: item.name,
+            className: "w-full h-full object-cover"
+          }
+        ) }),
+        /* @__PURE__ */ jsxs3("div", { className: slots.itemCardTextContainer, children: [
+          /* @__PURE__ */ jsx3("p", { className: slots.itemCardName, children: item.name }),
+          variant && /* @__PURE__ */ jsx3(Fragment, { children: onSale ? /* @__PURE__ */ jsxs3(Fragment, { children: [
+            /* @__PURE__ */ jsx3("p", { className: slots.itemCardPrice, children: money(variant.display_price) }),
+            /* @__PURE__ */ jsx3("p", { className: slots.itemCardOldPrice, children: money(variant.price) })
+          ] }) : /* @__PURE__ */ jsx3("p", { className: slots.itemCardPrice, children: money(variant.price) }) })
+        ] })
+      ]
+    }
+  );
+}
+
+// src/components/AccordionMenu.tsx
+import Link3 from "next/link";
+import { useState as useState3 } from "react";
+import { ChevronDown, ChevronUp } from "lucide-react";
+import { menuItemSlug as menuItemSlug2 } from "@zorgo/next/slugs";
+import { Fragment as Fragment2, jsx as jsx4, jsxs as jsxs4 } from "react/jsx-runtime";
+function cn3(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function money2(cents) {
+  return `$${(cents / 100).toFixed(2)}`;
+}
+var ACCORDION_MENU_DEFAULT_ITEM_CLASSES = {
+  baseContainer: "flex flex-col gap-4",
+  categoryContainer: "flex flex-col gap-4 p-4 bg-background-elevated border-3 border-foreground/[15%] rounded-xl shadow-sm",
+  categoryTrigger: "flex flex-row items-center justify-between p-4",
+  categoryTitle: "text-2xl font-bold",
+  categoryIndicator: "h-8 w-8",
+  itemsContainer: "flex-col gap-4",
+  itemCard: "flex items-center justify-between gap-4 p-4 bg-background rounded-xl hover:translate-x-1 transition-all duration-300",
+  itemCardTextContainer: "flex flex-col gap-2 opacity-75",
+  itemCardName: "text-lg font-semibold",
+  itemCardDescription: "text-lg opacity-75",
+  itemCardPriceContainer: "flex flex-col gap-2 opacity-75",
+  itemCardPrice: "text-lg font-semibold",
+  itemCardOldPrice: "text-lg opacity-75 line-through"
+};
+function mergeAccordionMenuItemClasses(overrides) {
+  const d3 = ACCORDION_MENU_DEFAULT_ITEM_CLASSES;
+  return {
+    baseContainer: cn3(d3.baseContainer, overrides?.baseContainer),
+    categoryContainer: cn3(
+      d3.categoryContainer,
+      overrides?.categoryContainer
+    ),
+    categoryTrigger: cn3(d3.categoryTrigger, overrides?.categoryTrigger),
+    categoryTitle: cn3(d3.categoryTitle, overrides?.categoryTitle),
+    categoryIndicator: cn3(
+      d3.categoryIndicator,
+      overrides?.categoryIndicator
+    ),
+    itemsContainer: cn3(d3.itemsContainer, overrides?.itemsContainer),
+    itemCard: cn3(d3.itemCard, overrides?.itemCard),
+    itemCardTextContainer: cn3(
+      d3.itemCardTextContainer,
+      overrides?.itemCardTextContainer
+    ),
+    itemCardName: cn3(d3.itemCardName, overrides?.itemCardName),
+    itemCardDescription: cn3(
+      d3.itemCardDescription,
+      overrides?.itemCardDescription
+    ),
+    itemCardPriceContainer: cn3(
+      d3.itemCardPriceContainer,
+      overrides?.itemCardPriceContainer
+    ),
+    itemCardPrice: cn3(d3.itemCardPrice, overrides?.itemCardPrice),
+    itemCardOldPrice: cn3(d3.itemCardOldPrice, overrides?.itemCardOldPrice)
+  };
+}
+function AccordionMenu({
+  items,
+  categories,
+  itemClasses
+}) {
+  const slots = mergeAccordionMenuItemClasses(itemClasses);
+  return /* @__PURE__ */ jsx4("div", { className: slots.baseContainer, children: categories.map((category) => {
+    const itemsInCategory = items.filter(
+      (item) => item.category_id === category.category_id
+    );
+    if (itemsInCategory.length === 0) {
+      return null;
+    }
+    return /* @__PURE__ */ jsx4(
+      MenuCategory,
+      {
+        category,
+        itemsInCategory,
+        slots
+      },
+      category.category_id
+    );
+  }) });
+}
+function MenuCategory({
+  category,
+  itemsInCategory,
+  slots
+}) {
+  const [isExpanded, setIsExpanded] = useState3(false);
+  return /* @__PURE__ */ jsxs4("div", { className: slots.categoryContainer, children: [
+    /* @__PURE__ */ jsxs4(
+      "button",
+      {
+        type: "button",
+        onClick: () => setIsExpanded(!isExpanded),
+        className: slots.categoryTrigger,
+        children: [
+          /* @__PURE__ */ jsx4("h2", { className: slots.categoryTitle, children: category.name }),
+          isExpanded ? /* @__PURE__ */ jsx4(ChevronUp, { className: slots.categoryIndicator }) : /* @__PURE__ */ jsx4(ChevronDown, { className: slots.categoryIndicator })
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx4(
+      "div",
+      {
+        className: cn3(
+          isExpanded ? "flex" : "hidden",
+          slots.itemsContainer
+        ),
+        children: itemsInCategory.map((item) => /* @__PURE__ */ jsx4(
+          ItemCard2,
+          {
+            item,
+            slots
+          },
+          item.base_item_id
+        ))
+      }
+    )
+  ] });
+}
+function ItemCard2({
+  item,
+  slots
+}) {
+  const variant = item.variants[0];
+  const onSale = variant?.display_price != null && variant.display_price < variant.price;
+  return /* @__PURE__ */ jsxs4(
+    Link3,
+    {
+      href: `/menu/${menuItemSlug2(item.name, item.base_item_id)}`,
+      className: slots.itemCard,
+      children: [
+        /* @__PURE__ */ jsxs4("div", { className: slots.itemCardTextContainer, children: [
+          /* @__PURE__ */ jsx4("p", { className: slots.itemCardName, children: item.name }),
+          item.description && /* @__PURE__ */ jsx4("p", { className: slots.itemCardDescription, children: item.description })
+        ] }),
+        variant && /* @__PURE__ */ jsx4("div", { className: slots.itemCardPriceContainer, children: onSale ? /* @__PURE__ */ jsxs4(Fragment2, { children: [
+          /* @__PURE__ */ jsx4("p", { className: slots.itemCardPrice, children: money2(variant.display_price) }),
+          /* @__PURE__ */ jsx4("p", { className: slots.itemCardOldPrice, children: money2(variant.price) })
+        ] }) : /* @__PURE__ */ jsx4("p", { className: slots.itemCardPrice, children: money2(variant.price) }) })
+      ]
+    }
+  );
+}
+
+// src/components/ItemCustomizationForm.tsx
+import { Minus, Plus } from "lucide-react";
+import { useItemCustomization, useMenu as useMenu2 } from "@zorgo/next";
+import { jsx as jsx5, jsxs as jsxs5 } from "react/jsx-runtime";
+function cn4(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function money3(cents) {
+  return `$${(cents / 100).toFixed(2)}`;
+}
+var ITEM_CUSTOMIZATION_FORM_DEFAULT_ITEM_CLASSES = {
+  baseContainer: "flex flex-col gap-8",
+  title: "text-4xl font-extrabold text-primary",
+  description: "opacity-70 text-xl",
+  section: "flex flex-col gap-2 shadow-sm rounded-xl p-4 bg-background-elevated border-3 border-foreground/[15%]",
+  sectionTitle: "font-bold text-2xl py-4",
+  optionsRow: "flex flex-row flex-wrap gap-2",
+  optionButton: "flex flex-col items-start gap-0.5 p-3 px-4 rounded-xl border-3 text-lg hover:translate-y-[-2px] transition-all duration-300",
+  optionButtonSelected: "bg-background-recessed border-transparent",
+  optionButtonUnselected: "bg-background-elevated border-foreground/[15%]",
+  optionButtonLabel: "font-semibold leading-tight",
+  optionButtonUpcharge: "opacity-60",
+  servingsRow: "flex flex-row items-center justify-between gap-4 text-xl",
+  servingsLabel: "opacity-75",
+  servingsControls: "flex flex-row items-center gap-2",
+  incrementButton: "bg-background text-foreground w-10 h-10 rounded-xl flex items-center justify-center hover:bg-foreground hover:text-background transition-all duration-300",
+  servingsValue: "w-8 md:w-12 font-semibold opacity-75 text-center",
+  ruleError: "text-sm text-red-500",
+  commentsTextarea: "p-4 rounded-xl border-3 border-foreground/[15%] outline-none resize-none",
+  quantityRow: "flex flex-row items-center gap-4 text-xl",
+  submitButton: "bg-primary text-primary-foreground p-4 rounded-xl text-lg font-semibold hover:bg-primary/80 disabled:opacity-50 disabled:cursor-not-allowed transition-all duration-300",
+  notFound: ""
+};
+function mergeItemCustomizationFormItemClasses(overrides) {
+  const d3 = ITEM_CUSTOMIZATION_FORM_DEFAULT_ITEM_CLASSES;
+  return {
+    baseContainer: cn4(d3.baseContainer, overrides?.baseContainer),
+    title: cn4(d3.title, overrides?.title),
+    description: cn4(d3.description, overrides?.description),
+    section: cn4(d3.section, overrides?.section),
+    sectionTitle: cn4(d3.sectionTitle, overrides?.sectionTitle),
+    optionsRow: cn4(d3.optionsRow, overrides?.optionsRow),
+    optionButton: cn4(d3.optionButton, overrides?.optionButton),
+    optionButtonSelected: cn4(
+      d3.optionButtonSelected,
+      overrides?.optionButtonSelected
+    ),
+    optionButtonUnselected: cn4(
+      d3.optionButtonUnselected,
+      overrides?.optionButtonUnselected
+    ),
+    optionButtonLabel: cn4(
+      d3.optionButtonLabel,
+      overrides?.optionButtonLabel
+    ),
+    optionButtonUpcharge: cn4(
+      d3.optionButtonUpcharge,
+      overrides?.optionButtonUpcharge
+    ),
+    servingsRow: cn4(d3.servingsRow, overrides?.servingsRow),
+    servingsLabel: cn4(d3.servingsLabel, overrides?.servingsLabel),
+    servingsControls: cn4(d3.servingsControls, overrides?.servingsControls),
+    incrementButton: cn4(d3.incrementButton, overrides?.incrementButton),
+    servingsValue: cn4(d3.servingsValue, overrides?.servingsValue),
+    ruleError: cn4(d3.ruleError, overrides?.ruleError),
+    commentsTextarea: cn4(d3.commentsTextarea, overrides?.commentsTextarea),
+    quantityRow: cn4(d3.quantityRow, overrides?.quantityRow),
+    submitButton: cn4(d3.submitButton, overrides?.submitButton),
+    notFound: cn4(d3.notFound, overrides?.notFound)
+  };
+}
+function ItemCustomizationForm({
+  baseItemId,
+  seed,
+  editIndex,
+  itemClasses,
+  onSubmitSuccess
+}) {
+  const slots = mergeItemCustomizationFormItemClasses(itemClasses);
+  const {
+    item,
+    variant,
+    variants,
+    setVariant,
+    ruleGroups,
+    unmetRule,
+    canSubmit,
+    submit,
+    quantity,
+    setQuantity,
+    comments,
+    setComments,
+    setComponentServings,
+    price,
+    salePrice,
+    isEditMode,
+    draft
+  } = useItemCustomization(baseItemId, seed, editIndex);
+  const { categories } = useMenu2();
+  if (!item) {
+    return /* @__PURE__ */ jsx5("div", { className: slots.notFound, children: "Item not found." });
+  }
+  const category = categories.find(
+    (c6) => c6.category_id === item.category_id
+  );
+  return /* @__PURE__ */ jsxs5("div", { className: slots.baseContainer, children: [
+    /* @__PURE__ */ jsx5(
+      Breadcrumbs,
+      {
+        items: [
+          { label: "Menu", href: "/menu" },
+          ...category ? [{ label: category.name }] : [],
+          { label: item.name }
+        ]
+      }
+    ),
+    /* @__PURE__ */ jsx5("h1", { className: slots.title, children: item.name }),
+    item.description && /* @__PURE__ */ jsx5("p", { className: slots.description, children: item.description }),
+    variants.length > 1 && /* @__PURE__ */ jsxs5("div", { className: slots.section, children: [
+      /* @__PURE__ */ jsx5("h2", { className: slots.sectionTitle, children: "Variants" }),
+      /* @__PURE__ */ jsx5("div", { className: slots.optionsRow, children: variants.map((v2) => /* @__PURE__ */ jsx5(
+        OptionButton,
+        {
+          label: v2.name,
+          subtext: money3(v2.price),
+          selected: v2.item_id === variant.item_id,
+          onClick: () => setVariant(v2),
+          slots
+        },
+        v2.item_id
+      )) })
+    ] }),
+    (variant.components?.length ?? 0) > 0 && /* @__PURE__ */ jsxs5("div", { className: slots.section, children: [
+      /* @__PURE__ */ jsx5("h2", { className: slots.sectionTitle, children: "Includes" }),
+      /* @__PURE__ */ jsx5("div", { className: slots.optionsRow, children: variant.components.map((component) => {
+        const defaultServings = component.servings_per_item ?? 1;
+        const servings = draft?.components?.find(
+          (c6) => c6.id === component.id
+        )?.quantity_servings ?? defaultServings;
+        const selected = servings > 0;
+        return /* @__PURE__ */ jsx5(
+          OptionButton,
+          {
+            label: component.name,
+            selected,
+            onClick: () => setComponentServings(
+              component.id,
+              selected ? 0 : defaultServings
+            ),
+            slots
+          },
+          component.id
+        );
+      }) })
+    ] }),
+    ruleGroups.map((rule) => /* @__PURE__ */ jsxs5("div", { className: slots.section, children: [
+      /* @__PURE__ */ jsx5("h2", { className: slots.sectionTitle, children: rule.group_name }),
+      /* @__PURE__ */ jsx5("div", { className: slots.optionsRow, children: rule.options.map((option) => /* @__PURE__ */ jsx5(
+        OptionButton,
+        {
+          label: option.name,
+          subtext: option.upcharge > 0 ? `+${money3(option.upcharge)}` : void 0,
+          selected: option.selected,
+          onClick: option.toggle,
+          slots
+        },
+        option.key
+      )) }),
+      rule.message() && /* @__PURE__ */ jsx5("p", { className: slots.ruleError, children: rule.message() })
+    ] }, rule.rule_id)),
+    /* @__PURE__ */ jsxs5("div", { className: slots.section, children: [
+      /* @__PURE__ */ jsx5("h2", { className: slots.sectionTitle, children: "Comments" }),
+      /* @__PURE__ */ jsx5(
+        "textarea",
+        {
+          value: comments,
+          onChange: (e) => setComments(e.target.value),
+          placeholder: "Special instructions...",
+          className: slots.commentsTextarea,
+          rows: 2
+        }
+      )
+    ] }),
+    /* @__PURE__ */ jsxs5("div", { className: slots.section, children: [
+      /* @__PURE__ */ jsx5("h2", { className: slots.sectionTitle, children: "How many?" }),
+      /* @__PURE__ */ jsxs5("div", { className: slots.quantityRow, children: [
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: slots.incrementButton,
+            onClick: () => setQuantity((q2) => Math.max(1, q2 - 1)),
+            children: /* @__PURE__ */ jsx5(Minus, { className: "h-4 w-4" })
+          }
+        ),
+        /* @__PURE__ */ jsx5("p", { className: slots.servingsValue, children: quantity }),
+        /* @__PURE__ */ jsx5(
+          "button",
+          {
+            type: "button",
+            className: slots.incrementButton,
+            onClick: () => setQuantity((q2) => q2 + 1),
+            children: /* @__PURE__ */ jsx5(Plus, { className: "h-4 w-4" })
+          }
+        )
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx5(
+      "button",
+      {
+        type: "button",
+        disabled: !canSubmit,
+        onClick: () => {
+          submit();
+          onSubmitSuccess?.();
+        },
+        className: slots.submitButton,
+        children: unmetRule ? `Choose ${unmetRule.group_name}` : `${isEditMode ? "Save changes" : "Add to cart"} \u2014 ${money3(salePrice ?? price)}`
+      }
+    )
+  ] });
+}
+function OptionButton({
+  label,
+  subtext,
+  selected,
+  onClick,
+  slots
+}) {
+  return /* @__PURE__ */ jsxs5(
+    "button",
+    {
+      type: "button",
+      onClick,
+      className: cn4(
+        slots.optionButton,
+        selected ? slots.optionButtonSelected : slots.optionButtonUnselected
+      ),
+      children: [
+        /* @__PURE__ */ jsx5("span", { className: slots.optionButtonLabel, children: label }),
+        subtext && /* @__PURE__ */ jsx5("span", { className: slots.optionButtonUpcharge, children: subtext })
+      ]
+    }
+  );
+}
+
+// src/components/FindLocation.tsx
+import { useMemo, useState as useState4 } from "react";
+import { Search } from "lucide-react";
+import { jsx as jsx6, jsxs as jsxs6 } from "react/jsx-runtime";
+function cn5(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+function searchableText(location) {
+  return `${location.name} ${location.address ?? ""}`.toLowerCase();
+}
+function matchRank(location, query) {
+  const text = searchableText(location);
+  const q2 = query.trim().toLowerCase();
+  if (!q2) return 0;
+  if (text.startsWith(q2) || location.name.toLowerCase().startsWith(q2)) {
+    return 0;
+  }
+  if (text.includes(q2)) return 1;
+  return 2;
+}
+function rankLocations(locations, query, pinnedLocationId) {
+  const q2 = query.trim();
+  const ranked = q2 ? [...locations].sort((a2, b5) => {
+    const rankDiff = matchRank(a2, q2) - matchRank(b5, q2);
+    if (rankDiff !== 0) return rankDiff;
+    return a2.name.localeCompare(b5.name);
+  }) : [...locations];
+  if (pinnedLocationId == null) return ranked;
+  const pinnedIndex = ranked.findIndex(
+    (location) => location.location_id === pinnedLocationId
+  );
+  if (pinnedIndex <= 0) return ranked;
+  const [pinned] = ranked.splice(pinnedIndex, 1);
+  if (!pinned) return ranked;
+  return [pinned, ...ranked];
+}
+var FIND_LOCATION_DEFAULT_ITEM_CLASSES = {
+  baseContainer: "flex flex-col gap-6",
+  searchContainer: "relative flex items-center",
+  searchIcon: "absolute left-4 h-5 w-5 text-foreground opacity-50 pointer-events-none",
+  searchInput: "w-full rounded-xl bg-background-recessed opacity-75 py-3 pl-12 pr-4 text-lg text-foreground placeholder:opacity-50 outline-none focus:opacity-100 transition-all duration-300",
+  noMatchesMessage: "text-center opacity-75 text-sm",
+  emptyMessage: "text-center opacity-75 py-8",
+  list: "flex flex-col gap-3",
+  locationRow: "flex items-center justify-between gap-4 p-4 rounded-xl border-3 border-foreground/[15%] shadow-sm hover:translate-x-1 transition-all duration-300 w-full",
+  locationRowSelected: "bg-background-elevated",
+  locationRowUnselected: "bg-background-recessed",
+  locationButton: "flex flex-col gap-1 text-left flex-1 min-w-0",
+  locationName: "text-lg font-semibold text-foreground",
+  locationAddress: "text-base opacity-75 whitespace-pre-line",
+  selectButton: "text-lg font-semibold px-4 py-3 rounded-xl bg-primary text-primary-foreground hover:opacity-75 transition-all duration-300 shrink-0"
+};
+function mergeFindLocationItemClasses(overrides) {
+  const d3 = FIND_LOCATION_DEFAULT_ITEM_CLASSES;
+  return {
+    baseContainer: cn5(d3.baseContainer, overrides?.baseContainer),
+    searchContainer: cn5(d3.searchContainer, overrides?.searchContainer),
+    searchIcon: cn5(d3.searchIcon, overrides?.searchIcon),
+    searchInput: cn5(d3.searchInput, overrides?.searchInput),
+    noMatchesMessage: cn5(d3.noMatchesMessage, overrides?.noMatchesMessage),
+    emptyMessage: cn5(d3.emptyMessage, overrides?.emptyMessage),
+    list: cn5(d3.list, overrides?.list),
+    locationRow: cn5(d3.locationRow, overrides?.locationRow),
+    locationRowSelected: cn5(
+      d3.locationRowSelected,
+      overrides?.locationRowSelected
+    ),
+    locationRowUnselected: cn5(
+      d3.locationRowUnselected,
+      overrides?.locationRowUnselected
+    ),
+    locationButton: cn5(d3.locationButton, overrides?.locationButton),
+    locationName: cn5(d3.locationName, overrides?.locationName),
+    locationAddress: cn5(d3.locationAddress, overrides?.locationAddress),
+    selectButton: cn5(d3.selectButton, overrides?.selectButton)
+  };
+}
+function FindLocation({
+  locations,
+  initialSelected,
+  onSelect,
+  itemClasses
+}) {
+  const [query, setQuery] = useState4("");
+  const [selected, setSelected] = useState4(
+    () => initialSelected ?? null
+  );
+  const slots = mergeFindLocationItemClasses(itemClasses);
+  const pinnedLocationId = initialSelected?.location_id;
+  const ranked = useMemo(
+    () => rankLocations(locations, query, pinnedLocationId),
+    [locations, query, pinnedLocationId]
+  );
+  const trimmedQuery = query.trim();
+  const noMatches = trimmedQuery.length > 0 && locations.every((location) => matchRank(location, trimmedQuery) === 2);
+  return /* @__PURE__ */ jsxs6("div", { className: slots.baseContainer, children: [
+    /* @__PURE__ */ jsxs6("div", { className: slots.searchContainer, children: [
+      /* @__PURE__ */ jsx6(Search, { className: slots.searchIcon, strokeWidth: 2 }),
+      /* @__PURE__ */ jsx6(
+        "input",
+        {
+          type: "search",
+          value: query,
+          onChange: (e) => setQuery(e.target.value),
+          placeholder: "Search by name or address",
+          className: slots.searchInput,
+          "aria-label": "Search locations"
+        }
+      )
+    ] }),
+    noMatches && /* @__PURE__ */ jsxs6("p", { className: slots.noMatchesMessage, children: [
+      "No locations match \u201C",
+      trimmedQuery,
+      "\u201D. Showing all locations anyway."
+    ] }),
+    ranked.length === 0 ? /* @__PURE__ */ jsx6("p", { className: slots.emptyMessage, children: "No locations available." }) : /* @__PURE__ */ jsx6("ul", { className: slots.list, children: ranked.map((location) => {
+      const isSelected = selected?.location_id === location.location_id;
+      return /* @__PURE__ */ jsxs6(
+        "li",
+        {
+          className: cn5(
+            slots.locationRow,
+            isSelected ? slots.locationRowSelected : slots.locationRowUnselected
+          ),
+          children: [
+            /* @__PURE__ */ jsxs6(
+              "button",
+              {
+                type: "button",
+                onClick: () => setSelected(location),
+                "aria-pressed": isSelected,
+                className: slots.locationButton,
+                children: [
+                  /* @__PURE__ */ jsx6("p", { className: slots.locationName, children: location.name }),
+                  location.address && /* @__PURE__ */ jsx6("p", { className: slots.locationAddress, children: location.address })
+                ]
+              }
+            ),
+            isSelected && /* @__PURE__ */ jsx6(
+              "button",
+              {
+                type: "button",
+                onClick: () => onSelect(location),
+                className: slots.selectButton,
+                children: "Select"
+              }
+            )
+          ]
+        },
+        location.location_id
+      );
+    }) })
+  ] });
+}
+
+// src/components/CheckoutForm.tsx
+import { useEffect as useEffect3, useState as useState5 } from "react";
+import Link4 from "next/link";
+import {
+  Elements,
+  PaymentElement,
+  useElements,
+  useStripe
+} from "@stripe/react-stripe-js";
+import { Minus as Minus2, Pencil, Plus as Plus2 } from "lucide-react";
+import {
+  useCart,
+  useCustomer as useCustomer2,
+  useLocation,
+  useModal,
+  usePayment,
+  usePromotions
+} from "@zorgo/next";
+import {
+  DynamicFormShell,
+  NameFields,
+  PhoneField,
+  EmailField,
+  FieldError,
+  CheckboxField,
+  SubmitButton
+} from "@zorgo/next";
+import { Fragment as Fragment3, jsx as jsx7, jsxs as jsxs7 } from "react/jsx-runtime";
+function money4(cents) {
+  return `$${(cents / 100).toFixed(2)}`;
+}
+function cn6(...parts) {
+  return parts.filter(Boolean).join(" ");
+}
+var CHECKOUT_FORM_DEFAULT_ITEM_CLASSES = {
+  shell: "",
+  shellInner: "max-w-2xl mx-auto w-full flex flex-col gap-6",
+  pageTitle: "text-4xl font-extrabold text-primary text-center mb-8",
+  primaryButton: "text-lg font-semibold px-4 py-3 rounded-xl bg-primary text-primary-foreground hover:opacity-75 transition-all duration-300 disabled:opacity-50 disabled:cursor-not-allowed",
+  secondaryButton: "text-lg font-semibold px-4 py-3 rounded-xl bg-background-recessed text-foreground border-3 border-foreground/[15%] hover:opacity-75 transition-all duration-300",
+  incrementButton: "bg-background-recessed text-foreground w-10 h-10 rounded-xl flex items-center justify-center hover:bg-foreground hover:text-background transition-all duration-300",
+  surface: "rounded-xl bg-background-elevated border-3 border-foreground/[15%] shadow-sm",
+  fieldInput: "w-full bg-transparent outline-none text-lg font-semibold text-foreground placeholder:opacity-50",
+  fieldContainer: "flex flex-col gap-1 w-full p-4 rounded-xl bg-background-elevated border-3 border-foreground/[15%]",
+  fieldLabel: "text-xl opacity-50 text-foreground",
+  fieldError: "text-xl text-red-500",
+  statusPanel: "flex flex-col gap-6 items-center text-center p-8 w-full",
+  statusTitle: "text-3xl font-semibold",
+  statusMessage: "text-xl max-w-md opacity-60",
+  statusMessageError: "text-xl max-w-md text-red-500",
+  statusActions: "w-full max-w-sm flex flex-col gap-3",
+  stepSection: "flex flex-col gap-6",
+  sectionTitle: "text-3xl font-semibold mt-8",
+  cartList: "flex flex-col gap-3",
+  totals: "flex flex-col gap-2 p-4",
+  totalsRow: "flex flex-row justify-between text-xl opacity-75",
+  totalsDivider: "h-[2px] bg-foreground/20 rounded-xl w-full",
+  totalsTotalRow: "flex flex-row justify-between text-2xl font-semibold pt-2",
+  form: "flex flex-col gap-4 w-full",
+  formActions: "flex flex-row items-center justify-between gap-3",
+  submitError: "text-sm text-red-500",
+  paymentSurface: "p-4",
+  steps: "flex flex-row items-center gap-2 w-full",
+  stepBadge: "w-10 h-10 rounded-full flex items-center justify-center text-xl font-semibold transition-all duration-300",
+  stepBadgeActive: "bg-foreground text-background",
+  stepBadgeInactive: "bg-background-recessed text-foreground opacity-60",
+  stepLabel: "text-xl transition-all duration-300",
+  stepLabelActive: "font-semibold",
+  stepLabelInactive: "opacity-60",
+  stepDivider: "flex-1 h-[2px] transition-all duration-300",
+  stepDividerActive: "bg-foreground",
+  stepDividerInactive: "bg-foreground/15",
+  cartLine: "flex flex-row items-start justify-between gap-4 p-4 w-full",
+  cartLineName: "text-xl font-semibold text-foreground",
+  cartLineSelection: "text-lg opacity-50",
+  cartLinePrice: "text-lg font-semibold opacity-75",
+  cartLineControls: "flex flex-col flex-col-reverse md:flex-row items-center gap-3 shrink-0",
+  cartLineQuantity: "w-8 text-xl font-semibold text-center",
+  promoApplied: "flex flex-row items-center justify-between gap-4 p-4 w-full",
+  promoAppliedLabel: "flex-1 text-lg font-semibold",
+  promoRow: "flex flex-row gap-3",
+  promoInput: "flex-1 rounded-xl bg-background-recessed border-3 border-transparent py-3 px-4 text-lg font-semibold text-foreground placeholder:opacity-50 outline-none focus:border-foreground/15 transition-all duration-300",
+  promoError: "text-xl text-red-500"
+};
+function mergeCheckoutFormItemClasses(overrides) {
+  const d3 = CHECKOUT_FORM_DEFAULT_ITEM_CLASSES;
+  return {
+    shell: cn6(d3.shell, overrides?.shell),
+    shellInner: cn6(d3.shellInner, overrides?.shellInner),
+    pageTitle: cn6(d3.pageTitle, overrides?.pageTitle),
+    primaryButton: cn6(d3.primaryButton, overrides?.primaryButton),
+    secondaryButton: cn6(d3.secondaryButton, overrides?.secondaryButton),
+    incrementButton: cn6(d3.incrementButton, overrides?.incrementButton),
+    surface: cn6(d3.surface, overrides?.surface),
+    fieldInput: cn6(d3.fieldInput, overrides?.fieldInput),
+    fieldContainer: cn6(d3.fieldContainer, overrides?.fieldContainer),
+    fieldLabel: cn6(d3.fieldLabel, overrides?.fieldLabel),
+    fieldError: cn6(d3.fieldError, overrides?.fieldError),
+    statusPanel: cn6(d3.statusPanel, overrides?.statusPanel),
+    statusTitle: cn6(d3.statusTitle, overrides?.statusTitle),
+    statusMessage: cn6(d3.statusMessage, overrides?.statusMessage),
+    statusMessageError: cn6(
+      d3.statusMessageError,
+      overrides?.statusMessageError
+    ),
+    statusActions: cn6(d3.statusActions, overrides?.statusActions),
+    stepSection: cn6(d3.stepSection, overrides?.stepSection),
+    sectionTitle: cn6(d3.sectionTitle, overrides?.sectionTitle),
+    cartList: cn6(d3.cartList, overrides?.cartList),
+    totals: cn6(d3.totals, overrides?.totals),
+    totalsRow: cn6(d3.totalsRow, overrides?.totalsRow),
+    totalsDivider: cn6(d3.totalsDivider, overrides?.totalsDivider),
+    totalsTotalRow: cn6(d3.totalsTotalRow, overrides?.totalsTotalRow),
+    form: cn6(d3.form, overrides?.form),
+    formActions: cn6(d3.formActions, overrides?.formActions),
+    submitError: cn6(d3.submitError, overrides?.submitError),
+    paymentSurface: cn6(d3.paymentSurface, overrides?.paymentSurface),
+    steps: cn6(d3.steps, overrides?.steps),
+    stepBadge: cn6(d3.stepBadge, overrides?.stepBadge),
+    stepBadgeActive: cn6(d3.stepBadgeActive, overrides?.stepBadgeActive),
+    stepBadgeInactive: cn6(
+      d3.stepBadgeInactive,
+      overrides?.stepBadgeInactive
+    ),
+    stepLabel: cn6(d3.stepLabel, overrides?.stepLabel),
+    stepLabelActive: cn6(d3.stepLabelActive, overrides?.stepLabelActive),
+    stepLabelInactive: cn6(
+      d3.stepLabelInactive,
+      overrides?.stepLabelInactive
+    ),
+    stepDivider: cn6(d3.stepDivider, overrides?.stepDivider),
+    stepDividerActive: cn6(
+      d3.stepDividerActive,
+      overrides?.stepDividerActive
+    ),
+    stepDividerInactive: cn6(
+      d3.stepDividerInactive,
+      overrides?.stepDividerInactive
+    ),
+    cartLine: cn6(d3.cartLine, overrides?.cartLine),
+    cartLineName: cn6(d3.cartLineName, overrides?.cartLineName),
+    cartLineSelection: cn6(
+      d3.cartLineSelection,
+      overrides?.cartLineSelection
+    ),
+    cartLinePrice: cn6(d3.cartLinePrice, overrides?.cartLinePrice),
+    cartLineControls: cn6(d3.cartLineControls, overrides?.cartLineControls),
+    cartLineQuantity: cn6(d3.cartLineQuantity, overrides?.cartLineQuantity),
+    promoApplied: cn6(d3.promoApplied, overrides?.promoApplied),
+    promoAppliedLabel: cn6(
+      d3.promoAppliedLabel,
+      overrides?.promoAppliedLabel
+    ),
+    promoRow: cn6(d3.promoRow, overrides?.promoRow),
+    promoInput: cn6(d3.promoInput, overrides?.promoInput),
+    promoError: cn6(d3.promoError, overrides?.promoError)
+  };
+}
+function CheckoutForm({
+  itemClasses,
+  homeHref = "/",
+  menuHref = "/menu",
+  checkoutHref = "/checkout"
+}) {
+  const slots = mergeCheckoutFormItemClasses(itemClasses);
+  const {
+    clientSecret,
+    stripe,
+    elementOptions,
+    isReady,
+    isLoading,
+    error,
+    getReturnStatus
+  } = usePayment();
+  const { isEmpty, resetCart } = useCart();
+  const { currentLocation, needsLocationSelection } = useLocation({
+    promptLocationSelection: true
+  });
+  const { open } = useModal();
+  const [returnStatus, setReturnStatus] = useState5(null);
+  useEffect3(() => {
+    if (window.location.search.includes("redirect_status")) {
+      const status = getReturnStatus(window.location.href);
+      setReturnStatus(status);
+      if (status.succeeded) resetCart();
+    }
+  }, []);
+  if (returnStatus) {
+    return /* @__PURE__ */ jsx7(Shell, { slots, children: returnStatus.succeeded ? /* @__PURE__ */ jsx7(
+      StatusPanel,
+      {
+        slots,
+        title: "You're all set",
+        message: "Payment successful. Thank you!",
+        action: /* @__PURE__ */ jsx7(
+          Link4,
+          {
+            href: homeHref,
+            className: cn6(
+              slots.primaryButton,
+              "block w-full text-center"
+            ),
+            children: "Back home"
+          }
+        )
+      }
+    ) : /* @__PURE__ */ jsx7(
+      StatusPanel,
+      {
+        slots,
+        title: "Payment didn't go through",
+        message: returnStatus.error,
+        tone: "error",
+        action: /* @__PURE__ */ jsx7(
+          Link4,
+          {
+            href: checkoutHref,
+            className: cn6(
+              slots.primaryButton,
+              "block w-full text-center"
+            ),
+            children: "Try again"
+          }
+        )
+      }
+    ) });
+  }
+  if (isEmpty && !isLoading && !clientSecret) {
+    return /* @__PURE__ */ jsx7(Shell, { slots, children: /* @__PURE__ */ jsx7(
+      StatusPanel,
+      {
+        slots,
+        title: "Your cart is empty",
+        message: "Add something from the menu to get started.",
+        action: /* @__PURE__ */ jsx7(
+          Link4,
+          {
+            href: menuHref,
+            className: cn6(
+              slots.primaryButton,
+              "block w-full text-center"
+            ),
+            children: "Browse the menu"
+          }
+        )
+      }
+    ) });
+  }
+  if (error) {
+    return /* @__PURE__ */ jsx7(Shell, { slots, children: /* @__PURE__ */ jsx7(
+      StatusPanel,
+      {
+        slots,
+        title: "Something went wrong",
+        message: error,
+        tone: "error",
+        action: /* @__PURE__ */ jsx7(
+          Link4,
+          {
+            href: menuHref,
+            className: cn6(
+              slots.primaryButton,
+              "block w-full text-center"
+            ),
+            children: "Back to menu"
+          }
+        )
+      }
+    ) });
+  }
+  if (needsLocationSelection) {
+    return /* @__PURE__ */ jsx7(Shell, { slots, children: /* @__PURE__ */ jsx7(
+      StatusPanel,
+      {
+        slots,
+        title: "Choose a location",
+        message: "Please choose a location to continue checkout.",
+        action: /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: () => open("FIND_LOCATION_MODAL"),
+            className: cn6(slots.primaryButton, "w-full"),
+            children: "Select a location"
+          }
+        )
+      }
+    ) });
+  }
+  if (isReady && elementOptions) {
+    return /* @__PURE__ */ jsx7(Shell, { slots, children: /* @__PURE__ */ jsx7(
+      Elements,
+      {
+        stripe,
+        options: elementOptions,
+        children: /* @__PURE__ */ jsx7(PaymentStep, { slots, checkoutHref })
+      },
+      currentLocation?.stripe_account_id
+    ) });
+  }
+  return /* @__PURE__ */ jsx7(Shell, { slots, children: /* @__PURE__ */ jsx7(DetailsStep, { slots }) });
+}
+function StatusPanel({
+  title,
+  message,
+  action,
+  tone = "default",
+  slots
+}) {
+  return /* @__PURE__ */ jsxs7("div", { className: cn6(slots.statusPanel, slots.surface), children: [
+    /* @__PURE__ */ jsx7("h2", { className: slots.statusTitle, children: title }),
+    message && /* @__PURE__ */ jsx7(
+      "p",
+      {
+        className: tone === "error" ? slots.statusMessageError : slots.statusMessage,
+        children: message
+      }
+    ),
+    /* @__PURE__ */ jsx7("div", { className: slots.statusActions, children: action })
+  ] });
+}
+function DetailsStep({ slots }) {
+  const {
+    items,
+    subtotal,
+    discount,
+    tax,
+    serviceFee,
+    total,
+    removeItem,
+    resetCart
+  } = useCart();
+  const { customer, setCustomer } = useCustomer2();
+  const { startCheckout } = usePayment();
+  const [submitError, setSubmitError] = useState5();
+  const fieldContainerClass = slots.fieldContainer;
+  const fieldStyleProps = {
+    fieldClassName: slots.fieldInput,
+    containerClassName: fieldContainerClass,
+    fieldLabelClassName: slots.fieldLabel,
+    fieldErrorClassName: slots.fieldError
+  };
+  const handleSubmit = async (values) => {
+    const filledCustomer = {
+      first_name: values.firstName,
+      last_name: values.lastName,
+      phone: values.phone,
+      email: values.email,
+      allow_marketing: values.marketingConsent
+    };
+    setCustomer(filledCustomer);
+    try {
+      await startCheckout();
+    } catch (err) {
+      setSubmitError(
+        err instanceof Error ? err.message : "Could not start payment."
+      );
+    }
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: slots.stepSection, children: [
+    /* @__PURE__ */ jsx7(Steps, { current: 1, slots }),
+    /* @__PURE__ */ jsx7("h2", { className: slots.sectionTitle, children: "Your order" }),
+    /* @__PURE__ */ jsx7("div", { className: slots.cartList, children: items.map((item, index) => /* @__PURE__ */ jsx7(
+      CartLine,
+      {
+        item,
+        index,
+        onRemove: () => removeItem(index),
+        slots
+      },
+      `${item.item_id}-${index}`
+    )) }),
+    /* @__PURE__ */ jsxs7("div", { className: cn6(slots.totals, slots.surface), children: [
+      /* @__PURE__ */ jsxs7("div", { className: slots.totalsRow, children: [
+        /* @__PURE__ */ jsx7("span", { children: "Subtotal" }),
+        /* @__PURE__ */ jsx7("span", { children: money4(subtotal) })
+      ] }),
+      discount > 0 && /* @__PURE__ */ jsxs7("div", { className: slots.totalsRow, children: [
+        /* @__PURE__ */ jsx7("span", { children: "Discount" }),
+        /* @__PURE__ */ jsx7("span", { children: money4(-discount) })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: slots.totalsRow, children: [
+        /* @__PURE__ */ jsx7("span", { children: "Tax" }),
+        /* @__PURE__ */ jsx7("span", { children: money4(tax) })
+      ] }),
+      serviceFee > 0 && /* @__PURE__ */ jsxs7("div", { className: slots.totalsRow, children: [
+        /* @__PURE__ */ jsx7("span", { children: "Service fee" }),
+        /* @__PURE__ */ jsx7("span", { children: serviceFee })
+      ] }),
+      /* @__PURE__ */ jsx7("div", { className: slots.totalsDivider }),
+      /* @__PURE__ */ jsxs7("div", { className: slots.totalsTotalRow, children: [
+        /* @__PURE__ */ jsx7("span", { children: "Total" }),
+        /* @__PURE__ */ jsx7("span", { children: money4(total) })
+      ] })
+    ] }),
+    /* @__PURE__ */ jsx7(PromoCode, { slots }),
+    /* @__PURE__ */ jsx7("h2", { className: slots.sectionTitle, children: "Contact information" }),
+    /* @__PURE__ */ jsxs7(DynamicFormShell, { onSubmit: handleSubmit, className: slots.form, children: [
+      /* @__PURE__ */ jsx7(
+        NameFields,
+        {
+          firstNameInitialValue: customer.first_name ?? "",
+          lastNameInitialValue: customer.last_name ?? "",
+          fieldClassName: slots.fieldInput,
+          fieldLabelClassName: slots.fieldLabel,
+          fieldErrorClassName: slots.fieldError,
+          childClassName: cn6(
+            fieldContainerClass,
+            "md:flex-1 md:min-w-0"
+          )
+        }
+      ),
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col w-full gap-1", children: [
+        /* @__PURE__ */ jsx7(
+          PhoneField,
+          {
+            initialValue: customer.phone ?? "",
+            showError: false,
+            ...fieldStyleProps
+          }
+        ),
+        /* @__PURE__ */ jsx7(FieldError, { name: "phone", className: slots.fieldError })
+      ] }),
+      /* @__PURE__ */ jsxs7("div", { className: "flex flex-col w-full gap-1", children: [
+        /* @__PURE__ */ jsx7(
+          EmailField,
+          {
+            initialValue: customer.email ?? "",
+            showError: false,
+            ...fieldStyleProps
+          }
+        ),
+        /* @__PURE__ */ jsx7(FieldError, { name: "email", className: slots.fieldError })
+      ] }),
+      /* @__PURE__ */ jsx7(
+        CheckboxField,
+        {
+          fieldId: "termsAccepted",
+          required: true,
+          requiredText: "You must agree to the terms of service to continue.",
+          fieldErrorClassName: slots.fieldError,
+          children: "I have read and agree to the terms of service."
+        }
+      ),
+      /* @__PURE__ */ jsx7(CheckboxField, { fieldId: "marketingConsent", required: false, children: "I consent to receive promotions via text and email." }),
+      submitError && /* @__PURE__ */ jsx7("p", { className: slots.submitError, children: submitError }),
+      /* @__PURE__ */ jsxs7("div", { className: slots.formActions, children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: resetCart,
+            className: slots.secondaryButton,
+            children: "Clear cart"
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          SubmitButton,
+          {
+            label: "Continue to payment",
+            loadingLabel: "Setting up...",
+            className: cn6("flex-1", slots.primaryButton)
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function PaymentStep({
+  slots,
+  checkoutHref
+}) {
+  const stripe = useStripe();
+  const elements = useElements();
+  const {
+    total,
+    clientSecret,
+    submitPayment,
+    paymentElementOptions,
+    getReturnUrl,
+    resetCheckout
+  } = usePayment();
+  const { customer } = useCustomer2();
+  const [submitError, setSubmitError] = useState5();
+  const handleSubmit = async () => {
+    if (!stripe || !elements || !clientSecret) return;
+    const { error } = await elements.submit();
+    if (error) {
+      setSubmitError(error.message ?? "Please check your card details.");
+      throw error;
+    }
+    const returnUrl = `${getReturnUrl()}${checkoutHref.startsWith("/") ? checkoutHref : `/${checkoutHref}`}`;
+    const result = await submitPayment(
+      stripe,
+      elements,
+      clientSecret,
+      returnUrl,
+      customer
+    );
+    if (!result.success) setSubmitError(result.error);
+  };
+  return /* @__PURE__ */ jsxs7("div", { className: slots.stepSection, children: [
+    /* @__PURE__ */ jsx7(Steps, { current: 2, slots }),
+    /* @__PURE__ */ jsxs7(DynamicFormShell, { onSubmit: handleSubmit, className: slots.form, children: [
+      /* @__PURE__ */ jsx7("div", { className: cn6(slots.paymentSurface, slots.surface), children: /* @__PURE__ */ jsx7(PaymentElement, { options: paymentElementOptions }) }),
+      submitError && /* @__PURE__ */ jsx7("p", { className: slots.submitError, children: submitError }),
+      /* @__PURE__ */ jsxs7("div", { className: slots.formActions, children: [
+        /* @__PURE__ */ jsx7(
+          "button",
+          {
+            type: "button",
+            onClick: resetCheckout,
+            className: slots.secondaryButton,
+            children: "Back to order"
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          SubmitButton,
+          {
+            label: `Pay ${money4(total ?? 0)}`,
+            loadingLabel: "Processing...",
+            className: cn6("flex-1", slots.primaryButton)
+          }
+        )
+      ] })
+    ] })
+  ] });
+}
+function Steps({ current, slots }) {
+  const labels = ["Your details", "Payment"];
+  return /* @__PURE__ */ jsx7("div", { className: slots.steps, children: labels.map((label, i4) => {
+    const n3 = i4 + 1;
+    const active = n3 <= current;
+    return /* @__PURE__ */ jsxs7("div", { className: "contents", children: [
+      /* @__PURE__ */ jsxs7("div", { className: "flex items-center gap-2", children: [
+        /* @__PURE__ */ jsx7(
+          "div",
+          {
+            className: cn6(
+              slots.stepBadge,
+              active ? slots.stepBadgeActive : slots.stepBadgeInactive
+            ),
+            children: n3
+          }
+        ),
+        /* @__PURE__ */ jsx7(
+          "p",
+          {
+            className: cn6(
+              slots.stepLabel,
+              active ? slots.stepLabelActive : slots.stepLabelInactive
+            ),
+            children: label
+          }
+        )
+      ] }),
+      i4 < labels.length - 1 && /* @__PURE__ */ jsx7(
+        "div",
+        {
+          className: cn6(
+            slots.stepDivider,
+            current > n3 ? slots.stepDividerActive : slots.stepDividerInactive
+          )
+        }
+      )
+    ] }, label);
+  }) });
+}
+function CartLine({
+  item,
+  index,
+  onRemove,
+  slots
+}) {
+  const { open } = useModal();
+  const { updateItem, getItemTotal } = useCart();
+  const setQuantity = (next) => next < 1 ? onRemove() : updateItem({ ...item, quantity: next }, index);
+  return /* @__PURE__ */ jsxs7("div", { className: cn6(slots.cartLine, slots.surface), children: [
+    /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-1 flex-1 min-w-0", children: [
+      /* @__PURE__ */ jsx7("p", { className: slots.cartLineName, children: item.name }),
+      (() => {
+        const added = (item.selections ?? []).flatMap((rs) => rs.selections.map((s5) => s5.name));
+        const removed = (item.components ?? []).filter((c6) => c6.quantity_servings === 0).map((c6) => c6.name);
+        return /* @__PURE__ */ jsxs7(Fragment3, { children: [
+          added.length > 0 && /* @__PURE__ */ jsxs7("p", { className: slots.cartLineSelection, children: [
+            "Add ",
+            added.join(", ")
+          ] }),
+          removed.length > 0 && /* @__PURE__ */ jsxs7("p", { className: slots.cartLineSelection, children: [
+            "Remove ",
+            removed.join(", ")
+          ] }),
+          item.comments && /* @__PURE__ */ jsxs7("p", { className: slots.cartLineSelection, children: [
+            "Comments: ",
+            item.comments
+          ] })
+        ] });
+      })(),
+      /* @__PURE__ */ jsx7("p", { className: slots.cartLinePrice, children: money4(getItemTotal(item)) })
+    ] }),
+    /* @__PURE__ */ jsxs7("div", { className: slots.cartLineControls, children: [
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          "aria-label": "Edit item",
+          className: slots.incrementButton,
+          onClick: () => open("EDIT_ITEM_MODAL", {
+            baseItemId: item.base_item_id,
+            seed: item,
+            editIndex: index
+          }),
+          children: /* @__PURE__ */ jsx7(Pencil, { className: "w-5 h-5" })
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: slots.incrementButton,
+          onClick: () => setQuantity(item.quantity - 1),
+          children: /* @__PURE__ */ jsx7(Minus2, { className: "w-5 h-5" })
+        }
+      ),
+      /* @__PURE__ */ jsx7("p", { className: slots.cartLineQuantity, children: item.quantity }),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          className: slots.incrementButton,
+          onClick: () => setQuantity(item.quantity + 1),
+          children: /* @__PURE__ */ jsx7(Plus2, { className: "w-5 h-5" })
+        }
+      )
+    ] })
+  ] });
+}
+function PromoCode({ slots }) {
+  const { promoCode, appliedPromo, applyPromo, removePromo, error, loading } = usePromotions();
+  const [draft, setDraft] = useState5("");
+  if (appliedPromo) {
+    return /* @__PURE__ */ jsxs7("div", { className: cn6(slots.promoApplied, slots.surface), children: [
+      /* @__PURE__ */ jsxs7("span", { className: slots.promoAppliedLabel, children: [
+        appliedPromo.name,
+        " applied"
+      ] }),
+      promoCode && /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          onClick: removePromo,
+          className: slots.secondaryButton,
+          children: "Remove"
+        }
+      )
+    ] });
+  }
+  return /* @__PURE__ */ jsxs7("div", { className: "flex flex-col gap-2 w-full", children: [
+    /* @__PURE__ */ jsxs7("div", { className: slots.promoRow, children: [
+      /* @__PURE__ */ jsx7(
+        "input",
+        {
+          value: draft,
+          onChange: (e) => setDraft(e.target.value),
+          placeholder: "Promo code",
+          className: slots.promoInput
+        }
+      ),
+      /* @__PURE__ */ jsx7(
+        "button",
+        {
+          type: "button",
+          disabled: loading || !draft.trim(),
+          onClick: () => applyPromo(draft),
+          className: cn6(slots.primaryButton, "shrink-0"),
+          children: loading ? "Applying\u2026" : "Apply"
+        }
+      )
+    ] }),
+    error && /* @__PURE__ */ jsx7("p", { className: slots.promoError, children: error })
+  ] });
+}
+function Shell({
+  children,
+  slots
+}) {
+  return /* @__PURE__ */ jsx7("div", { className: slots.shell, children: /* @__PURE__ */ jsxs7("div", { className: slots.shellInner, children: [
+    /* @__PURE__ */ jsx7("h1", { className: slots.pageTitle, children: "Checkout" }),
+    children
+  ] }) });
+}
+export {
+  ACCORDION_MENU_DEFAULT_ITEM_CLASSES,
+  AccordionMenu,
+  BREADCRUMBS_DEFAULT_ITEM_CLASSES,
+  Breadcrumbs,
+  CHECKOUT_FORM_DEFAULT_ITEM_CLASSES,
+  CheckoutForm,
+  CookieConsent,
+  FIND_LOCATION_DEFAULT_ITEM_CLASSES,
+  FindLocation,
+  GRID_MENU_DEFAULT_ITEM_CLASSES,
+  GridMenu,
+  ITEM_CUSTOMIZATION_FORM_DEFAULT_ITEM_CLASSES,
+  ItemCustomizationForm,
+  mergeAccordionMenuItemClasses,
+  mergeBreadcrumbsItemClasses,
+  mergeCheckoutFormItemClasses,
+  mergeFindLocationItemClasses,
+  mergeGridMenuItemClasses,
+  mergeItemCustomizationFormItemClasses
+};
+//# sourceMappingURL=components.mjs.map