@hanzo/booker 0.1.0

package/dist/cjs/Confirmation.native.js

@@ -0,0 +1,185 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var Confirmation_exports = {};
+__export(Confirmation_exports, {
+  Confirmation: () => Confirmation
+});
+module.exports = __toCommonJS(Confirmation_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+var import_client = require("./client.native.js");
+var import_hooks = require("./hooks.native.js");
+var import_time = require("./time.native.js");
+var import_time2 = require("./time.native.js");
+function Confirmation(param) {
+  var {
+    booking,
+    uid,
+    apiUrl,
+    timeZone,
+    onDone
+  } = param;
+  var _data_attendees;
+  var api = apiUrl !== null && apiUrl !== void 0 ? apiUrl : import_client.DEFAULT_API_URL;
+  var tz = timeZone !== null && timeZone !== void 0 ? timeZone : (0, import_time.visitorTimeZone)();
+  var fetched = (0, import_hooks.useBooking)(api, booking ? void 0 : uid);
+  var data = booking !== null && booking !== void 0 ? booking : fetched.data;
+  if (!data && fetched.loading) {
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$3",
+      minHeight: 200,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+        size: "large",
+        color: "$color9"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: "Loading your booking\u2026"
+      })]
+    });
+  }
+  if (!data) {
+    var _fetched_error;
+    return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      alignItems: "center",
+      justifyContent: "center",
+      padding: "$6",
+      gap: "$2",
+      minHeight: 200,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        fontWeight: "600",
+        color: "$color12",
+        children: "Booking not found"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        textAlign: "center",
+        children: (_fetched_error = fetched.error) !== null && _fetched_error !== void 0 ? _fetched_error : "We could not load this booking."
+      })]
+    });
+  }
+  var attendee = (_data_attendees = data.attendees) === null || _data_attendees === void 0 ? void 0 : _data_attendees[0];
+  var location = data.location;
+  var _attendee_email;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$3",
+    padding: "$1",
+    alignItems: "center",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      width: 52,
+      height: 52,
+      borderRadius: 9999,
+      backgroundColor: "$green4",
+      alignItems: "center",
+      justifyContent: "center",
+      children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$8",
+        color: "$green11",
+        children: "\u2713"
+      })
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      gap: "$1",
+      alignItems: "center",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$7",
+        fontWeight: "700",
+        color: "$color12",
+        textAlign: "center",
+        children: "You're booked"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$4",
+        color: "$color11",
+        textAlign: "center",
+        children: data.title
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Separator, {
+      width: "100%"
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+      gap: "$2.5",
+      width: "100%",
+      maxWidth: 420,
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "When",
+        value: (0, import_time2.formatBookingWhen)(data.start, tz)
+      }), location ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Where",
+        value: location
+      }) : null, (attendee === null || attendee === void 0 ? void 0 : attendee.email) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Guest",
+        value: attendee.email
+      }) : null, /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Status",
+        value: titleCase(data.status)
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Row, {
+        label: "Reference",
+        value: data.uid
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.Paragraph, {
+      size: "$2",
+      color: "$color10",
+      textAlign: "center",
+      marginTop: "$1",
+      children: ["A calendar invite is on its way to ", (_attendee_email = attendee === null || attendee === void 0 ? void 0 : attendee.email) !== null && _attendee_email !== void 0 ? _attendee_email : "your inbox", "."]
+    }), onDone ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Button, {
+      size: "$3",
+      chromeless: true,
+      onPress: onDone,
+      marginTop: "$1",
+      children: "Book another time"
+    }) : null]
+  });
+}
+function Row(param) {
+  var {
+    label,
+    value
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+    justifyContent: "space-between",
+    gap: "$3",
+    alignItems: "flex-start",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      color: "$color10",
+      children: label
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      color: "$color12",
+      fontWeight: "500",
+      textAlign: "right",
+      flexShrink: 1,
+      children: value
+    })]
+  });
+}
+function titleCase(s) {
+  if (!s) return "";
+  return s.charAt(0).toUpperCase() + s.slice(1).toLowerCase();
+}
+//# sourceMappingURL=Confirmation.native.js.map

