@flamingo-stack/openframe-frontend-core 0.0.853 → 0.0.854

package/dist/components/meeting-scheduler/index.cjs

@@ -20,8 +20,8 @@ var _chunkDLTPSP5Fcjs = require('../../chunk-DLTPSP5F.cjs');
 
 
 
-var _chunkGI6ECCWBcjs = require('../../chunk-GI6ECCWB.cjs');
-require('../../chunk-USPUZO53.cjs');
+var _chunkPRJZMZ3Xcjs = require('../../chunk-PRJZMZ3X.cjs');
+require('../../chunk-LQDAB5V5.cjs');
 
 
 
@@ -29,8 +29,8 @@ require('../../chunk-USPUZO53.cjs');
 
 
 
-var _chunkCOJG2ATYcjs = require('../../chunk-COJG2ATY.cjs');
-require('../../chunk-P63CRPWI.cjs');
+var _chunk5OENPMRUcjs = require('../../chunk-5OENPMRU.cjs');
+require('../../chunk-FJXSKMQJ.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 
@@ -38,9 +38,9 @@ require('../../chunk-DEY6XXGO.cjs');
 
 
 
-var _chunkUO2EJGRJcjs = require('../../chunk-UO2EJGRJ.cjs');
+var _chunkUPQ4MAR7cjs = require('../../chunk-UPQ4MAR7.cjs');
 require('../../chunk-24I6RFVU.cjs');
-require('../../chunk-IUDBG3HJ.cjs');
+require('../../chunk-5HMENXSR.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 
 
@@ -48,21 +48,21 @@ var _chunkZZDFMUEUcjs = require('../../chunk-ZZDFMUEU.cjs');
 
 
 
-var _chunkIC4IJJB2cjs = require('../../chunk-IC4IJJB2.cjs');
+var _chunk3WXHPD6Ncjs = require('../../chunk-3WXHPD6N.cjs');
 
 
-var _chunkLFEURIZNcjs = require('../../chunk-LFEURIZN.cjs');
+var _chunkVMAOZA2Vcjs = require('../../chunk-VMAOZA2V.cjs');
 require('../../chunk-OT6P57ZS.cjs');
 
 
 
 
 
-var _chunkEIACEY2Lcjs = require('../../chunk-EIACEY2L.cjs');
+var _chunk63ZV3UGGcjs = require('../../chunk-63ZV3UGG.cjs');
 
 
 
-var _chunkU767P4JUcjs = require('../../chunk-U767P4JU.cjs');
+var _chunkACPOJE32cjs = require('../../chunk-ACPOJE32.cjs');
 require('../../chunk-KXFIYO4O.cjs');
 require('../../chunk-PGAMWM6C.cjs');
 require('../../chunk-7HH4Y27U.cjs');
@@ -1858,8 +1858,8 @@ require('../../chunk-XIBCMGBW.cjs');
 
 
 var _chunkOH5TXFRRcjs = require('../../chunk-OH5TXFRR.cjs');
-require('../../chunk-G7GF4PWA.cjs');
-require('../../chunk-FW7RKWPY.cjs');
+require('../../chunk-2IJMHBOK.cjs');
+require('../../chunk-JKBNK5U6.cjs');
 require('../../chunk-IGVAPIEW.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
@@ -1867,11 +1867,11 @@ require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
 require('../../chunk-IX2E3AN7.cjs');
 require('../../chunk-7DNL734S.cjs');
-require('../../chunk-2W22LY3W.cjs');
-require('../../chunk-NMWLXHFH.cjs');
+require('../../chunk-FBANHIAG.cjs');
+require('../../chunk-YY3WP2YQ.cjs');
 
 
-var _chunkHTYJUMFBcjs = require('../../chunk-HTYJUMFB.cjs');
+var _chunk6DCUGIGUcjs = require('../../chunk-6DCUGIGU.cjs');
 
 
 
@@ -1879,7 +1879,7 @@ var _chunkHTYJUMFBcjs = require('../../chunk-HTYJUMFB.cjs');
 
 
 
-var _chunkW7OFAROYcjs = require('../../chunk-W7OFAROY.cjs');
+var _chunkKA3L6D5Ncjs = require('../../chunk-KA3L6D5N.cjs');
 
 
 var _chunkO3EKOXFZcjs = require('../../chunk-O3EKOXFZ.cjs');
@@ -1895,8 +1895,8 @@ require('../../chunk-RUHKTWGB.cjs');
 
 
 var _chunkBLH2SFOOcjs = require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-UAI4VMEF.cjs');
-require('../../chunk-COWMXUHN.cjs');
+require('../../chunk-QD727QFI.cjs');
+require('../../chunk-4SSJ3T3N.cjs');
 require('../../chunk-YSDB6HGQ.cjs');
 require('../../chunk-ETZFBB7O.cjs');
 
@@ -2231,7 +2231,7 @@ function useMeetingBooking(options) {
   const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
   const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
   const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(_chunkIC4IJJB2cjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunk3WXHPD6Ncjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -2333,7 +2333,7 @@ function BookingContextSummary({
   const label = _nullishCoalesce(_optionalChain([slot, 'optionalAccess', _14 => _14.label]), () => ( _optionalChain([context, 'optionalAccess', _15 => _15.label])));
   if (!label || !slot && items.length === 0) return null;
   if (!slot) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SummaryFrame, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-wrap gap-[var(--spacing-system-xs)]", "aria-label": label, children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "min-w-0 max-w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.Tag, { label: item, ...LINE_TAG_PROPS }) }, item)) }) });
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SummaryFrame, { label, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "ul", { className: "flex flex-wrap gap-[var(--spacing-system-xs)]", "aria-label": label, children: items.map((item) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "li", { className: "min-w-0 max-w-full", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.Tag, { label: item, ...LINE_TAG_PROPS }) }, item)) }) });
   }
   const cells = Array.from({ length: Math.max(slot.slots, items.length) }, (_, index) => items[index]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SummaryFrame, { label, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "relative", children: [
@@ -2345,7 +2345,7 @@ function BookingContextSummary({
           className: SLOT_CELL_CLASS,
           "aria-hidden": empty || void 0,
           "data-loading-item": "",
-          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.Tag, { label: "", loading: true, ...LINE_TAG_PROPS, className: LOADING_LINE_CLASS }) : item ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.Tag, { label: item, ...LINE_TAG_PROPS }) : (
+          children: loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.Tag, { label: "", loading: true, ...LINE_TAG_PROPS, className: LOADING_LINE_CLASS }) : item ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.Tag, { label: item, ...LINE_TAG_PROPS }) : (
             // With no line at all the empty state covers every slot; with some, the rest stay as slots.
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: _chunk63A4GZMBcjs.cn.call(void 0, EMPTY_CELL_CLASS, items.length === 0 && "invisible") })
           )
