@zappie/foundations 0.1.1 → 0.1.2

package/dist/index.js

@@ -1,2119 +1,53 @@
 "use client";
-import { subscribeLocation, locationSnapshot, openOverlay, closeOverlay } from './chunk-BY2WQGLO.js';
-import { part, composeRefs, partId } from './chunk-D3J7S33L.js';
-import { forwardRef, createContext, useState, useEffect, useMemo, useContext, useRef, memo, useCallback, useId, useSyncExternalStore } from 'react';
-import { useCartCatalogue, useCart, useZappie, useStore, useMenu } from '@zappie/sdk/react';
-import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
-import { format, ZappieError, previewItem, ZappieCartError } from '@zappie/sdk';
-import { srcSet, resized } from '@zappie/sdk/template';
-
-// src/version.ts
-var PACKAGE_VERSION = "0.1.1" ;
-var AccountNotConfiguredError = class extends Error {
-  constructor() {
-    super("Account authentication requires SDK auth (Open Storefronts PRD 13)");
-    this.code = "not_configured";
-    this.name = "AccountNotConfiguredError";
-  }
-};
-async function signIn(_options) {
-  throw new AccountNotConfiguredError();
-}
-async function signOut(_options) {
-  throw new AccountNotConfiguredError();
-}
-var SignIn = forwardRef(function SignIn2(props, ref) {
-  return part(
-    "div",
-    props,
-    { signIn, status: "not_configured" },
-    { "data-state": "invalid" },
-    ref
-  );
-});
-var SignOut = forwardRef(function SignOut2(props, ref) {
-  return part(
-    "div",
-    props,
-    { signOut, status: "not_configured" },
-    { "data-state": "invalid" },
-    ref
-  );
-});
-var CustomerPart = forwardRef(function Customer(props, ref) {
-  return part(
-    "div",
-    props,
-    { customer: null, status: "not_configured" },
-    { "data-state": "invalid" },
-    ref
-  );
-});
-var Account = { SignIn, SignOut, Customer: CustomerPart };
-
-// src/internal/data-attrs.ts
-function flag(value) {
-  return value ? "" : void 0;
-}
-function useControllableState({
-  value,
-  defaultValue,
-  onChange
-}) {
-  const [internal, setInternal] = useState(defaultValue);
-  const current = value === void 0 ? internal : value;
-  const latest = useRef({ current, onChange, controlled: value !== void 0 });
-  latest.current = { current, onChange, controlled: value !== void 0 };
-  const set = useCallback((next) => {
-    const snapshot = latest.current;
-    const resolved = typeof next === "function" ? next(snapshot.current) : next;
-    if (Object.is(resolved, snapshot.current)) {
-      return;
-    }
-    if (!snapshot.controlled) {
-      latest.current.current = resolved;
-      setInternal(resolved);
-    }
-    snapshot.onChange?.(resolved);
-  }, []);
-  return [current, set];
-}
-var Context = createContext(null);
-function useQuantity() {
-  const context = useContext(Context);
-  if (!context) {
-    throw new Error("Quantity parts require Quantity.Root");
-  }
-  return context;
-}
-function Root({
-  value,
-  defaultValue,
-  onValueChange,
-  min = 1,
-  max = 99,
-  step = 1,
-  disabled = false,
-  ...props
-}) {
-  if (!Number.isFinite(min) || !Number.isFinite(max) || !Number.isFinite(step) || step <= 0 || min > max) {
-    throw new RangeError(
-      "Quantity requires finite ordered bounds and a positive step"
-    );
-  }
-  const [current, set] = useControllableState({
-    value,
-    defaultValue: defaultValue ?? min,
-    onChange: onValueChange
-  });
-  const setValue = useCallback(
-    (next) => {
-      if (!disabled && Number.isFinite(next)) {
-        const last = min + Math.floor((max - min) / step) * step;
-        set(
-          Math.max(
-            min,
-            Math.min(last, min + Math.round((next - min) / step) * step)
-          )
-        );
-      }
-    },
-    [min, max, step, disabled, set]
-  );
-  const state = useMemo(
-    () => ({ value: current, setValue, min, max, step, disabled }),
-    [current, setValue, min, max, step, disabled]
-  );
-  return /* @__PURE__ */ jsx(Context.Provider, { value: state, children: part("div", props, state, { "data-disabled": flag(disabled) }) });
-}
-function button(direction) {
-  return forwardRef(
-    function QuantityButton(props, ref) {
-      const ctx = useQuantity();
-      const disabled = ctx.disabled || (direction < 0 ? ctx.value <= ctx.min : ctx.value + ctx.step > ctx.max);
-      return part(
-        "button",
-        props,
-        ctx,
-        {
-          type: "button",
-          disabled,
-          "aria-disabled": disabled,
-          "data-disabled": flag(disabled),
-          onClick: () => ctx.setValue(ctx.value + direction * ctx.step)
-        },
-        ref
-      );
-    }
-  );
-}
-var Value = forwardRef(
-  function Value2(props, ref) {
-    const ctx = useQuantity();
-    return part(
-      "input",
-      props,
-      ctx,
-      {
-        type: "text",
-        inputMode: "numeric",
-        role: "spinbutton",
-        value: String(ctx.value),
-        disabled: ctx.disabled,
-        "aria-valuenow": ctx.value,
-        "aria-valuemin": ctx.min,
-        "aria-valuemax": ctx.max,
-        onChange: (event) => {
-          if (event.target.value.trim()) {
-            ctx.setValue(Number(event.target.value));
-          }
-        },
-        onKeyDown: (event) => {
-          const next = {
-            ArrowUp: ctx.value + ctx.step,
-            ArrowDown: ctx.value - ctx.step,
-            Home: ctx.min,
-            End: ctx.max
-          }[event.key];
-          if (next !== void 0) {
-            event.preventDefault();
-            ctx.setValue(next);
-          }
-        }
-      },
-      ref
-    );
-  }
-);
-var Quantity = {
-  Root,
-  Value,
-  Increment: button(1),
-  Decrement: button(-1)
-};
-var Context2 = createContext(null);
-function useContextValue() {
-  const value = useContext(Context2);
-  if (!value) {
-    throw new Error("Cart parts require Cart.Root");
-  }
-  return value;
-}
-function Root2(props) {
-  const state = useCart();
-  return /* @__PURE__ */ jsx(Context2.Provider, { value: state, children: part("div", props, state, {
-    "data-state": !state.isHydrated ? "loading" : state.issues.some((issue) => issue.severity === "blocking") ? "invalid" : "valid"
-  }) });
-}
-var Line = forwardRef(function Line2({ line, ...props }, ref) {
-  const cart = useContextValue();
-  const item = useCartCatalogue()?.items[line.itemId];
-  const current = cart.lines.find((candidate) => candidate.id === line.id);
-  if (!current) {
-    return null;
-  }
-  const context = {
-    line: current,
-    item,
-    edit: (patch) => cart.actions.update(line.id, patch),
-    remove: () => cart.actions.remove(line.id)
-  };
-  return part(
-    "div",
-    props,
-    context,
-    {
-      "data-zappie-cart-line": line.id,
-      "data-invalid": cart.issues.some(
-        (issue) => issue.lineId === line.id && issue.severity === "blocking"
-      ) ? "" : void 0
-    },
-    ref
-  );
-});
-function CartQuantity({
-  lineId,
-  ...props
-}) {
-  const cart = useContextValue();
-  const line = cart.lines.find((candidate) => candidate.id === lineId);
-  const item = useCartCatalogue()?.items[line?.itemId ?? ""];
-  if (!line) {
-    return null;
-  }
-  const step = item?.quantity.step ?? 1;
-  const min = Math.ceil((item?.quantity.min ?? 1) / step) * step;
-  return /* @__PURE__ */ jsx(
-    Quantity.Root,
-    {
-      ...props,
-      value: line.quantity,
-      min,
-      max: Math.min(item?.quantity.max ?? 99, 99),
-      step,
-      onValueChange: (quantity) => cart.actions.update(lineId, { quantity })
-    }
-  );
-}
-var Remove = forwardRef(
-  function Remove2({ lineId, ...props }, ref) {
-    const cart = useContextValue();
-    return part(
-      "button",
-      props,
-      {},
-      { type: "button", onClick: () => cart.actions.remove(lineId) },
-      ref
-    );
-  }
-);
-var Empty = forwardRef(function Empty2(props, ref) {
-  const cart = useContextValue();
-  return cart.isHydrated && !cart.lines.length ? part("div", props, {}, {}, ref) : null;
-});
-var Issues = forwardRef(function Issues2(props, ref) {
-  const cart = useContextValue();
-  return part(
-    "div",
-    props,
-    { issues: cart.issues, applyFix: cart.actions.applyFix },
-    {
-      "aria-live": "polite",
-      "data-state": cart.issues.length ? "invalid" : "valid"
-    },
-    ref
-  );
-});
-var Cart = {
-  Root: Root2,
-  Line,
-  Quantity: CartQuantity,
-  Remove,
-  Empty,
-  Issues
-};
-var Totals = forwardRef(
-  function Totals2(props, ref) {
-    const cart = useCart();
-    const client = useZappie();
-    const [failure, setFailure] = useState(null);
-    const [expired, setExpired] = useState(false);
-    const quote = "quote" in cart.state ? cart.state.quote : void 0;
-    useEffect(
-      () => client.on(
-        "quote_failed",
-        ({ code }) => setFailure(
-          code === "network_error" || code === "timeout" ? "offline" : "stale"
-        )
-      ),
-      [client]
-    );
-    useEffect(() => {
-      if (cart.state.status === "quoting" || quote) {
-        setFailure(null);
-      }
-      setExpired(Boolean(quote && Date.parse(quote.expiresAt) <= Date.now()));
-      if (!quote) {
-        return;
-      }
-      const timeout = setTimeout(
-        () => setExpired(true),
-        Math.max(
-          0,
-          Math.min(2147483647, Date.parse(quote.expiresAt) - Date.now())
-        )
-      );
-      return () => clearTimeout(timeout);
-    }, [quote, cart.state.status]);
-    const pending = cart.state.status === "ready" && !quote && cart.lines.length > 0;
-    const status = failure === "offline" ? "offline" : cart.state.status === "quoting" || !cart.isHydrated ? "loading" : failure === "stale" || expired ? "stale" : pending ? "loading" : !quote ? "stale" : "ready";
-    return part(
-      "div",
-      props,
-      { quote, status },
-      {
-        "aria-live": "polite",
-        "aria-busy": status === "loading",
-        "data-state": status === "ready" ? "valid" : status === "offline" ? "stale" : status
-      },
-      ref
-    );
-  }
-);
-function usePartId(provided) {
-  const id = useId();
-  return provided ?? `zappie-${id.replace(/[^a-zA-Z0-9_-]/g, "")}`;
-}
-function useCombobox(results, onSelect) {
-  const id = usePartId();
-  const [activeIndex, setActiveIndex] = useState(-1);
-  const [isOpen, setOpen] = useState(false);
-  const [listId, setListId] = useState(`${id}-list`);
-  const [optionIds, setOptionIds] = useState({});
-  useEffect(() => setActiveIndex(-1), [results.length]);
-  const registerOption = (index, id2) => setOptionIds(
-    (previous) => previous[index] === id2 ? previous : { ...previous, [index]: id2 }
-  );
-  const active = activeIndex < results.length ? activeIndex : -1;
-  const optionId = (index) => optionIds[index] ?? `${id}-option-${index}`;
-  const activeId = isOpen && active >= 0 ? optionId(active) : void 0;
-  useEffect(() => {
-    if (activeId) {
-      document.getElementById(activeId)?.scrollIntoView?.({ block: "nearest" });
-    }
-  }, [activeId]);
-  const select = (index) => {
-    const item = results[index];
-    if (item !== void 0) {
-      onSelect(item);
-      setOpen(false);
-      setActiveIndex(-1);
-    }
-  };
-  return {
-    setListId,
-    registerOption,
-    activeIndex: active,
-    setActiveIndex,
-    isOpen,
-    setOpen,
-    select,
-    inputProps: {
-      role: "combobox",
-      "aria-autocomplete": "list",
-      "aria-expanded": isOpen,
-      "aria-controls": listId,
-      "aria-activedescendant": activeId,
-      onKeyDown: (event) => {
-        if (event.nativeEvent.isComposing || event.keyCode === 229) {
-          return;
-        }
-        if (event.key === "Escape") {
-          event.preventDefault();
-          setOpen(false);
-          setActiveIndex(-1);
-        } else if (event.key === "ArrowDown" || event.key === "ArrowUp") {
-          event.preventDefault();
-          setOpen(true);
-          setActiveIndex(
-            results.length ? active < 0 ? event.key === "ArrowDown" ? 0 : results.length - 1 : (active + (event.key === "ArrowDown" ? 1 : -1) + results.length) % results.length : -1
-          );
-        } else if (event.key === "Enter" && isOpen && active >= 0) {
-          event.preventDefault();
-          select(active);
-        }
-      },
-      onFocus: () => setOpen(true)
-    },
-    listProps: { id: listId, role: "listbox", hidden: !isOpen },
-    getOptionProps: (index) => ({
-      id: optionId(index),
-      role: "option",
-      "aria-selected": active === index,
-      "data-selected": active === index ? "" : void 0,
-      onMouseDown: (event) => event.preventDefault(),
-      // Inside a drawer or sheet, the overlay engine starts a swipe on any
-      // press that isn't a button, link or field, then captures the pointer,
-      // so the option's click never fires on touch. Options aren't swipe handles.
-      onPointerDown: (event) => event.stopPropagation(),
-      onTouchStart: (event) => event.stopPropagation(),
-      onClick: () => select(index)
-    })
-  };
-}
-var visuallyHidden = {
-  position: "absolute",
-  width: 1,
-  height: 1,
-  margin: -1,
-  padding: 0,
-  border: 0,
-  overflow: "hidden",
-  clip: "rect(0 0 0 0)",
-  whiteSpace: "nowrap"
-};
-function countAnnouncement(count) {
-  return count === 0 ? "No results" : `${count} result${count === 1 ? "" : "s"} available`;
-}
-function LiveRegion({ message }) {
-  return /* @__PURE__ */ jsx(
-    "span",
-    {
-      role: "status",
-      "aria-live": "polite",
-      "aria-atomic": "true",
-      "data-zappie-live": "",
-      style: visuallyHidden,
-      children: message
-    }
-  );
-}
-function withLiveRegion(props, message) {
-  if (props.asChild) {
-    return props;
-  }
-  const children = props.children;
-  return {
-    ...props,
-    children: (state) => /* @__PURE__ */ jsxs(Fragment, { children: [
-      typeof children === "function" ? children(state) : children,
-      /* @__PURE__ */ jsx(LiveRegion, { message })
-    ] })
-  };
-}
-var Context3 = createContext(null);
-function useAddress() {
-  const ctx = useContext(Context3);
-  if (!ctx) {
-    throw new Error("Address parts require Address.Picker");
-  }
-  return ctx;
-}
-function Picker({
-  getSuggestions,
-  onSelect,
-  query,
-  defaultQuery = "",
-  onQueryChange,
-  debounceMs = 200,
-  announcement = countAnnouncement,
-  ...props
-}) {
-  const [value, setValue] = useControllableState({
-    value: query,
-    defaultValue: defaultQuery,
-    onChange: onQueryChange
-  });
-  const [response, setResponse] = useState({ query: "", suggestions: [], status: "ready" });
-  const suggestions = response.query === value ? response.suggestions : [];
-  const combo = useCombobox(suggestions, (suggestion) => {
-    setValue(suggestion.label);
-    onSelect(suggestion);
-  });
-  useEffect(() => {
-    if (!value.trim()) {
-      setResponse({ query: value, suggestions: [], status: "ready" });
-      return;
-    }
-    let live = true;
-    const abort = new AbortController();
-    setResponse({ query: value, suggestions: [], status: "loading" });
-    const timer = setTimeout(() => {
-      void Promise.resolve().then(() => getSuggestions(value, abort.signal)).then(
-        (items) => {
-          if (live) {
-            setResponse({
-              query: value,
-              suggestions: items,
-              status: "ready"
-            });
-          }
-        },
-        (error) => {
-          if (live) {
-            setResponse({
-              query: value,
-              suggestions: [],
-              status: "error",
-              error
-            });
-          }
-        }
-      );
-    }, debounceMs);
-    return () => {
-      live = false;
-      abort.abort();
-      clearTimeout(timer);
-    };
-  }, [value, getSuggestions, debounceMs]);
-  const setQuery = (next) => {
-    setValue(next);
-    combo.setOpen(true);
-    combo.setActiveIndex(-1);
-  };
-  const state = {
-    ...combo,
-    query: value,
-    setQuery,
-    suggestions,
-    status: response.status,
-    error: response.error
-  };
-  return /* @__PURE__ */ jsx(Context3.Provider, { value: state, children: part(
-    "div",
-    withLiveRegion(
-      props,
-      combo.isOpen && value.trim() && response.status === "ready" ? announcement(suggestions.length) : ""
-    ),
-    state,
-    {
-      "data-state": response.status === "error" ? "invalid" : response.status === "loading" ? "loading" : "valid",
-      onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) {
-          combo.setOpen(false);
-        }
-      }
-    }
-  ) });
-}
-var Input = forwardRef(
-  function Input2(props, ref) {
-    const state = useAddress();
-    return part(
-      "input",
-      props,
-      state,
-      {
-        ...state.inputProps,
-        type: "text",
-        autoComplete: "street-address",
-        "data-zappie-address-input": "",
-        value: state.query,
-        onChange: (event) => state.setQuery(event.target.value)
-      },
-      ref
-    );
-  }
-);
-var Suggestions = forwardRef(
-  function Suggestions2(props, ref) {
-    const state = useAddress();
-    return part(
-      "div",
-      props,
-      state,
-      { ...state.listProps, "aria-busy": state.status === "loading" },
-      composeRefs(ref, (node) => {
-        if (node?.id && node.id !== state.listProps.id) {
-          state.setListId(node.id);
-        }
-      })
-    );
-  }
-);
-var Suggestion = forwardRef(function Suggestion2({ index, ...props }, ref) {
-  const state = useAddress();
-  return part(
-    "div",
-    props,
-    state,
-    state.getOptionProps(index),
-    composeRefs(ref, (node) => {
-      if (node?.id && node.id !== state.getOptionProps(index).id) {
-        state.registerOption(index, node.id);
-      }
-    })
-  );
-});
-var Address = { Picker, Input, Suggestions, Suggestion };
-
-// src/status/hours.ts
-var DAY = 864e5;
-var formatters = /* @__PURE__ */ new Map();
-function formatter(timezone) {
-  let value = formatters.get(timezone);
-  if (!value) {
-    value = new Intl.DateTimeFormat("en-CA", {
-      timeZone: timezone,
-      year: "numeric",
-      month: "2-digit",
-      day: "2-digit",
-      hour: "2-digit",
-      minute: "2-digit",
-      second: "2-digit",
-      hourCycle: "h23"
-    });
-    formatters.set(timezone, value);
-  }
-  return value;
-}
-function localParts(date, timezone) {
-  const parts = Object.fromEntries(
-    formatter(timezone).formatToParts(date).map(({ type, value }) => [type, value])
-  );
-  return {
-    date: `${parts.year}-${parts.month}-${parts.day}`,
-    hour: Number(parts.hour),
-    minute: Number(parts.minute),
-    second: Number(parts.second)
-  };
-}
-function parseWallClock(value) {
-  const match = /^(\d{2}):(\d{2})(?::(\d{2}))?$/.exec(value);
-  if (!match || Number(match[1]) > 23 || Number(match[2]) > 59 || Number(match[3] ?? 0) > 59) {
-    return void 0;
-  }
-  const hour24 = Number(match[1]);
-  return {
-    hour24,
-    hour12: hour24 % 12 || 12,
-    minute: Number(match[2]),
-    second: Number(match[3] ?? 0),
-    period: hour24 >= 12 ? "PM" : "AM"
-  };
-}
-function formatWallClock(value) {
-  const time = parseWallClock(value);
-  return time ? `${time.hour12}${time.minute ? `:${String(time.minute).padStart(2, "0")}` : ""} ${time.period}` : value;
-}
-function formatOpeningHours(times) {
-  const names = [
-    "Sunday",
-    "Monday",
-    "Tuesday",
-    "Wednesday",
-    "Thursday",
-    "Friday",
-    "Saturday"
-  ];
-  const groups = [];
-  for (let day = 0; day < 7; day++) {
-    const intervals = times.filter((time) => !time.disabled && time.day === day).sort((a, b) => a.opens.localeCompare(b.opens));
-    if (!intervals.length) {
-      continue;
-    }
-    const hoursLabel = intervals.map(
-      (time) => `${formatWallClock(time.opens)} \u2013 ${formatWallClock(time.closes)}`
-    ).join(", ");
-    const last = groups[groups.length - 1];
-    if (last && last.days[last.days.length - 1] === day - 1 && last.hoursLabel === hoursLabel) {
-      last.days.push(day);
-      last.dayLabel = `${names[last.days[0]]} \u2013 ${names[day]}`;
-    } else {
-      groups.push({ days: [day], dayLabel: names[day], hoursLabel });
-    }
-  }
-  return groups;
-}
-function dateOffset(date, days) {
-  return new Date(Date.parse(`${date}T00:00:00Z`) + days * DAY).toISOString().slice(0, 10);
-}
-function wallInstants(date, clock, timezone) {
-  const time = parseWallClock(clock);
-  if (!time) {
-    return [];
-  }
-  const wall = Date.parse(`${date}T00:00:00Z`) + ((time.hour24 * 60 + time.minute) * 60 + time.second) * 1e3;
-  const offsets = /* @__PURE__ */ new Set();
-  for (const shift of [-DAY, 0, DAY]) {
-    const sample = wall + shift;
-    const local = localParts(new Date(sample), timezone);
-    const asUTC = Date.parse(`${local.date}T00:00:00Z`) + ((local.hour * 60 + local.minute) * 60 + local.second) * 1e3;
-    offsets.add(asUTC - sample);
-  }
-  const matches = [];
-  for (const offset of offsets) {
-    const instant = wall - offset;
-    const local = localParts(new Date(instant), timezone);
-    if (local.date === date && local.hour === time.hour24 && local.minute === time.minute && local.second === time.second) {
-      matches.push(instant);
-    }
-  }
-  return matches.sort((a, b) => a - b);
-}
-function openingIntervals(branch, timezone, now, days = 8) {
-  const today = localParts(now, timezone).date;
-  const intervals = [];
-  for (let offset = -1; offset < days; offset++) {
-    const date = dateOffset(today, offset);
-    const day = (/* @__PURE__ */ new Date(`${date}T00:00:00Z`)).getUTCDay();
-    const special = branch.specialHours?.find((hours) => hours.date === date);
-    const times = special ? special.closed || !special.opens || !special.closes ? [] : [{ opens: special.opens, closes: special.closes }] : branch.openingTimes.filter(
-      (hours) => hours.day === day && !hours.disabled
-    );
-    for (const hours of times) {
-      const starts = wallInstants(date, hours.opens, timezone);
-      const overnight = hours.closes <= hours.opens;
-      const endDate = overnight ? dateOffset(date, 1) : date;
-      const ends = wallInstants(endDate, hours.closes, timezone);
-      const start = starts[0];
-      let end = ends[ends.length - 1];
-      if (overnight && branch.specialHours?.some(
-        (hours2) => hours2.date === endDate && hours2.closed
-      )) {
-        end = wallInstants(endDate, "00:00", timezone)[0];
-      }
-      if (start !== void 0 && end !== void 0 && start < end) {
-        intervals.push({ start, end });
-      }
-    }
-  }
-  const closedUntil = branch.closedUntil ? Date.parse(branch.closedUntil) : -Infinity;
-  const sorted = intervals.map(({ start, end }) => ({ start: Math.max(start, closedUntil), end })).filter(({ start, end }) => start < end).sort((a, b) => a.start - b.start);
-  const merged = [];
-  for (const interval of sorted) {
-    const last = merged[merged.length - 1];
-    if (last && interval.start <= last.end) {
-      last.end = Math.max(last.end, interval.end);
-    } else {
-      merged.push({ ...interval });
-    }
-  }
-  return merged;
-}
-function getOpenStatus(branch, timezone, now = /* @__PURE__ */ new Date()) {
-  const intervals = openingIntervals(branch, timezone, now);
-  const current = intervals.find(
-    ({ start, end }) => start <= now.getTime() && end > now.getTime()
-  );
-  const next = current?.end ?? intervals.find(({ start }) => start > now.getTime())?.start;
-  if (next === void 0) {
-    return { isOpen: false, label: "Closed" };
-  }
-  const nextChange = new Date(next);
-  const local = localParts(nextChange, timezone);
-  const clock = formatWallClock(
-    `${String(local.hour).padStart(2, "0")}:${String(local.minute).padStart(2, "0")}`
-  ).toLowerCase().replace(" ", "");
-  const today = localParts(now, timezone).date;
-  const suffix = local.date === today ? "" : local.date === dateOffset(today, 1) ? " tomorrow" : ` ${new Intl.DateTimeFormat("en", { timeZone: timezone, weekday: "long" }).format(nextChange)}`;
-  return {
-    isOpen: Boolean(current),
-    label: current ? `Open until ${clock}` : `Opens ${clock}${suffix}`,
-    nextChange
-  };
-}
-
-// src/fulfilment/branch-picker.tsx
-var Picker2 = forwardRef(function Picker3({ branches, value, onSelect, ...props }, ref) {
-  const cart = useCart();
-  const store = useStore();
-  const [isLoading, setLoading] = useState(false);
-  const [error, setError] = useState();
-  const selected = branches.find(
-    (branch) => branch.id === (value ?? cart.branchId)
-  );
-  const select = async (branch) => {
-    if (isLoading || branch.id === cart.branchId || !branches.some((candidate) => candidate.id === branch.id)) {
-      return;
-    }
-    setLoading(true);
-    setError(void 0);
-    try {
-      await cart.actions.moveTo(branch.id);
-      onSelect?.(branch);
-    } catch (failure) {
-      setError(failure);
-    } finally {
-      setLoading(false);
-    }
-  };
-  return part(
-    "div",
-    props,
-    {
-      branches,
-      selected,
-      select,
-      isLoading,
-      error,
-      isOpenNow: (branch) => getOpenStatus(branch, branch.timezone ?? store.data?.timezone ?? "UTC").isOpen
-    },
-    {
-      role: "group",
-      "aria-busy": isLoading,
-      "data-state": isLoading ? "loading" : error ? "invalid" : "valid"
-    },
-    ref
-  );
-});
-var Branch = { Picker: Picker2 };
-function scheduleSlots(branch, timezone, now, {
-  intervalMinutes = 30,
-  maxDays = 14,
-  noticeMinutes = 0,
-  menuSchedule
-} = {}) {
-  if (!Number.isInteger(intervalMinutes) || intervalMinutes < 1 || !Number.isInteger(maxDays) || maxDays < 1 || maxDays > 90 || !Number.isFinite(noticeMinutes) || noticeMinutes < 0) {
-    throw new RangeError(
-      "Schedule requires a positive interval, 1\u201390 days and a non-negative notice"
-    );
-  }
-  if (!branch.fulfilment.scheduling) {
-    return [];
-  }
-  const preorder = menuSchedule?.preorder ? menuSchedule : void 0;
-  const days = preorder?.preorderMaxDays && preorder.preorderMaxDays > 0 ? Math.min(maxDays, preorder.preorderMaxDays) : maxDays;
-  const earliest = now.getTime() + Math.max(noticeMinutes, (preorder?.preorderNoticeHours ?? 0) * 60) * 6e4;
-  const latest = now.getTime() + days * 864e5;
-  const menuIntervals = menuSchedule?.openingTimes.length ? openingIntervals(
-    {
-      ...branch,
-      openingTimes: menuSchedule.openingTimes,
-      specialHours: []
-    },
-    timezone,
-    now,
-    days + 1
-  ) : void 0;
-  const slots = [];
-  for (const { start, end } of openingIntervals(
-    branch,
-    timezone,
-    now,
-    days + 1
-  )) {
-    const first = start + Math.max(0, Math.ceil((earliest - start) / (intervalMinutes * 6e4))) * intervalMinutes * 6e4;
-    for (let instant = first; instant < end && instant <= latest; instant += intervalMinutes * 6e4) {
-      if (menuIntervals && !menuIntervals.some(
-        (interval) => interval.start <= instant && interval.end > instant
-      )) {
-        continue;
-      }
-      const date = new Date(instant);
-      slots.push({
-        value: date.toISOString(),
-        date: localParts(date, timezone).date,
-        label: new Intl.DateTimeFormat("en", {
-          timeZone: timezone,
-          hour: "numeric",
-          minute: "2-digit",
-          timeZoneName: "shortOffset"
-        }).format(date)
-      });
-    }
-  }
-  return slots;
-}
-var Schedule = forwardRef(function Schedule2({
-  branch,
-  timezone: suppliedTimezone,
-  value,
-  defaultValue = null,
-  onValueChange,
-  intervalMinutes,
-  maxDays,
-  noticeMinutes,
-  ...props
-}, ref) {
-  const store = useStore();
-  const menu = useMenu(branch.id, { metadataOnly: true });
-  const timezone = suppliedTimezone ?? branch.timezone ?? store.data?.timezone ?? "UTC";
-  const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
-  useEffect(() => {
-    const timer = setTimeout(
-      () => setNow(/* @__PURE__ */ new Date()),
-      6e4 - Date.now() % 6e4
-    );
-    return () => clearTimeout(timer);
-  }, [now]);
-  const [selection, setSelection] = useControllableState({
-    value,
-    defaultValue,
-    onChange: onValueChange
-  });
-  const slots = useMemo(
-    () => menu.isLoading || menu.error ? [] : scheduleSlots(branch, timezone, now, {
-      intervalMinutes,
-      maxDays,
-      noticeMinutes,
-      menuSchedule: menu.data?.schedule
-    }),
-    [
-      branch,
-      timezone,
-      now,
-      intervalMinutes,
-      maxDays,
-      noticeMinutes,
-      menu.data?.schedule,
-      menu.isLoading,
-      menu.error
-    ]
-  );
-  const days = Array.from(new Set(slots.map((slot) => slot.date))).map(
-    (date) => ({ date, slots: slots.filter((slot) => slot.date === date) })
-  );
-  const canAsap = !menu.isLoading && !menu.error && !menu.data?.schedule?.preorder && getOpenStatus(branch, timezone, now).isOpen;
-  const isValid = selection === null ? canAsap : slots.some((slot) => slot.value === selection);
-  const setValue = (next) => {
-    if (next === null ? canAsap : slots.some((slot) => slot.value === next)) {
-      setSelection(next);
-    }
-  };
-  return part(
-    "div",
-    props,
-    {
-      days,
-      slots,
-      value: selection,
-      setValue,
-      isAsap: selection === null,
-      canAsap,
-      isValid
-    },
-    {
-      role: "group",
-      "data-state": isValid ? "valid" : "invalid",
-      "data-invalid": isValid ? void 0 : ""
-    },
-    ref
-  );
-});
-var Switch = forwardRef(function Switch2({ value, defaultValue, onValueChange, ...props }, ref) {
-  const cart = useCart();
-  const store = useStore();
-  const [selection, setSelection] = useControllableState({
-    value,
-    defaultValue: defaultValue ?? cart.fulfilment,
-    onChange: onValueChange
-  });
-  const current = value === void 0 && defaultValue === void 0 ? cart.fulfilment : selection;
-  const branch = store.data?.branches.find(
-    (branch2) => branch2.id === (cart.branchId ?? current?.branchId)
-  ) ?? store.data?.branches.find((branch2) => branch2.isDefault) ?? store.data?.branches[0];
-  const available = branch?.fulfilment;
-  const options = [];
-  if (available?.pickup) {
-    options.push("pickup");
-  }
-  if (available?.delivery) {
-    options.push("delivery");
-  }
-  if (available?.dineIn) {
-    options.push("dine_in");
-  }
-  const setValue = (next) => {
-    if (!options.includes(next.type) || next.branchId !== branch?.id) {
-      throw new ZappieError(
-        "invalid_request",
-        "Select an offered fulfilment mode for this branch"
-      );
-    }
-    cart.actions.setFulfilment(next);
-    setSelection(next);
-  };
-  return part(
-    "div",
-    props,
-    { options, value: current, setValue },
-    { role: "group" },
-    ref
-  );
-});
-var Fulfilment = { Switch };
-var ItemFormStateContext = createContext(null);
-function useItemForm() {
-  const value = useContext(ItemFormStateContext);
-  if (!value) {
-    throw new Error("ItemForm parts require ItemForm.Root");
-  }
-  return value;
-}
-var GroupRegistry = createContext(
-  null
-);
-function Root3({
-  item,
-  value,
-  defaultValue,
-  onValueChange,
-  defaultQuantity,
-  onAdded,
-  onCommit,
-  ...props
-}) {
-  const client = useZappie();
-  const menu = useCartCatalogue();
-  const [input, setInput] = useControllableState({
-    value,
-    defaultValue: {
-      ...defaultValue,
-      itemId: item.id,
-      quantity: defaultQuantity ?? defaultValue?.quantity ?? item.quantity.min
-    },
-    onChange: onValueChange
-  });
-  const registry = useRef(/* @__PURE__ */ new Map());
-  const [added, setAdded] = useState(false);
-  const [attempted, setAttempted] = useState(false);
-  const [failure, setFailure] = useState(null);
-  const normalized = useMemo(
-    () => ({ ...input, itemId: item.id }),
-    [input, item.id]
-  );
-  const preview = useMemo(
-    () => previewItem(item, normalized),
-    [item, normalized]
-  );
-  const validation = useMemo(
-    () => client.cart.validate(normalized),
-    [client, normalized, menu]
-  );
-  const issues = failure ?? (attempted && !validation.ok ? validation.issues : []);
-  const setValue = useCallback(
-    (next) => {
-      setAdded(false);
-      setFailure(null);
-      setInput({ ...next, itemId: item.id });
-    },
-    [setInput, item.id]
-  );
-  const setQuantity = useCallback(
-    (quantity) => setValue({ ...normalized, quantity }),
-    [setValue, normalized]
-  );
-  const focusIssue = useCallback((errors) => {
-    for (const [groupId, element] of registry.current) {
-      if (errors.some((issue) => issue.groupId === groupId)) {
-        element.focus();
-        break;
-      }
-    }
-  }, []);
-  const add = useCallback(() => {
-    const result = client.cart.validate(normalized);
-    if (!result.ok) {
-      setAttempted(true);
-      setFailure(result.issues);
-      focusIssue(result.issues);
-      return null;
-    }
-    try {
-      const line = onCommit ? onCommit(normalized) : client.cart.add(item, normalized);
-      setAttempted(false);
-      setAdded(true);
-      onAdded?.(line);
-      return line;
-    } catch (error) {
-      if (error instanceof ZappieCartError) {
-        setAttempted(true);
-        setFailure([...error.issues]);
-        focusIssue([...error.issues]);
-        return null;
-      }
-      throw error;
-    }
-  }, [client, normalized, item, onAdded, onCommit, focusIssue]);
-  const context = useMemo(
-    () => ({
-      item,
-      ...preview,
-      quantity: normalized.quantity ?? item.quantity.min,
-      setQuantity,
-      issues,
-      canAdd: validation.ok && !failure,
-      add,
-      status: added ? "added" : validation.ok ? "valid" : "incomplete",
-      value: normalized,
-      setValue
-    }),
-    [
-      item,
-      preview,
-      normalized,
-      setQuantity,
-      issues,
-      validation.ok,
-      failure,
-      add,
-      added,
-      setValue
-    ]
-  );
-  return /* @__PURE__ */ jsx(ItemFormStateContext.Provider, { value: context, children: /* @__PURE__ */ jsx(GroupRegistry.Provider, { value: registry.current, children: part("div", props, context, {
-    "data-zappie-item": item.id,
-    "data-state": issues.length ? "invalid" : "valid",
-    "data-sold-out": item.isAvailable ? void 0 : ""
-  }) }) });
-}
-
-// src/item-form/options.tsx
-var Options = forwardRef(
-  function Options2(props, ref) {
-    return part("div", props, useItemForm(), {}, ref);
-  }
-);
-var Add = forwardRef(
-  function Add2(props, ref) {
-    const context = useItemForm();
-    return part(
-      "button",
-      props,
-      context,
-      {
-        type: "button",
-        onClick: context.add,
-        "data-zappie-action": "add-to-cart"
-      },
-      ref
-    );
-  }
-);
-var Context4 = createContext(null);
-function useGroup() {
-  const value = useContext(Context4);
-  if (!value) {
-    throw new Error("Choice and OptionGroup.Input require OptionGroup");
-  }
-  return value;
-}
-var Group = forwardRef(function OptionGroup({ group: supplied, ...props }, ref) {
-  const ctx = useItemForm();
-  const registry = useContext(GroupRegistry);
-  const group = ctx.groups.find((candidate) => candidate.id === supplied.id) ?? supplied;
-  const mine = ctx.value.choices?.filter((choice) => choice.groupId === group.id) ?? [];
-  const selected = mine.map((choice) => choice.choiceId);
-  const quantities = Object.fromEntries(
-    mine.map((choice) => [choice.choiceId, choice.quantity ?? 1])
-  );
-  const invalid = ctx.issues.some((issue) => issue.groupId === group.id);
-  const input = ctx.value.inputs?.[group.id] ?? "";
-  const latest = useRef({ ctx, group });
-  latest.current = { ctx, group };
-  const actions = useMemo(
-    () => ({
-      toggle: (id) => {
-        const { ctx: ctx2, group: group2 } = latest.current;
-        const choice = group2.choices.find((candidate) => candidate.id === id);
-        if (!choice?.isAvailable) {
-          return;
-        }
-        const previous = ctx2.value.choices ?? [];
-        const chosen = previous.some(
-          (candidate) => candidate.groupId === group2.id && candidate.choiceId === id
-        );
-        let choices = previous.filter(
-          (candidate) => candidate.groupId !== group2.id || group2.selection.max !== 1 && candidate.choiceId !== id
-        );
-        if (!chosen || group2.selection.max === 1 && group2.required) {
-          choices = [
-            ...choices,
-            {
-              groupId: group2.id,
-              choiceId: id,
-              quantity: choice.quantity?.min ?? 1
-            }
-          ];
-        }
-        const inputs = { ...ctx2.value.inputs };
-        delete inputs[group2.id];
-        ctx2.setValue({ ...ctx2.value, choices, inputs });
-      },
-      setQuantity: (id, quantity) => {
-        const { ctx: ctx2, group: group2 } = latest.current;
-        const choice = group2.choices.find((candidate) => candidate.id === id);
-        if (!choice?.isAvailable || !Number.isInteger(quantity)) {
-          return;
-        }
-        const others = (ctx2.value.choices ?? []).filter(
-          (candidate) => candidate.groupId !== group2.id || group2.selection.max !== 1 && candidate.choiceId !== id
-        );
-        if (quantity <= 0) {
-          ctx2.setValue({
-            ...ctx2.value,
-            choices: (ctx2.value.choices ?? []).filter(
-              (candidate) => candidate.groupId !== group2.id || candidate.choiceId !== id
-            )
-          });
-          return;
-        }
-        const min = choice.quantity?.min ?? 1;
-        const max = choice.quantity?.max ?? 99;
-        ctx2.setValue({
-          ...ctx2.value,
-          choices: [
-            ...others,
-            {
-              groupId: group2.id,
-              choiceId: id,
-              quantity: Math.min(max, Math.max(min, quantity))
-            }
-          ]
-        });
-      },
-      setInput: (value) => {
-        const { ctx: ctx2, group: group2 } = latest.current;
-        ctx2.setValue({
-          ...ctx2.value,
-          choices: (ctx2.value.choices ?? []).filter(
-            (choice) => choice.groupId !== group2.id
-          ),
-          inputs: {
-            ...ctx2.value.inputs,
-            [group2.id]: value.slice(0, group2.input?.maxLength ?? 500)
-          }
-        });
-      }
-    }),
-    []
-  );
-  const selectionKey = JSON.stringify(quantities);
-  const state = useMemo(
-    () => ({ group, selected, quantities, invalid, input, ...actions }),
-    [group, selectionKey, invalid, input, actions]
-  );
-  const single = group.kind === "select" && group.selection.max === 1;
-  return /* @__PURE__ */ jsx(Context4.Provider, { value: state, children: part(
-    "div",
-    props,
-    state,
-    {
-      role: single ? "radiogroup" : "group",
-      tabIndex: -1,
-      "aria-label": group.name,
-      "aria-required": single ? group.required : void 0,
-      "aria-invalid": invalid || void 0,
-      "data-invalid": flag(invalid),
-      "data-state": invalid ? "invalid" : "valid",
-      "data-zappie-option-group": group.id,
-      onKeyDown: (event) => {
-        if (!single || ![
-          "ArrowDown",
-          "ArrowRight",
-          "ArrowUp",
-          "ArrowLeft",
-          "Home",
-          "End"
-        ].includes(event.key)) {
-          return;
-        }
-        const choices = Array.from(
-          event.currentTarget.querySelectorAll(
-            '[role="radio"]:not([aria-disabled="true"])'
-          )
-        );
-        if (!choices.length) {
-          return;
-        }
-        const current = choices.indexOf(
-          document.activeElement
-        );
-        const index = event.key === "Home" ? 0 : event.key === "End" ? choices.length - 1 : (current + (event.key === "ArrowUp" || event.key === "ArrowLeft" ? -1 : 1) + choices.length) % choices.length;
-        event.preventDefault();
-        choices[index]?.focus();
-        choices[index]?.click();
-      }
-    },
-    composeRefs(ref, (node) => {
-      if (node) {
-        registry.set(group.id, node);
-      } else {
-        registry.delete(group.id);
-      }
-    })
-  ) });
-});
-var ChoiceView = memo(
-  forwardRef(function ChoiceView2({
-    choice,
-    selected,
-    single,
-    tabIndex,
-    quantity,
-    toggleChoice,
-    setChoiceQuantity,
-    ...props
-  }, ref) {
-    const toggle = () => toggleChoice(choice.id);
-    const state = {
-      choice,
-      selected,
-      disabled: !choice.isAvailable,
-      toggle,
-      quantity,
-      min: choice.quantity?.min ?? 1,
-      max: choice.quantity?.max ?? 99,
-      setQuantity: (next) => setChoiceQuantity(choice.id, next)
-    };
-    return part(
-      "button",
-      props,
-      state,
-      {
-        type: "button",
-        role: single ? "radio" : "checkbox",
-        tabIndex,
-        "aria-checked": selected,
-        "aria-disabled": !choice.isAvailable,
-        disabled: !choice.isAvailable,
-        "data-selected": flag(selected),
-        "data-sold-out": flag(!choice.isAvailable),
-        "data-disabled": flag(!choice.isAvailable),
-        "data-state": selected ? "checked" : "unchecked",
-        "data-zappie-option": choice.id,
-        onClick: toggle
-      },
-      ref
-    );
-  })
-);
-var Choice = forwardRef(function Choice2(props, ref) {
-  const ctx = useGroup();
-  const single = ctx.group.selection.max === 1;
-  const selected = ctx.selected.includes(props.choice.id);
-  const first = ctx.group.choices.find((choice) => choice.isAvailable);
-  const tabIndex = !single || selected || !ctx.selected.length && first?.id === props.choice.id ? 0 : -1;
-  return /* @__PURE__ */ jsx(
-    ChoiceView,
-    {
-      ...props,
-      ref,
-      selected,
-      single,
-      tabIndex,
-      quantity: ctx.quantities[props.choice.id] ?? 0,
-      toggleChoice: ctx.toggle,
-      setChoiceQuantity: ctx.setQuantity
-    }
-  );
-});
-var Input3 = forwardRef(
-  function Input4(props, ref) {
-    const ctx = useGroup();
-    const id = usePartId(props.id);
-    const toggle = ctx.group.kind === "toggle";
-    return part(
-      "input",
-      props,
-      ctx,
-      {
-        id,
-        type: toggle ? "checkbox" : ctx.group.kind === "select" ? "text" : ctx.group.kind,
-        value: toggle ? void 0 : ctx.input,
-        checked: toggle ? ctx.input === "true" : void 0,
-        required: ctx.group.required,
-        "aria-label": ctx.group.name,
-        "aria-invalid": ctx.invalid || void 0,
-        "data-invalid": flag(ctx.invalid),
-        maxLength: ctx.group.input?.maxLength ?? 500,
-        placeholder: ctx.group.input?.placeholder,
-        onChange: (event) => ctx.setInput(
-          toggle ? String(event.target.checked) : event.target.value
-        )
-      },
-      ref
-    );
-  }
-);
-var OptionGroup2 = Object.assign(Group, { Input: Input3 });
-
-// src/item-form/index.ts
-var ItemForm = { Root: Root3, Options, Add };
-function Image({
-  src,
-  sizes = "100vw",
-  priority = false,
-  quality,
-  mode = "resize",
-  alt,
-  ...props
-}) {
-  const responsive = mode === "resize" && /^https?:\/\//.test(src);
-  return /* @__PURE__ */ jsx(
-    "img",
-    {
-      ...props,
-      alt,
-      src: responsive ? resized(src, 960, quality) : src,
-      ...responsive ? { srcSet: srcSet(src, quality), sizes } : {},
-      loading: priority ? "eager" : "lazy",
-      decoding: priority ? "sync" : "async",
-      ...priority ? { fetchPriority: "high" } : {}
-    }
-  );
-}
-var Money = forwardRef(function Money2({ value, formatOptions, ...props }, ref) {
-  const formatted = format.money(value, formatOptions);
-  return part(
-    "data",
-    { ...props, children: props.children ?? formatted },
-    { formatted },
-    { value: String(value.amountMinor) },
-    ref
-  );
-});
-function slotAttributes(index, length, value, disabled, update, focus) {
-  return {
-    type: "text",
-    inputMode: "numeric",
-    autoComplete: index === 0 ? "one-time-code" : "off",
-    "aria-label": `Digit ${index + 1} of ${length}`,
-    "data-otp-slot": index,
-    value: value[index] ?? "",
-    disabled,
-    onChange: (event) => update(index, event.target.value),
-    onPaste: (event) => {
-      event.preventDefault();
-      update(index, event.clipboardData.getData("text"));
-    },
-    onKeyDown: (event) => {
-      if (event.key === "Backspace") {
-        event.preventDefault();
-        const target = value[index] ? index : Math.max(0, index - 1);
-        update(target, "");
-        focus(target);
-      } else if (event.key === "ArrowLeft" || event.key === "ArrowRight") {
-        event.preventDefault();
-        focus(index + (event.key === "ArrowLeft" ? -1 : 1));
-      }
-    },
-    onFocus: (event) => event.currentTarget.select()
-  };
-}
-var Input5 = forwardRef(function Input6({
-  length = 6,
-  value,
-  defaultValue = "",
-  onValueChange,
-  onComplete,
-  disabled = false,
-  ...props
-}, ref) {
-  if (!Number.isInteger(length) || length < 1 || length > 12) {
-    throw new RangeError("OTP length must be 1\u201312");
-  }
-  const [current, setValue] = useControllableState({
-    value,
-    defaultValue,
-    onChange: onValueChange
-  });
-  const element = useRef(null);
-  const previous = useRef("");
-  const callback = useRef(onComplete);
-  callback.current = onComplete;
-  useEffect(() => {
-    if (current.length === length && /^\d+$/.test(current) && previous.current !== current) {
-      callback.current?.(current);
-    }
-    previous.current = current;
-  }, [current, length]);
-  const focus = (index) => element.current?.querySelector(
-    `[data-otp-slot="${Math.max(0, Math.min(length - 1, index))}"]`
-  )?.focus();
-  const update = (index, text) => {
-    if (disabled) {
-      return;
-    }
-    const digits = text.replace(/\D/g, "");
-    const start = digits.length >= length ? 0 : index;
-    const next = (current.slice(0, start) + digits + current.slice(start + Math.max(1, digits.length))).slice(0, length);
-    setValue(next);
-    if (digits) {
-      focus(start + digits.length);
-    }
-  };
-  const adopt = useRef(update);
-  adopt.current = update;
-  useEffect(() => {
-    const typed = Array.from(
-      element.current?.querySelectorAll("[data-otp-slot]") ?? [],
-      (input) => input.value
-    ).join("");
-    if (typed && typed !== current) {
-      adopt.current(0, typed);
-    }
-  }, []);
-  const getSlotProps = (index) => slotAttributes(index, length, current, disabled, update, focus);
-  const slots = Array.from({ length }, (_, index) => current[index] ?? "");
-  return part(
-    "div",
-    {
-      ...props,
-      children: props.children ?? slots.map((_, index) => /* @__PURE__ */ jsx("input", { ...getSlotProps(index) }, index))
-    },
-    { value: current, slots, getSlotProps },
-    { role: "group", "data-disabled": disabled ? "" : void 0 },
-    composeRefs(ref, element)
-  );
-});
-var Otp = { Input: Input5 };
-var engineModule;
-var enginePromise;
-function loadOverlayEngine() {
-  enginePromise ?? (enginePromise = import('./overlay/engine.js').then(
-    (module) => engineModule = module,
-    (error) => {
-      enginePromise = void 0;
-      throw error;
-    }
-  ));
-  return enginePromise;
-}
-function useOverlay(param, id, options) {
-  const search = useSyncExternalStore(
-    subscribeLocation,
-    locationSnapshot,
-    () => ""
-  );
-  const optionsRef = useRef(options);
-  optionsRef.current = options;
-  const open = useCallback(
-    (query) => openOverlay(param, id, query),
-    [param, id]
-  );
-  const close = useCallback(
-    () => closeOverlay(param, id, optionsRef.current),
-    [param, id]
-  );
-  return useMemo(
-    () => ({
-      isOpen: new URLSearchParams(search).get(param) === id,
-      open,
-      close
-    }),
-    [search, param, id, open, close]
-  );
-}
-var BREAKPOINTS = { sm: 640, md: 768, lg: 1024, xl: 1280 };
-function usePresentation(value) {
-  const key = typeof value === "string" ? value : JSON.stringify(value);
-  const resolve = useCallback(() => {
-    const parsed = key.startsWith("{") ? JSON.parse(key) : key;
-    if (typeof parsed === "string") {
-      return parsed;
-    }
-    let current = parsed.base;
-    for (const [name, width] of Object.entries(BREAKPOINTS)) {
-      const at = parsed[name];
-      if (at && window.matchMedia(`(min-width: ${width}px)`).matches) {
-        current = at;
-      }
-    }
-    return current;
-  }, [key]);
-  const subscribe = useCallback(
-    (onChange) => {
-      if (!key.startsWith("{")) {
-        return () => {
-        };
-      }
-      const queries = Object.values(BREAKPOINTS).map(
-        (width) => window.matchMedia(`(min-width: ${width}px)`)
-      );
-      queries.forEach((query) => query.addEventListener("change", onChange));
-      return () => queries.forEach(
-        (query) => query.removeEventListener("change", onChange)
-      );
-    },
-    [key]
-  );
-  return useSyncExternalStore(
-    subscribe,
-    resolve,
-    () => typeof value === "string" ? value : value.base
-  );
-}
-var Context5 = createContext(null);
-var EngineContext = createContext(null);
-function useContextValue2() {
-  const value = useContext(Context5);
-  if (!value) {
-    throw new Error("Overlay parts require Overlay.Root");
-  }
-  return value;
-}
-var prefetch = () => void loadOverlayEngine().catch(() => {
-});
-function Root4({
-  param,
-  id,
-  presentation = "dialog",
-  swipeDirection,
-  fallback,
-  omitParams,
-  navigation,
-  ...props
-}) {
-  const queryOverlay = useOverlay(param, id, { fallback, omitParams });
-  const overlay = navigation ?? queryOverlay;
-  const resolved = usePresentation(presentation);
-  const generated = useId();
-  const [contentId, setContentId] = useState(`zappie-overlay-${generated}`);
-  const trigger = useRef(null);
-  useEffect(() => {
-    if (engineModule) {
-      return void 0;
-    }
-    if (typeof window.requestIdleCallback === "function") {
-      const handle2 = window.requestIdleCallback(prefetch);
-      return () => window.cancelIdleCallback(handle2);
-    }
-    const handle = window.setTimeout(prefetch, 1500);
-    return () => window.clearTimeout(handle);
-  }, []);
-  const context = useMemo(
-    () => ({
-      ...overlay,
-      presentation: resolved,
-      swipeDirection: swipeDirection ?? (resolved === "sheet" ? "right" : "down"),
-      contentId,
-      setContentId,
-      trigger
-    }),
-    [overlay, resolved, swipeDirection, contentId]
-  );
-  return /* @__PURE__ */ jsx(Context5.Provider, { value: context, children: part("div", props, overlay, {
-    "data-state": overlay.isOpen ? "open" : "closed",
-    "data-presentation": resolved
-  }) });
-}
-var Trigger = forwardRef(
-  function Trigger2(props, ref) {
-    const ctx = useContextValue2();
-    return part(
-      "button",
-      props,
-      ctx,
-      {
-        type: "button",
-        "aria-haspopup": "dialog",
-        "aria-expanded": ctx.isOpen,
-        "aria-controls": ctx.contentId,
-        "data-state": ctx.isOpen ? "open" : "closed",
-        onPointerEnter: prefetch,
-        onFocus: prefetch,
-        onClick: () => ctx.open()
-      },
-      composeRefs(ref, (node) => {
-        ctx.trigger.current = node;
-      })
-    );
-  }
-);
-var Content = forwardRef(function Content2({ onEscape, onInteractOutside, forceMount, container, ...props }, ref) {
-  const ctx = useContextValue2();
-  const [engine, setEngine] = useState(engineModule);
-  const [opened, setOpened] = useState(ctx.isOpen);
-  if (ctx.isOpen && !opened) {
-    setOpened(true);
-  }
-  const customId = partId(props);
-  const { setContentId } = ctx;
-  useEffect(() => {
-    if (customId) {
-      setContentId(customId);
-    }
-  }, [customId, setContentId]);
-  useEffect(() => {
-    if (engine || !(ctx.isOpen || forceMount)) {
-      return void 0;
-    }
-    let live = true;
-    void loadOverlayEngine().then(
-      (module) => {
-        if (live) {
-          setEngine(module);
-        }
-      },
-      () => {
-      }
-    );
-    return () => {
-      live = false;
-    };
-  }, [engine, ctx.isOpen, forceMount]);
-  if (!engine || !opened && !forceMount) {
-    return null;
-  }
-  return /* @__PURE__ */ jsx(EngineContext.Provider, { value: engine, children: /* @__PURE__ */ jsx(
-    engine.Surface,
-    {
-      open: ctx.isOpen,
-      presentation: ctx.presentation,
-      swipeDirection: ctx.swipeDirection,
-      contentId: ctx.contentId,
-      trigger: ctx.trigger,
-      onOpen: () => ctx.open(),
-      onClose: ctx.close,
-      onEscape,
-      onInteractOutside,
-      forceMount,
-      container,
-      state: ctx,
-      contentProps: props,
-      contentRef: ref
-    }
-  ) });
-});
-function useEngine() {
-  const engine = useContext(EngineContext);
-  if (!engine) {
-    throw new Error(
-      "Overlay.Title and Overlay.Close must be inside Overlay.Content"
-    );
-  }
-  return engine;
-}
-var Title = forwardRef(
-  function Title2(props, ref) {
-    const ctx = useContextValue2();
-    const { EngineTitle } = useEngine();
-    return /* @__PURE__ */ jsx(EngineTitle, { ...props, state: ctx, ref });
-  }
-);
-var Close = forwardRef(
-  function Close2(props, ref) {
-    const ctx = useContextValue2();
-    const { EngineClose } = useEngine();
-    return /* @__PURE__ */ jsx(EngineClose, { ...props, state: ctx, ref });
-  }
-);
-var Overlay = { Root: Root4, Trigger, Content, Title, Close };
-var Context6 = createContext(null);
-function Root5({
-  methods,
-  value,
-  defaultValue = null,
-  onValueChange,
-  ...props
-}) {
-  const [selected, set] = useControllableState({
-    value,
-    defaultValue,
-    onChange: onValueChange
-  });
-  const normalized = methods.map(
-    (method) => typeof method === "string" ? { value: method } : method
-  );
-  const setValue = (next) => {
-    if (normalized.some((method) => method.value === next && !method.disabled)) {
-      set(next);
-    }
-  };
-  const state = { methods: normalized, value: selected, setValue };
-  return /* @__PURE__ */ jsx(Context6.Provider, { value: state, children: part("div", props, state, {
-    role: "radiogroup",
-    onKeyDown: (event) => {
-      if (![
-        "ArrowRight",
-        "ArrowDown",
-        "ArrowLeft",
-        "ArrowUp",
-        "Home",
-        "End"
-      ].includes(event.key)) {
-        return;
-      }
-      const buttons = Array.from(
-        event.currentTarget.querySelectorAll(
-          '[role="radio"]:not([aria-disabled="true"])'
-        )
-      );
-      if (!buttons.length) {
-        return;
-      }
-      event.preventDefault();
-      const current = buttons.indexOf(
-        document.activeElement
-      );
-      const index = event.key === "Home" ? 0 : event.key === "End" ? buttons.length - 1 : (current + (["ArrowLeft", "ArrowUp"].includes(event.key) ? -1 : 1) + buttons.length) % buttons.length;
-      buttons[index]?.focus();
-      buttons[index]?.click();
-    }
-  }) });
-}
-var Item = forwardRef(function Item2({ value, ...props }, ref) {
-  const ctx = useContext(Context6);
-  const id = usePartId();
-  if (!ctx) {
-    throw new Error("PaymentMethods.Item requires PaymentMethods.Root");
-  }
-  const method = ctx.methods.find((method2) => method2.value === value);
-  if (!method) {
-    return null;
-  }
-  const selected = ctx.value === value;
-  const first = ctx.methods.find((method2) => !method2.disabled)?.value;
-  return part(
-    "button",
-    props,
-    { ...method, selected },
-    {
-      id,
-      type: "button",
-      role: "radio",
-      "aria-checked": selected,
-      "aria-disabled": method.disabled || void 0,
-      "aria-description": method.reason,
-      disabled: method.disabled,
-      tabIndex: selected || !ctx.value && first === value ? 0 : -1,
-      "data-disabled": method.disabled ? "" : void 0,
-      "data-selected": selected ? "" : void 0,
-      "data-state": selected ? "checked" : "unchecked",
-      onClick: () => ctx.setValue(value)
-    },
-    ref
-  );
-});
-var PaymentMethods = { Root: Root5, Item };
-
-// src/search/engine.ts
-function normalizeSearch(text) {
-  return text.normalize("NFD").replace(/\p{M}/gu, "").toLowerCase().split(/[^\p{L}\p{N}]+/u).filter(Boolean);
-}
-function near(a, b) {
-  if (Math.abs(a.length - b.length) > 1) {
-    return false;
-  }
-  let i = 0;
-  let j = 0;
-  let edits = 0;
-  while (i < a.length && j < b.length) {
-    if (a[i] === b[j]) {
-      i++;
-      j++;
-      continue;
-    }
-    if (++edits > 1) {
-      return false;
-    }
-    if (a.length === b.length) {
-      if (a[i] === b[j + 1] && a[i + 1] === b[j]) {
-        i += 2;
-        j += 2;
-      } else {
-        i++;
-        j++;
-      }
-    } else if (a.length > b.length) {
-      i++;
-    } else {
-      j++;
-    }
-  }
-  return edits + (a.length - i) + (b.length - j) <= 1;
-}
-function createSearchIndex(menu) {
-  const entries = [
-    ...Object.values(menu.items).map((item) => ({
-      result: { type: "item", item },
-      fields: [
-        normalizeSearch(item.name),
-        normalizeSearch(item.tags.join(" ")),
-        normalizeSearch(item.description ?? "")
-      ]
-    })),
-    ...menu.categories.map((category) => ({
-      result: { type: "category", category },
-      fields: [
-        normalizeSearch(category.name),
-        [],
-        normalizeSearch(category.description ?? "")
-      ]
-    }))
-  ];
-  return (query) => {
-    const tokens = normalizeSearch(query);
-    if (!tokens.length) {
-      return [];
-    }
-    const results = [];
-    for (const entry of entries) {
-      let score = 0;
-      for (const token of tokens) {
-        let best = 0;
-        for (let field = 0; field < entry.fields.length; field++) {
-          const weight = [30, 20, 10][field];
-          for (const word of entry.fields[field]) {
-            if (word.startsWith(token)) {
-              best = Math.max(best, weight + (word === token ? 3 : 2));
-            } else if (token.length >= 4 && near(token, word)) {
-              best = Math.max(best, weight);
-            }
-          }
-        }
-        if (!best) {
-          score = 0;
-          break;
-        }
-        score += best;
-      }
-      if (score) {
-        results.push({ ...entry.result, score });
-      }
-    }
-    return results.sort((a, b) => b.score - a.score);
-  };
-}
-var Context7 = createContext(null);
-function useSearch() {
-  const ctx = useContext(Context7);
-  if (!ctx) {
-    throw new Error("Search parts require Search.Root");
-  }
-  return ctx;
-}
-function Root6(props) {
-  if (props.source) {
-    return /* @__PURE__ */ jsx(ControlledRoot, { ...props, source: props.source });
-  }
-  return /* @__PURE__ */ jsx(UncontrolledRoot, { ...props });
-}
-function UncontrolledRoot(props) {
-  const cart = useCart();
-  const menu = useMenu(cart.branchId ?? void 0);
-  const [query, setQuery] = useControllableState({
-    value: props.query,
-    defaultValue: props.defaultQuery ?? "",
-    onChange: props.onQueryChange
-  });
-  const index = useMemo(
-    () => menu.data ? createSearchIndex(menu.data) : () => [],
-    [menu.data]
-  );
-  const results = useMemo(() => index(query), [index, query]);
-  return /* @__PURE__ */ jsx(
-    ControlledRoot,
-    {
-      ...props,
-      query,
-      onQueryChange: setQuery,
-      source: { results, isLoading: menu.isLoading, isStale: menu.isStale }
-    }
-  );
-}
-function ControlledRoot({
-  query,
-  defaultQuery = "",
-  onQueryChange,
-  onSelect = () => {
-  },
-  announcement = countAnnouncement,
-  source,
-  ...props
-}) {
-  const client = useZappie();
-  const [value, setValue] = useControllableState({
-    value: query,
-    defaultValue: defaultQuery,
-    onChange: onQueryChange
-  });
-  const results = source.results;
-  const combo = useCombobox(results, onSelect);
-  const setQuery = (next) => {
-    setValue(next);
-    combo.setActiveIndex(-1);
-    combo.setOpen(true);
-  };
-  useEffect(() => {
-    if (!value.trim()) {
-      return;
-    }
-    const timer = setTimeout(
-      () => client._internal.emit("search", {
-        query: value,
-        resultCount: results.length
-      }),
-      600
-    );
-    return () => clearTimeout(timer);
-  }, [client, value, results.length]);
-  const state = {
-    ...combo,
-    query: value,
-    setQuery,
-    results,
-    setComposing: (value2) => source.onCompositionChange?.(value2),
-    ...source.error ? { error: source.error } : {},
-    ...source.retry ? { retry: source.retry } : {}
-  };
-  return /* @__PURE__ */ jsx(Context7.Provider, { value: state, children: part(
-    "div",
-    withLiveRegion(
-      props,
-      combo.isOpen && value.trim() ? announcement(results.length) : ""
-    ),
-    state,
-    {
-      "data-state": source.error ? "error" : source.isLoading ? "loading" : source.isStale ? "stale" : "valid",
-      onBlur: (event) => {
-        if (!event.currentTarget.contains(event.relatedTarget)) {
-          combo.setOpen(false);
-        }
-      }
-    }
-  ) });
-}
-var Input7 = forwardRef(
-  function Input8(props, ref) {
-    const state = useSearch();
-    return part(
-      "input",
-      props,
-      state,
-      {
-        ...state.inputProps,
-        type: "search",
-        onCompositionStart: () => state.setComposing(true),
-        onCompositionEnd: () => state.setComposing(false),
-        value: state.query,
-        onChange: (event) => state.setQuery(event.target.value)
-      },
-      ref
-    );
-  }
-);
-var Results = forwardRef(
-  function Results2(props, ref) {
-    const state = useSearch();
-    return part(
-      "div",
-      props,
-      state,
-      state.listProps,
-      composeRefs(ref, (node) => {
-        if (node?.id && node.id !== state.listProps.id) {
-          state.setListId(node.id);
-        }
-      })
-    );
-  }
-);
-var Result = forwardRef(function Result2({ index, ...props }, ref) {
-  const state = useSearch();
-  return part(
-    "div",
-    props,
-    state,
-    state.getOptionProps(index),
-    composeRefs(ref, (node) => {
-      if (node?.id && node.id !== state.getOptionProps(index).id) {
-        state.registerOption(index, node.id);
-      }
-    })
-  );
-});
-var Search = { Root: Root6, Input: Input7, Results, Result };
-function useOpenStatus(branch, timezone) {
-  const [now, setNow] = useState(() => /* @__PURE__ */ new Date());
-  const state = getOpenStatus(branch, timezone, now);
-  const boundary = state.nextChange?.getTime();
-  useEffect(() => {
-    const delay = boundary !== void 0 ? boundary - Date.now() : 864e5;
-    const timeout = setTimeout(
-      () => setNow(/* @__PURE__ */ new Date()),
-      Math.max(1, Math.min(2147483647, delay))
-    );
-    const refresh = () => setNow(/* @__PURE__ */ new Date());
-    window.addEventListener("focus", refresh);
-    return () => {
-      clearTimeout(timeout);
-      window.removeEventListener("focus", refresh);
-    };
-  }, [branch, timezone, boundary]);
-  return state;
-}
-var OpenStatus = forwardRef(function OpenStatus2({ branch, timezone, ...props }, ref) {
-  const store = useStore();
-  const state = useOpenStatus(
-    branch,
-    timezone ?? branch.timezone ?? store.data?.timezone ?? "UTC"
-  );
-  return part(
-    "span",
-    props,
-    state,
-    { "data-state": state.isOpen ? "open" : "closed" },
-    ref
-  );
-});
 
 // src/index.ts