package/dist/cjs/Confirmation.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","Confirmation_exports","__export","Confirmation","module","exports","import_jsx_runtime","require","import_hanzogui","import_client","import_hooks","import_time","import_time2","param","booking","uid","apiUrl","timeZone","onDone","_data_attendees","api","DEFAULT_API_URL","tz","visitorTimeZone","fetched","useBooking","data","loading","jsxs","YStack","alignItems","justifyContent","padding","gap","minHeight","children","jsx","Spinner","size","color","SizableText","_fetched_error","fontWeight","textAlign","error","attendee","attendees","location","_attendee_email","width","height","borderRadius","backgroundColor","title","Separator"],"sources":["../../src/Confirmation.tsx"],"sourcesContent":[null],"mappings":"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","ignoreList":[]}

package/dist/cjs/EventHeader.cjs

@@ -0,0 +1,112 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var EventHeader_exports = {};
+__export(EventHeader_exports, {
+  EventHeader: () => EventHeader
+});
+module.exports = __toCommonJS(EventHeader_exports);
+var import_hanzogui = require("hanzogui");
+var import_jsx_runtime = require("react/jsx-runtime");
+function EventHeader({
+  event,
+  host,
+  timeZone,
+  compact
+}) {
+  const name = event.profile?.name || host;
+  const initial = (name?.[0] || "H").toUpperCase();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      alignItems: "center",
+      gap: "$2.5",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+        width: 28,
+        height: 28,
+        borderRadius: 9999,
+        backgroundColor: "$color5",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$2",
+          color: "$color11",
+          fontWeight: "600",
+          children: initial
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: name
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: compact ? "$6" : "$8",
+      fontWeight: "700",
+      color: "$color12",
+      children: event.title
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(Pill, {
+        children: [event.length, " min"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
+        children: shortZone(timeZone)
+      }), event.locations?.[0]?.type ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
+        children: prettyLocation(event.locations[0].type)
+      }) : null]
+    }), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
+      size: "$3",
+      color: "$color11",
+      marginTop: "$1",
+      children: event.description
+    }) : null]
+  });
+}
+function Pill({
+  children
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+    backgroundColor: "$color3",
+    paddingHorizontal: "$2.5",
+    paddingVertical: "$1",
+    borderRadius: "$10",
+    alignItems: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$1",
+      color: "$color11",
+      children
+    })
+  });
+}
+function shortZone(tz) {
+  const city = tz.split("/").pop() || tz;
+  return city.replace(/_/g, " ");
+}
+function prettyLocation(type) {
+  const t = type.toLowerCase();
+  if (t.includes("google")) return "Google Meet";
+  if (t.includes("zoom")) return "Zoom";
+  if (t.includes("phone")) return "Phone";
+  if (t.includes("person")) return "In person";
+  return "Video call";
+}

package/dist/cjs/EventHeader.native.js