@@ -2412,7 +2412,7 @@ var FIELD_CONTROLS = {
     }
   ),
   textarea: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGI6ECCWBcjs.Textarea,
+    _chunkPRJZMZ3Xcjs.Textarea,
     {
       id,
       required: field.required,
@@ -2468,18 +2468,18 @@ var FIELD_CONTROLS = {
     {
       control,
       name: registerName,
-      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkCOJG2ATYcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk5OENPMRUcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCOJG2ATYcjs.SelectTrigger,
+          _chunk5OENPMRUcjs.SelectTrigger,
           {
             id,
             "aria-required": field.required || void 0,
             "aria-invalid": Boolean(error),
             invalid: Boolean(error),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOJG2ATYcjs.SelectValue, { placeholder: "Select\u2026" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.SelectValue, { placeholder: "Select\u2026" })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOJG2ATYcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOJG2ATYcjs.SelectItem, { value: opt, children: formFieldOptionLabel(field, opt) }, opt)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.SelectItem, { value: opt, children: formFieldOptionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -2489,14 +2489,14 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGI6ECCWBcjs.RadioGroup,
+        _chunkPRJZMZ3Xcjs.RadioGroup,
         {
           value: _nullishCoalesce(rhf.value, () => ( "")),
           onValueChange: rhf.onChange,
           "aria-required": field.required || void 0,
           "aria-invalid": Boolean(error),
           children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVCFQHPOOcjs.Label, { htmlFor: `${id}-${opt}`, children: formFieldOptionLabel(field, opt) })
           ] }, opt))
         }