+import { PACKAGE_VERSION } from "./version.js";
+import { Account, AccountNotConfiguredError } from "./account/index.js";
+import { Cart, Totals } from "./cart/index.js";
+import { Address } from "./fulfilment/address-picker.js";
+import { Branch } from "./fulfilment/branch-picker.js";
+import { Schedule, scheduleSlots } from "./fulfilment/schedule.js";
+import { Fulfilment } from "./fulfilment/switch.js";
+import { useControllableState } from "./internal/use-controllable-state.js";
+export * from "./item-form/index.js";
+import { Image } from "./media/image.js";
+import { Money } from "./money.js";
+import { Otp } from "./otp/input.js";
+import { Overlay, useOverlay } from "./overlay/react.js";
+import { PaymentMethods } from "./payment/methods.js";
+import { createSearchIndex, Search } from "./search/index.js";
+import {
+  formatOpeningHours,
+  formatWallClock,
+  getOpenStatus,
+  parseWallClock
+} from "./status/hours.js";
+import { OpenStatus } from "./status/open-status.js";
 var FOUNDATIONS_VERSION = PACKAGE_VERSION;
-
-export { Account, AccountNotConfiguredError, Address, Branch, Cart, Choice, FOUNDATIONS_VERSION, Fulfilment, Image, ItemForm, Money, OpenStatus, OptionGroup2 as OptionGroup, Otp, Overlay, PaymentMethods, Quantity, Schedule, Search, Totals, createSearchIndex, formatOpeningHours, formatWallClock, getOpenStatus, parseWallClock, scheduleSlots, useControllableState, useOverlay };
+export {
+  Account,
+  AccountNotConfiguredError,
+  Address,
+  Branch,
+  Cart,
+  FOUNDATIONS_VERSION,
+  Fulfilment,
+  Image,
+  Money,
+  OpenStatus,
+  Otp,
+  Overlay,
+  PaymentMethods,
+  Schedule,
+  Search,
+  Totals,
+  createSearchIndex,
+  formatOpeningHours,
+  formatWallClock,
+  getOpenStatus,
+  parseWallClock,
+  scheduleSlots,
+  useControllableState,
+  useOverlay
+};
 //# sourceMappingURL=index.js.map
-//# sourceMappingURL=index.js.map