@@ -0,0 +1,118 @@
+"use strict";
+
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var EventHeader_exports = {};
+__export(EventHeader_exports, {
+  EventHeader: () => EventHeader
+});
+module.exports = __toCommonJS(EventHeader_exports);
+var import_jsx_runtime = require("react/jsx-runtime");
+var import_hanzogui = require("hanzogui");
+function EventHeader(param) {
+  var {
+    event,
+    host,
+    timeZone,
+    compact
+  } = param;
+  var _event_profile, _event_locations_, _event_locations;
+  var name = ((_event_profile = event.profile) === null || _event_profile === void 0 ? void 0 : _event_profile.name) || host;
+  var initial = ((name === null || name === void 0 ? void 0 : name[0]) || "H").toUpperCase();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      alignItems: "center",
+      gap: "$2.5",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+        width: 28,
+        height: 28,
+        borderRadius: 9999,
+        backgroundColor: "$color5",
+        alignItems: "center",
+        justifyContent: "center",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$2",
+          color: "$color11",
+          fontWeight: "600",
+          children: initial
+        })
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+        size: "$3",
+        color: "$color10",
+        children: name
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: compact ? "$6" : "$8",
+      fontWeight: "700",
+      color: "$color12",
+      children: event.title
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      gap: "$2",
+      alignItems: "center",
+      flexWrap: "wrap",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(Pill, {
+        children: [event.length, " min"]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
+        children: shortZone(timeZone)
+      }), ((_event_locations = event.locations) === null || _event_locations === void 0 ? void 0 : (_event_locations_ = _event_locations[0]) === null || _event_locations_ === void 0 ? void 0 : _event_locations_.type) ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(Pill, {
+        children: prettyLocation(event.locations[0].type)
+      }) : null]
+    }), !compact && event.description ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Paragraph, {
+      size: "$3",
+      color: "$color11",
+      marginTop: "$1",
+      children: event.description
+    }) : null]
+  });
+}
+function Pill(param) {
+  var {
+    children
+  } = param;
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+    backgroundColor: "$color3",
+    paddingHorizontal: "$2.5",
+    paddingVertical: "$1",
+    borderRadius: "$10",
+    alignItems: "center",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$1",
+      color: "$color11",
+      children
+    })
+  });
+}
+function shortZone(tz) {
+  var city = tz.split("/").pop() || tz;
+  return city.replace(/_/g, " ");
+}
+function prettyLocation(type) {
+  var t = type.toLowerCase();
+  if (t.includes("google")) return "Google Meet";
+  if (t.includes("zoom")) return "Zoom";
+  if (t.includes("phone")) return "Phone";
+  if (t.includes("person")) return "In person";
+  return "Video call";
+}
+//# sourceMappingURL=EventHeader.native.js.map