@@ -2570,7 +2570,7 @@ var chipsControl = ({ field, id, registerName, error, control }) => /* @__PURE__
     control,
     name: registerName,
     render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGI6ECCWBcjs.ToggleGroup,
+      _chunkPRJZMZ3Xcjs.ToggleGroup,
       {
         id,
         type: "single",
@@ -2585,7 +2585,7 @@ var chipsControl = ({ field, id, registerName, error, control }) => /* @__PURE__
         "aria-required": field.required || void 0,
         "aria-invalid": Boolean(error),
         className: CHIP_ROW_CLASS,
-        children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.ToggleGroupItem, { value: opt, className: _chunk63A4GZMBcjs.cn.call(void 0, error && "data-[state=off]:border-ods-error"), children: formFieldOptionLabel(field, opt) }, opt))
+        children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.ToggleGroupItem, { value: opt, className: _chunk63A4GZMBcjs.cn.call(void 0, error && "data-[state=off]:border-ods-error"), children: formFieldOptionLabel(field, opt) }, opt))
       }
     )
   }
@@ -2721,7 +2721,7 @@ function BookingFormBody({
     () => [...BUILT_IN_BOOKING_FIELDS.map((field) => field.name), ...supportedFields.map((field) => field.name)],
     [supportedFields]
   );
-  const formRescue = _chunkUO2EJGRJcjs.useRescuedForm.call(void 0, 
+  const formRescue = _chunkUPQ4MAR7cjs.useRescuedForm.call(void 0, 
     { watch, getValues, setValue },
     {
       rescue,
@@ -2730,7 +2730,7 @@ function BookingFormBody({
       fieldPath: (name) => BUILT_IN_BOOKING_FIELDS.some((field) => field.name === name) ? name : `formFields.${name}`
     }
   );
-  const { toast } = _chunkUO2EJGRJcjs.useToast.call(void 0, );
+  const { toast } = _chunkUPQ4MAR7cjs.useToast.call(void 0, );
   const onInvalid = () => {
     if (deniedEmailDomains && emailDomainDenied(getValues("email"), deniedEmailDomains)) {
       toast({
@@ -2820,8 +2820,8 @@ function BookingFormBody({
       children: _nullishCoalesce(submitLabel, () => ( DEFAULT_SUBMIT_LABEL))
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { id: formId, onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkIC4IJJB2cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.HoneypotField, { ...honeypotInputProps }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { id: formId, onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunk3WXHPD6Ncjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.HoneypotField, { ...honeypotInputProps }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, BookingContextSummary, { context, slot: contextSlot }),
     fieldRows ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
       placedRows.map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: slotColumnClass(row, slot, slotIndex), children: slotNode(slot.name) }, slot.name)) }, row.map((s) => s.name).join("|"))),
@@ -2835,7 +2835,7 @@ function BookingFormBody({
       supportedFields.map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: renderDeclaredField(field) }, field.name))
     ] }),
     consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkGI6ECCWBcjs.CheckboxBlock,
+      _chunkPRJZMZ3Xcjs.CheckboxBlock,
       {
         id: "ms-host-consent",
         checked: consented,
@@ -2870,7 +2870,7 @@ function BookingFormBody({
               // same block the waitlist form uses): box + label in one
               // bordered row.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGI6ECCWBcjs.CheckboxBlock,
+                _chunkPRJZMZ3Xcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
                   checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _46 => _46.consented]), () => ( false)),
@@ -2923,10 +2923,10 @@ function BookingFormPending({
       !fieldRows && // An empty label keeps the field's own frame (`FieldWrapper` draws no label for it); the bar stands for it.
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHXURNKXIcjs.FieldWrapper, { label: "", children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-40" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.Textarea, { tabIndex: -1 })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.Textarea, { tabIndex: -1 })
       ] }),
       consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGI6ECCWBcjs.CheckboxBlock,
+        _chunkPRJZMZ3Xcjs.CheckboxBlock,
         {
           id: consentId,
           checked: false,
@@ -2977,7 +2977,7 @@ function FieldSkeleton({
     // An empty label keeps the field's own frame; a read label is the bar under it.
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkHXURNKXIcjs.FieldWrapper, { label: _nullishCoalesce(label, () => ( "")), required: _optionalChain([builtIn, 'optionalAccess', _50 => _50.required]), className, children: [
       label === void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-32" }),
-      !builtIn && _optionalChain([copy, 'optionalAccess', _51 => _51.display]) === "chips" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { variant: "default", className: _chunk63A4GZMBcjs.cn.call(void 0, _chunkGI6ECCWBcjs.TOGGLE_SIZE_CLASS.default, "w-24 rounded-md") }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXURNKXIcjs.Input, { tabIndex: -1 })
+      !builtIn && _optionalChain([copy, 'optionalAccess', _51 => _51.display]) === "chips" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { variant: "default", className: _chunk63A4GZMBcjs.cn.call(void 0, _chunkPRJZMZ3Xcjs.TOGGLE_SIZE_CLASS.default, "w-24 rounded-md") }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHXURNKXIcjs.Input, { tabIndex: -1 })
     ] })
   );
 }
@@ -2985,7 +2985,7 @@ function FieldSkeleton({
 // src/components/meeting-scheduler/confirmation.tsx
 
 function Confirmation({ confirmation, timezone }) {
-  const when = _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, confirmation.startTimeMs, timezone, "weekdayDateTimeZoned", {
+  const when = _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, confirmation.startTimeMs, timezone, "weekdayDateTimeZoned", {
     viewerLocale: true
   });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col items-center justify-center gap-[var(--spacing-system-m)] text-center", children: [
@@ -2995,7 +2995,7 @@ function Confirmation({ confirmation, timezone }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: [
       when,
       " \xB7 ",
-      _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
+      _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "A calendar invite is on its way to your email." })
   ] });
@@ -3013,7 +3013,7 @@ function HostIdentity({ hosts, loading = false }) {
   if (hosts.length === 0) return null;
   if (hosts.length > MAX_HOST_ROWS) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEAM_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTYJUMFBcjs.AvatarStack, { people: hosts, max: 4, size: "lg", label: "Hosts" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6DCUGIGUcjs.AvatarStack, { people: hosts, max: 4, size: "lg", label: "Hosts" }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: [
         hosts.length,
         " hosts on this calendar"
@@ -3022,7 +3022,7 @@ function HostIdentity({ hosts, loading = false }) {
   }
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HOST_LIST_CLASS, children: hosts.map((host) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_ROW_CLASS, "data-loading-item": true, children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkW7OFAROYcjs.SquareAvatar,
+      _chunkKA3L6D5Ncjs.SquareAvatar,
       {
         variant: "round",
         size: "sm",
@@ -3039,7 +3039,7 @@ function HostIdentity({ hosts, loading = false }) {
 }
 function HostIdentitySkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HOST_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_ROW_CLASS, "data-loading-item": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkW7OFAROYcjs.SquareAvatar, { loading: true, variant: "round", size: "sm" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkKA3L6D5Ncjs.SquareAvatar, { loading: true, variant: "round", size: "sm" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h4", className: "w-32" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
@@ -3070,7 +3070,7 @@ function ContextPanelSkeleton({
   timezone = "shown"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOJG2ATYcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_MAIN, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: IDENTITY_ROW, children: [
@@ -3086,7 +3086,7 @@ function ContextPanelSkeleton({
       ] }),
       timezone !== "hidden" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, STRIP_ASIDE, timezone === "wide" && TIMEZONE_WIDE_ONLY_CLASS), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunk63A4GZMBcjs.LOADING_NOOP })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunk63A4GZMBcjs.LOADING_NOOP })
       ] })
     ] })
   ] });
@@ -3124,7 +3124,7 @@ function SchedulerContextPanel({
     );
   }
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkCOJG2ATYcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk5OENPMRUcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_MAIN, children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: IDENTITY_ROW, children: [
@@ -3133,7 +3133,7 @@ function SchedulerContextPanel({
             // Post-selection, or a link that offers one length: a static line,
             // which is what sits beside the host on the header-strip layouts.
             selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: DURATION_LINE_CLASS, children: [
-              _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+              _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
               " call"
             ] })
           ) : null
@@ -3150,7 +3150,7 @@ function SchedulerContextPanel({
               size: "small-legacy",
               disabled,
               onClick: () => onSelectDuration(ms),
-              children: _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, ms / 1e3)
+              children: _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, ms / 1e3)
             },
             ms
           )) })
@@ -3165,7 +3165,7 @@ function SchedulerContextPanel({
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, STRIP_ASIDE, locked && TIMEZONE_WIDE_ONLY_CLASS), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGI6ECCWBcjs.TimezoneSelect,
+          _chunkPRJZMZ3Xcjs.TimezoneSelect,
           {
             value: _nullishCoalesce(timezone, () => ( null)),
             loading: !timezone,
@@ -3211,18 +3211,18 @@ function SchedulerModalHeader({
           size: "small-legacy",
           disabled,
           onClick: () => onSelectDuration(ms),
-          children: _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, ms / 1e3)
+          children: _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, ms / 1e3)
         },
         ms
       )) }) : selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: DURATION_LINE_CLASS2, children: [
-        _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+        _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
         " call"
       ] })
     ] }),
     showTimezone && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TIMEZONE_ROW_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS2, children: "Timezone" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGI6ECCWBcjs.TimezoneSelect,
+        _chunkPRJZMZ3Xcjs.TimezoneSelect,
         {
           value: timezone,
           loading: !timezone,
@@ -3243,7 +3243,7 @@ function SchedulerModalHeaderSkeleton({ showTimezone = true } = {}) {
     ] }),
     showTimezone && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: TIMEZONE_ROW_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS2, children: "Timezone" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGI6ECCWBcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunk63A4GZMBcjs.LOADING_NOOP })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPRJZMZ3Xcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunk63A4GZMBcjs.LOADING_NOOP })
     ] })
   ] });
 }
@@ -3266,7 +3266,7 @@ function dateFromDayKey(key) {
   return new Date(y, m - 1, d, 12);
 }
 function timeLabelInZone(ms, timeZone) {
-  return _chunkW7OFAROYcjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
+  return _chunkKA3L6D5Ncjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
 }
 var CALENDAR_W = "content-md:w-[19rem] content-md:shrink-0 content-lg:w-[16rem]";
 var COLUMN_HEADING_CLASS = "shrink-0 text-h4 text-ods-text-primary";
@@ -3319,24 +3319,24 @@ var MODAL_CHIP_GRID_CLASS = _chunk63A4GZMBcjs.cn.call(void 0,
 function monthLabelFor(offset) {
   const now = /* @__PURE__ */ new Date();
   const month = new Date(now.getFullYear(), now.getMonth() + offset, 1);