package/dist/cjs/EventHeader.native.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["__toCommonJS","mod","__copyProps","__defProp","value","EventHeader_exports","__export","EventHeader","module","exports","import_jsx_runtime","require","import_hanzogui","param","event","host","timeZone","compact","_event_profile","_event_locations_","_event_locations","name","profile","initial","toUpperCase","jsxs","YStack","gap","children","XStack","alignItems","jsx","width","height","borderRadius","backgroundColor","justifyContent","SizableText","size","color","fontWeight","title","flexWrap","Pill","length","shortZone","locations","type","prettyLocation"],"sources":["../../src/EventHeader.tsx"],"sourcesContent":[null],"mappings":";;;;;;;;;;;;;;;;;;;;;AAAA,IAAAA,YAAA,GAAAC,GAAA,IAAAC,WAAA,CAAAC,SAAA;EAAAC,KAAA;AAAA,IAAAH,GAAA;AAAA,IAAAI,mBAAA;AAAAC,QAAA,CAAAD,mBAAA;EAAAE,WAAA,EAAAA,CAAA,KAAAA;AAAA;AACAC,MAAA,CAAAC,OAAA,GAAAT,YAAuD,CAAAK,mBAAA;AAgBjD,IAAAK,kBAAA,GAAAC,OAAA;AALC,IAAAC,eAAS,GAAYD,OAAE,CAAO,UAAM;AACzC,SAAMJ,WAAOA,CAAMM,KAAA;EACnB;IAAMC,KAAA;IAAAC,IAAW;IAAAC,QAAQ;IAAAC;EAAU,IAAAJ,KAAA;EACnC,IAAAK,cACE,EAAAC,iBAAA,EAAAC,gBAAC;EACC,IAAAC,IAAA,KAAAH,cAAA,GAAAJ,KAAA,CAAAQ,OAAA,MAAC,QAAAJ,cAAA,KAAO,SAAW,SAAAA,cACjB,CAAAG,IAAA,KAAAN,IAAA;EAAA,IAAAQ,OAAA,KAAAF,IAAA,aAAAA,IAAA,uBAAAA,IAAA,aAAAG,WAAA;EAAA,OAAC,mBAAAd,kBAAA,CAAAe,IAAA,EAAAb,eAAA,CAAAc,MAAA;IAAAC,GAAA;IAAAC,QACC,GAAO,eACC,IAAAlB,kBAAA,CAAAe,IAAA,EAAAb,eAAA,CAAAiB,MAAA;MAAAC,UACR,UAAc;MAAAH,GACd;MAAgBC,QAChB,GACA,eAAe,IAAAlB,kBAAA,CAAAqB,GAAA,EAAAnB,eAAA,CAAAc,MAAA;QAEfM,KAAA;QAEAC,MAAA;QACFC,YAAA;QACAC,eAAA;QAGFL,UAAA;QAEAM,cAAA;QAIAR,QAAA,qBAAAlB,kBAAC,CAAAqB,GAAA,EAAAnB,eAAW,CAAAyB,WAAK;UACfC,IAAA;UAAaC,KAAA;UAAOC,UAAA;UAAIZ,QAAA,EAAAL;QACxB;MACC,EAAM,EAGT,mBAAAb,kBAAA,CAAAqB,GAAA,EAAAnB,eAAA,CAAAyB,WAAA;QAEEC,IAAW,MAAM;QAKrBC,KAAA;QAEJX,QAAA,EAAAP;MAES;IAEJ,uBAAAX,kBAAA,CAAAqB,GAAA,EAAAnB,eAAA,CAAAyB,WAAA;MACCC,IAAA,EAAArB,OAAA,GAAgB;MAChBuB,UAAA,OAAkB;MAClBD,KAAA,YAAgB;MAChBX,QAAA,EAAAd,KAAa,CAAA2B;IACb,IAEA,mBAAA/B,kBAAA,CAAAe,IAAA,EAAAb,eAAC,CAAAiB,MAAA;MAEDF,GAAA;MACFG,UAAA;MAEJY,QAAA;MAEAd,QAAS,GACD,eAAgB,CAAG,GAAElB,kBAAS,CAAAe,IAAA,EAAAkB,IAAA;QAC7Bf,QAAK,EAAQ,CACtBd,KAAA,CAAA8B,MAAA,EAES;MAED,IACA,eAAkB,IAAAlC,kBAAO,CAAAqB,GAAA,EAAAY,IAAA;QACzBf,QAAS,EAAAiB,SAAU,CAAA7B,QAAO;MAC1B,IACC,EAAAI,gBAAA,GAAAN,KAAA,CAAAgC,SAAA,cAAA1B,gBAAA,wBAAAD,iBAAA,GAAAC,gBAAA,iBAAAD,iBAAA,uBAAAA,iBAAA,CAAA4B,IAAA,uBAAArC,kBAAA,CAAAqB,GAAA,EAAAY,IAAA;QACTf,QAAA,EAAAoB,cAAA,CAAAlC,KAAA,CAAAgC,SAAA,IAAAC,IAAA","ignoreList":[]}

package/dist/cjs/MonthCalendar.cjs

@@ -0,0 +1,177 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all) __defProp(target, name, {
+    get: all[name],
+    enumerable: true
+  });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from)) if (!__hasOwnProp.call(to, key) && key !== except) __defProp(to, key, {
+      get: () => from[key],
+      enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable
+    });
+  }
+  return to;
+};
+var __toCommonJS = mod => __copyProps(__defProp({}, "__esModule", {
+  value: true
+}), mod);
+var MonthCalendar_exports = {};
+__export(MonthCalendar_exports, {
+  MonthCalendar: () => MonthCalendar
+});
+module.exports = __toCommonJS(MonthCalendar_exports);
+var import_hanzogui = require("hanzogui");
+var import_time = require("./time.cjs");
+var import_jsx_runtime = require("react/jsx-runtime");
+function MonthCalendar({
+  viewDate,
+  availableKeys,
+  selectedDay,
+  onSelectDay,
+  onPrev,
+  onNext,
+  atFirstMonth,
+  weekStartsOn = 0,
+  loading
+}) {
+  const cells = (0, import_time.monthMatrix)(viewDate, weekStartsOn);
+  const rows = [];
+  for (let i = 0; i < cells.length; i += 7) rows.push(cells.slice(i, i + 7));
+  const labels = (0, import_time.weekdayLabels)(weekStartsOn);
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    gap: "$2",
+    flex: 1,
+    minWidth: 260,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+      alignItems: "center",
+      justifyContent: "space-between",
+      paddingVertical: "$1",
+      children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(NavArrow, {
+        label: "Previous month",
+        disabled: atFirstMonth,
+        onPress: onPrev,
+        children: "\u2039"
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.XStack, {
+        alignItems: "center",
+        gap: "$2",
+        children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$5",
+          fontWeight: "700",
+          color: "$color12",
+          children: (0, import_time.formatMonthLabel)(viewDate)
+        }), loading ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.Spinner, {
+          size: "small",
+          color: "$color9"
+        }) : null]
+      }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(NavArrow, {
+        label: "Next month",
+        onPress: onNext,
+        children: "\u203A"
+      })]
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+      children: labels.map(l => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+        flexBasis: 0,
+        flexGrow: 1,
+        alignItems: "center",
+        paddingVertical: "$1",
+        children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+          size: "$1",
+          color: "$color10",
+          children: l
+        })
+      }, l))
+    }), /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      gap: "$1.5",
+      children: rows.map((row, r) => /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.XStack, {
+        gap: "$1.5",
+        children: row.map(cell => /* @__PURE__ */(0, import_jsx_runtime.jsx)(DayCell, {
+          cell,
+          available: availableKeys.has(cell.key),
+          past: (0, import_time.isBeforeToday)(cell.key),
+          selected: selectedDay === cell.key,
+          onSelectDay
+        }, cell.key))
+      }, r))
+    })]
+  });
+}
+function DayCell({
+  cell,
+  available,
+  past,
+  selected,
+  onSelectDay
+}) {
+  const selectable = cell.inMonth && available && !past;
+  const dayNum = cell.date.getDate();
+  return /* @__PURE__ */(0, import_jsx_runtime.jsxs)(import_hanzogui.YStack, {
+    flexBasis: 0,
+    flexGrow: 1,
+    aspectRatio: 1,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "$4",
+    borderWidth: 1,
+    borderColor: selected ? "$color12" : selectable ? "$color5" : "transparent",
+    backgroundColor: selected ? "$color12" : selectable ? "$color2" : "transparent",
+    opacity: cell.inMonth ? 1 : 0,
+    cursor: selectable ? "pointer" : "default",
+    hoverStyle: selectable && !selected ? {
+      backgroundColor: "$color4"
+    } : void 0,
+    pressStyle: selectable ? {
+      backgroundColor: "$color6"
+    } : void 0,
+    onPress: selectable ? () => onSelectDay(cell.key) : void 0,
+    "aria-label": selectable ? `Select ${cell.key}` : void 0,
+    role: selectable ? "button" : void 0,
+    children: [/* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$3",
+      fontWeight: selectable ? "600" : "400",
+      color: selected ? "$color1" : selectable ? "$color12" : "$color8",
+      children: dayNum
+    }), selectable && !selected ? /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+      position: "absolute",
+      bottom: 4,
+      width: 4,
+      height: 4,
+      borderRadius: 9999,
+      backgroundColor: "$color10"
+    }) : null]
+  });
+}
+function NavArrow({
+  children,
+  onPress,
+  disabled,
+  label
+}) {
+  return /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.YStack, {
+    width: 34,
+    height: 34,
+    alignItems: "center",
+    justifyContent: "center",
+    borderRadius: "$4",
+    opacity: disabled ? 0.35 : 1,
+    cursor: disabled ? "default" : "pointer",
+    hoverStyle: disabled ? void 0 : {
+      backgroundColor: "$color4"
+    },
+    pressStyle: disabled ? void 0 : {
+      backgroundColor: "$color6"
+    },
+    onPress: disabled ? void 0 : onPress,
+    "aria-label": label,
+    role: "button",
+    children: /* @__PURE__ */(0, import_jsx_runtime.jsx)(import_hanzogui.SizableText, {
+      size: "$6",
+      color: "$color11",
+      children
+    })
+  });
+}