-  return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, month, _chunkW7OFAROYcjs.VIEWER_TIMEZONE, "monthYear");
+  return _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, month, _chunkKA3L6D5Ncjs.VIEWER_TIMEZONE, "monthYear");
 }
 var DISABLE_EVERY_DAY = () => true;
 function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDay, slotsByDay }) {
   const now = /* @__PURE__ */ new Date();
   const startMonth = new Date(now.getFullYear(), now.getMonth(), 1);
-  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkIC4IJJB2cjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunk3WXHPD6Ncjs.MAX_MONTH_OFFSET + 1, 0);
   const visibleMonth = new Date(now.getFullYear(), now.getMonth() + monthOffset, 1);
   const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _54 => _54.has, 'call', _55 => _55(calendarDayKey(day))]), [slotsByDay]);
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex min-h-0 flex-1 flex-col", "aria-busy": slotsByDay === null, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGI6ECCWBcjs.DatePickerCalendar,
+    _chunkPRJZMZ3Xcjs.DatePickerCalendar,
     {
       mode: "single",
       bare: true,
       month: visibleMonth,
       onMonthChange: (month) => {
         const offset = (month.getFullYear() - now.getFullYear()) * 12 + (month.getMonth() - now.getMonth());
-        onMonthOffsetChange(Math.max(0, Math.min(_chunkIC4IJJB2cjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunk3WXHPD6Ncjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -3450,7 +3450,7 @@ function SlotPicker({
       {
         className: modal ? _chunk63A4GZMBcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_TIMES_H, "min-w-0 content-md:flex-1") : _chunk63A4GZMBcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"),
         children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, { layout }) : selectedDay ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkW7OFAROYcjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkKA3L6D5Ncjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: modal ? MODAL_CHIP_GRID_CLASS : CHIP_GRID_CLASS, children: daySlots.map((ms) => {
             const isSelected = selectedSlot === ms;
             return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3480,7 +3480,7 @@ function SlotPicker({
               monthLabelFor(monthOffset),
               "."
             ] }),
-            monthOffset < _chunkIC4IJJB2cjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+            monthOffset < _chunk3WXHPD6Ncjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
               _chunkFCZAUK4Dcjs.Button,
               {
                 variant: "outline",
@@ -3504,10 +3504,10 @@ function SlotPicker({
 
 
 function useNextAvailableLabel(ms) {
-  const hydrated = _chunkLFEURIZNcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkVMAOZA2Vcjs.useIsHydrated.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (!hydrated || ms == null) return null;
-    return _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, ms, _chunkW7OFAROYcjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
+    return _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, ms, _chunkKA3L6D5Ncjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
   }, [hydrated, ms]);
 }
 var PAGINATION_SLOT_H = "h-[4.5rem]";
@@ -3528,7 +3528,7 @@ function DirectoryRow({
   const nextLabel = useNextAvailableLabel(link.nextAvailableMs);
   const subtitle = [
     link.description,
-    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
+    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
     link.kind === "team" ? "Team" : null
   ].filter(Boolean).join(" \u2022 ");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3544,7 +3544,7 @@ function DirectoryRow({
           subtitle && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: subtitle })
         ] }),
         audienceLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkO3EKOXFZcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTYJUMFBcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6DCUGIGUcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_NEXT_COLUMN_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: ROW_NEXT_LABEL_CLASS, children: "Next available" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "min-h-5 text-ods-text-primary text-h6", children: link.nextAvailableMs == null ? "No times published" : _nullishCoalesce(nextLabel, () => ( " ")) })
@@ -3563,7 +3563,7 @@ function MeetingSchedulerDirectoryRowSkeleton(props = {}) {
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-1/3" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.UnifiedSkeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkHTYJUMFBcjs.AvatarStack, { people: NO_HOSTS, loading: true, max: TYPICAL_HOSTS, size: "md", label: "Hosts", className: "flex shrink-0" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6DCUGIGUcjs.AvatarStack, { people: NO_HOSTS, loading: true, max: TYPICAL_HOSTS, size: "md", label: "Hosts", className: "flex shrink-0" }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_NEXT_COLUMN_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: ROW_NEXT_LABEL_CLASS, children: "Next available" }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkPMUCEUFQcjs.TextLineSkeleton, { type: "h6", className: "w-32" })
@@ -3794,7 +3794,7 @@ function HubSpotMeetingScheduler({
   const modal = layout === "modal" && !detailsFirst;
   const modalFormId = _react.useId.call(void 0, );
   const [modalFormValid, setModalFormValid] = _react.useState.call(void 0, false);
-  const hydrated = _chunkLFEURIZNcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkVMAOZA2Vcjs.useIsHydrated.call(void 0, );
   const [pickedTimezone, setTimezone] = _react.useState.call(void 0, null);
   const resolvedLocalTimezone = _react.useMemo.call(void 0, () => {
     if (!hydrated) return null;
@@ -3828,8 +3828,8 @@ function HubSpotMeetingScheduler({
   const [selectedSlot, setSelectedSlot] = _react.useState.call(void 0, null);
   const [confirmation, setConfirmation] = _react.useState.call(void 0, null);
   const [bookingError, setBookingError] = _react.useState.call(void 0, null);
-  const { honeypotInputProps, getSignals, resetSignals } = _chunkUO2EJGRJcjs.useHumanitySignals.call(void 0, );
-  const { toast } = _chunkUO2EJGRJcjs.useToast.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunkUPQ4MAR7cjs.useHumanitySignals.call(void 0, );
+  const { toast } = _chunkUPQ4MAR7cjs.useToast.call(void 0, );
   const autoAdvanceCount = _react.useRef.call(void 0, 0);
   const [machineFor, setMachineFor] = _react.useState.call(void 0, meetingId);
   if (machineFor !== meetingId) {
@@ -3903,7 +3903,7 @@ function HubSpotMeetingScheduler({
         return;
       }
       if (result.ok && result.confirmation) {
-        _chunkUO2EJGRJcjs.completeFormRescue.call(void 0, rescue, payload[_chunkOH5TXFRRcjs.FORM_RESCUE_ATTEMPT_FIELD]);
+        _chunkUPQ4MAR7cjs.completeFormRescue.call(void 0, rescue, payload[_chunkOH5TXFRRcjs.FORM_RESCUE_ATTEMPT_FIELD]);
         setConfirmation(result.confirmation);
         setStep("confirmed");
         _optionalChain([onBooked, 'optionalCall', _64 => _64(result.confirmation)]);
@@ -3948,11 +3948,11 @@ function HubSpotMeetingScheduler({
       setSelectedDay(null);
       setSelectedSlot(null);
     };
-    const summary = selectedSlot != null && durationMs != null && timezone != null ? `${_chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true })} \xB7 ${_chunkW7OFAROYcjs.formatDurationCompact.call(void 0, durationMs / 1e3)}` : null;
+    const summary = selectedSlot != null && durationMs != null && timezone != null ? `${_chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true })} \xB7 ${_chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, durationMs / 1e3)}` : null;
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, MODAL_STACK_CLASS, className), children: [
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk2XCORRJVcjs.LoadingRegion, { label: "Loading available times", announce: coldStart, className: MODAL_CARD_CLASS, children: [
         modalBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkCOJG2ATYcjs.BackButton,
+          _chunk5OENPMRUcjs.BackButton,
           {
             onClick: modalBack,
             className: _chunk63A4GZMBcjs.cn.call(void 0, 
@@ -3998,7 +3998,7 @@ function HubSpotMeetingScheduler({
             }
           )
         ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU767P4JUcjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU767P4JUcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" }) }),
+          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkACPOJE32cjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkACPOJE32cjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" }) }),
           !coldStart && (!timezone || durationMs == null) && durations.length === 0 && !isFetchingAvailability ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, MODAL_STEP_CLASS, "items-start gap-[var(--spacing-system-m)]"), children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: "No call times are published right now." }),
             escapeHatch
@@ -4129,10 +4129,10 @@ function HubSpotMeetingScheduler({
       durations.length > 0
     ) : durationMs != null && selectedSlot != null && timezone) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk63A4GZMBcjs.cn.call(void 0, stepPanelClass, "gap-[var(--spacing-system-m)]"), children: [
       selectedSlot != null && durationMs != null && timezone != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: [
-        _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
+        _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
         " \xB7",
         " ",
-        _chunkW7OFAROYcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
+        _chunkKA3L6D5Ncjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DetailsForm,
@@ -4156,11 +4156,11 @@ function HubSpotMeetingScheduler({
       )
     ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)] content-md:min-h-0 content-md:flex-1", children: [
       bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkU767P4JUcjs.Alert,
+        _chunkACPOJE32cjs.Alert,
         {
           variant: "warning",
           className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto content-lg:m-0 content-lg:w-full",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkU767P4JUcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
+          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkACPOJE32cjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
         }
       ),
       (!timezone || durationMs == null) && durations.length === 0 && (!isFetchingAvailability || formOnly) ? (
@@ -4244,10 +4244,10 @@ function MeetingSchedulerModal({
   emptyMessage = "No calls can be booked right now.",
   className
 }) {
-  const { toast } = _chunkUO2EJGRJcjs.useToast.call(void 0, );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEIACEY2Lcjs.Modal, { isOpen, onClose, className: _chunk63A4GZMBcjs.cn.call(void 0, "md:max-w-[600px]", className), children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEIACEY2Lcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEIACEY2Lcjs.ModalTitle, { children: title }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEIACEY2Lcjs.ModalContent, { className: "flex flex-col", children: link || loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingWhen, { loading: !link, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+  const { toast } = _chunkUPQ4MAR7cjs.useToast.call(void 0, );
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunk63ZV3UGGcjs.Modal, { isOpen, onClose, className: _chunk63A4GZMBcjs.cn.call(void 0, "md:max-w-[600px]", className), children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalHeader, { children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalTitle, { children: title }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63ZV3UGGcjs.ModalContent, { className: "flex flex-col", children: link || loading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk63A4GZMBcjs.LoadingWhen, { loading: !link, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       HubSpotMeetingScheduler,
       {
         layout: "modal",
@@ -4257,7 +4257,7 @@ function MeetingSchedulerModal({
         fallbackUrl: _optionalChain([link, 'optionalAccess', _69 => _69.link]),
         onBack: onClose,
         onBooked: (booking) => {
-          const when = _chunkW7OFAROYcjs.formatDateWithTimezone.call(void 0, booking.startTimeMs, _chunkW7OFAROYcjs.VIEWER_TIMEZONE, "weekdayDateTimeZoned", {
+          const when = _chunkKA3L6D5Ncjs.formatDateWithTimezone.call(void 0, booking.startTimeMs, _chunkKA3L6D5Ncjs.VIEWER_TIMEZONE, "weekdayDateTimeZoned", {
             viewerLocale: true
           });
           toast({

package/dist/components/navigation/app-layout.js

@@ -1,7 +1,7 @@
 "use client";
 import { jsx, jsxs } from "react/jsx-runtime";
 import { useCallback, useEffect, useMemo, useRef, useState } from "react";
-import { ContentAreaWidthContext, contentBreakpointFor } from "../../hooks/ui/use-content-breakpoint.js";
+import { ContentAreaWidthContext, contentStepFor } from "../../hooks/ui/use-content-breakpoint.js";
 import { useIsomorphicLayoutEffect } from "../../hooks/ui/use-isomorphic-layout-effect.js";
 import { cn } from "../../utils/index.js";
 import { NotificationDrawer } from "../features/notifications/notification-drawer.js";
@@ -59,7 +59,7 @@ function AppLayout({
     const update = () => {
       const width = mainElement.clientWidth;
       setContentWidth(
-        (previous) => previous !== null && contentBreakpointFor(previous) === contentBreakpointFor(width) ? previous : width
+        (previous) => previous !== null && contentStepFor(previous) === contentStepFor(width) ? previous : width
       );
     };
     update();