@flamingo-stack/openframe-frontend-core 0.0.780 → 0.0.782

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

@@ -2,12 +2,13 @@
 "use client";
 
 
-var _chunkQIQYD75Icjs = require('../../chunk-QIQYD75I.cjs');
+var _chunkEFCWHAYCcjs = require('../../chunk-EFCWHAYC.cjs');
 
 
-var _chunkHUPDPANNcjs = require('../../chunk-HUPDPANN.cjs');
+var _chunkYXZOP726cjs = require('../../chunk-YXZOP726.cjs');
 
 
+var _chunkRT6QATX4cjs = require('../../chunk-RT6QATX4.cjs');
 
 
 
@@ -19,18 +20,19 @@ var _chunkHUPDPANNcjs = require('../../chunk-HUPDPANN.cjs');
 
 
 
-var _chunkUPAE4IV5cjs = require('../../chunk-UPAE4IV5.cjs');
-require('../../chunk-KLTUTZBO.cjs');
-require('../../chunk-R6BKQKIF.cjs');
 
 
+var _chunkA4YUTS6Qcjs = require('../../chunk-A4YUTS6Q.cjs');
+require('../../chunk-MKF6XX5A.cjs');
+require('../../chunk-ZFOMRALU.cjs');
 
 
 
 
 
 
-var _chunkSIDDZZKLcjs = require('../../chunk-SIDDZZKL.cjs');
+
+var _chunkTS6TISIFcjs = require('../../chunk-TS6TISIF.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 
@@ -38,28 +40,25 @@ require('../../chunk-DEY6XXGO.cjs');
 
 
 
-var _chunk5PK22JP7cjs = require('../../chunk-5PK22JP7.cjs');
+var _chunkCBKXU77Hcjs = require('../../chunk-CBKXU77H.cjs');
 require('../../chunk-VXAKQRV7.cjs');
 require('../../chunk-24I6RFVU.cjs');
 require('../../chunk-A6P6DHEZ.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 
 
-var _chunkMLX6Z7TUcjs = require('../../chunk-MLX6Z7TU.cjs');
-
-
-var _chunkC42WIUH6cjs = require('../../chunk-C42WIUH6.cjs');
+var _chunkUPQMFK5Bcjs = require('../../chunk-UPQMFK5B.cjs');
 
 
 
-var _chunkYWQ3VXPLcjs = require('../../chunk-YWQ3VXPL.cjs');
+var _chunkN7QNWHJAcjs = require('../../chunk-N7QNWHJA.cjs');
 
 
-var _chunkOWQVDWTKcjs = require('../../chunk-OWQVDWTK.cjs');
-require('../../chunk-LBGAHB6X.cjs');
-require('../../chunk-KKAY6GPU.cjs');
-require('../../chunk-XEYL6AFZ.cjs');
-require('../../chunk-LELS4XMX.cjs');
+var _chunk7OJMOG34cjs = require('../../chunk-7OJMOG34.cjs');
+require('../../chunk-BE4OUWTA.cjs');
+require('../../chunk-WSBWP7IW.cjs');
+require('../../chunk-E2ZZOYSM.cjs');
+require('../../chunk-FS7CBRF4.cjs');
 require('../../chunk-ZOZR3QI2.cjs');
 require('../../chunk-OMV5S5PI.cjs');
 require('../../chunk-KHPX3KU4.cjs');
@@ -1850,32 +1849,31 @@ require('../../chunk-IYHH5EIO.cjs');
 require('../../chunk-XIBCMGBW.cjs');
 
 
-var _chunkJB2SEF6Qcjs = require('../../chunk-JB2SEF6Q.cjs');
+var _chunkN2SVJJLUcjs = require('../../chunk-N2SVJJLU.cjs');
 require('../../chunk-OJZBZH56.cjs');
-require('../../chunk-64KBI5MI.cjs');
+require('../../chunk-LUWYWYNC.cjs');
 require('../../chunk-JKX2C3I2.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-WWUSFOJ7.cjs');
 require('../../chunk-SKI6NKOE.cjs');
 require('../../chunk-EWPR7662.cjs');
-require('../../chunk-QEFDGI3Z.cjs');
-require('../../chunk-YG72MEHY.cjs');
+require('../../chunk-4DKPNN2A.cjs');
+require('../../chunk-5XAWVXNI.cjs');
 
 
-var _chunkOH5LAH3Xcjs = require('../../chunk-OH5LAH3X.cjs');
-require('../../chunk-3ZLPYEL5.cjs');
-require('../../chunk-SETFUCZA.cjs');
+var _chunkODDUGLYFcjs = require('../../chunk-ODDUGLYF.cjs');
+require('../../chunk-DYF6XB27.cjs');
+require('../../chunk-4MQASMIU.cjs');
 
 
-var _chunkBEMGJDXIcjs = require('../../chunk-BEMGJDXI.cjs');
+var _chunkXAA5LUHCcjs = require('../../chunk-XAA5LUHC.cjs');
 
 
 
 
 
 
-
-var _chunkBNUZKBNVcjs = require('../../chunk-BNUZKBNV.cjs');
+var _chunkZJS45HQZcjs = require('../../chunk-ZJS45HQZ.cjs');
 require('../../chunk-S5C3OZCO.cjs');
 require('../../chunk-32ASZMTV.cjs');
 require('../../chunk-OOYBIS7D.cjs');
@@ -1886,7 +1884,7 @@ require('../../chunk-RUHKTWGB.cjs');
 
 
 var _chunkBLH2SFOOcjs = require('../../chunk-BLH2SFOO.cjs');
-require('../../chunk-3LW5TD54.cjs');
+require('../../chunk-F2FFJWOQ.cjs');
 
 
 var _chunk7PNRXJX2cjs = require('../../chunk-7PNRXJX2.cjs');
@@ -1894,39 +1892,42 @@ require('../../chunk-NTPX5GXI.cjs');
 require('../../chunk-AQXKXZWB.cjs');
 require('../../chunk-V4FXUIMH.cjs');
 require('../../chunk-SZHDXXMK.cjs');
-require('../../chunk-TUAATMUE.cjs');
+require('../../chunk-CS5SZJFV.cjs');
 require('../../chunk-5GJM7VRR.cjs');
-require('../../chunk-E76ONBKF.cjs');
+require('../../chunk-5WMRVMXH.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 
 
 
 
-var _chunkYXDHVHB2cjs = require('../../chunk-YXDHVHB2.cjs');
+var _chunkEHQ2UGT4cjs = require('../../chunk-EHQ2UGT4.cjs');
 
 
-var _chunkFL2RMEDXcjs = require('../../chunk-FL2RMEDX.cjs');
-require('../../chunk-XIFEZ2JT.cjs');
+var _chunkOMTH355Icjs = require('../../chunk-OMTH355I.cjs');
+require('../../chunk-4DQ4CNAG.cjs');
 require('../../chunk-Z74QE57T.cjs');
 require('../../chunk-XZJCBIYR.cjs');
 
 
-var _chunkWEANWBJHcjs = require('../../chunk-WEANWBJH.cjs');
+var _chunkA3UZFFR3cjs = require('../../chunk-A3UZFFR3.cjs');
 
 
 
 
+var _chunkNNNRN4OFcjs = require('../../chunk-NNNRN4OF.cjs');
 
-var _chunkXFRBEXQNcjs = require('../../chunk-XFRBEXQN.cjs');
 
+var _chunkFLS6DZENcjs = require('../../chunk-FLS6DZEN.cjs');
 
-var _chunkTF5D5MNOcjs = require('../../chunk-TF5D5MNO.cjs');
 
 
-var _chunkV45KLJQPcjs = require('../../chunk-V45KLJQP.cjs');
 
 
-var _chunk65VVJSQZcjs = require('../../chunk-65VVJSQZ.cjs');
+
+var _chunkMGEUZRNQcjs = require('../../chunk-MGEUZRNQ.cjs');
+
+
+var _chunkV45KLJQPcjs = require('../../chunk-V45KLJQP.cjs');
 require('../../chunk-KHKPLOU4.cjs');
 
 // src/components/meeting-scheduler/index.tsx
@@ -2029,7 +2030,7 @@ var DATA_TYPE_CONTROLS = {
   datetime: "date",
   phone_number: "phone"
 };
-var hasDeclaredOptions = (field) => (_nullishCoalesce(_optionalChain([field, 'access', _2 => _2.options, 'optionalAccess', _3 => _3.length]), () => ( 0))) > 0;
+var hasDeclaredOptions = (field) => (_nullishCoalesce(_optionalChain([field, 'access', _ => _.options, 'optionalAccess', _2 => _2.length]), () => ( 0))) > 0;
 function resolveFormFieldControl(field) {
   const fieldType = (_nullishCoalesce(field.type, () => ( ""))).toLowerCase();
   const withOptions = hasDeclaredOptions(field);
@@ -2137,7 +2138,7 @@ function buildBookingSchema(formFields, legalConsent, slot) {
     }
     answers[field.name] = validator;
   }
-  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _4 => _4.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
+  const requiredConsentIds = (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _3 => _3.communicationConsentCheckboxes]), () => ( []))).filter((c) => c.required).map((c) => c.communicationTypeId);
   const hasRequiredAnswers = drawn.some((f) => f.required);
   const answersObject = z.object(answers);
   return z.object({
@@ -2182,7 +2183,7 @@ function makeDeferredBookingSchema(formFields, legalConsent) {
 }
 function emailDomainDenied(email, rule) {
   if (typeof email !== "string") return false;
-  const domain = _optionalChain([email, 'access', _5 => _5.split, 'call', _6 => _6("@"), 'access', _7 => _7[1], 'optionalAccess', _8 => _8.trim, 'call', _9 => _9(), 'access', _10 => _10.toLowerCase, 'call', _11 => _11()]);
+  const domain = _optionalChain([email, 'access', _4 => _4.split, 'call', _5 => _5("@"), 'access', _6 => _6[1], 'optionalAccess', _7 => _7.trim, 'call', _8 => _8(), 'access', _9 => _9.toLowerCase, 'call', _10 => _10()]);
   if (domain === void 0 || domain === "") return false;
   return rule.domains.includes(domain);
 }
@@ -2204,10 +2205,10 @@ var BOOKING_IN_FLIGHT_MESSAGE = "Already submitting";
 function useMeetingBooking(options) {
   const { meetingId, apiBaseUrl = "", initialAvailability } = options;
   const queryClient = _reactquery.useQueryClient.call(void 0, );
-  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
+  const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _11 => _11.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(_chunkYWQ3VXPLcjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunkN7QNWHJAcjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -2215,8 +2216,8 @@ function useMeetingBooking(options) {
     prevMeetingIdRef.current = meetingId;
     setMonthOffsetState(0);
   }, [meetingId]);
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
-  const seed = _optionalChain([initialAvailability, 'optionalAccess', _13 => _13.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
+  const seed = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.meetingId]) === meetingId && initialAvailability.monthOffset === monthOffset ? initialAvailability : void 0;
   const availabilityQuery = _reactquery.useQuery.call(void 0, {
     queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
     queryFn: async ({ signal }) => {
@@ -2311,9 +2312,9 @@ var evenSpan = (count, index) => {
   const extra = GRID_COLUMNS - base * count;
   return Math.min(GRID_COLUMNS, Math.max(1, index < extra ? base + 1 : base));
 };
-var slotColumnClass = (row, slot, index) => _chunk65VVJSQZcjs.cn.call(void 0, row.length === 2 ? "col-span-1" : "col-span-2", SPAN_CLASS[_nullishCoalesce(slot.span, () => ( evenSpan(row.length, index)))]);
-var placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( _optionalChain([fieldTypeSpec, 'call', _14 => _14(field.type), 'access', _15 => _15.placeholder, 'optionalCall', _16 => _16(field)])));
-var formFieldOptionLabel = (field, value) => _nullishCoalesce(_optionalChain([field, 'access', _17 => _17.optionLabels, 'optionalAccess', _18 => _18[value]]), () => ( value));
+var slotColumnClass = (row, slot, index) => _chunkMGEUZRNQcjs.cn.call(void 0, row.length === 2 ? "col-span-1" : "col-span-2", SPAN_CLASS[_nullishCoalesce(slot.span, () => ( evenSpan(row.length, index)))]);
+var placeholderFor = (field) => _nullishCoalesce(field.placeholder, () => ( _optionalChain([fieldTypeSpec, 'call', _13 => _13(field.type), 'access', _14 => _14.placeholder, 'optionalCall', _15 => _15(field)])));
+var formFieldOptionLabel = (field, value) => _nullishCoalesce(_optionalChain([field, 'access', _16 => _16.optionLabels, 'optionalAccess', _17 => _17[value]]), () => ( value));
 var trimmed = (v) => String(_nullishCoalesce(v, () => ( ""))).trim();
 var canonicalNumber = (v) => {
   const s = String(_nullishCoalesce(v, () => ( ""))).trim();
@@ -2325,7 +2326,7 @@ var canonicalNumber = (v) => {
 };
 var FIELD_CONTROLS = {
   text: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYXDHVHB2cjs.Input,
+    _chunkEHQ2UGT4cjs.Input,
     {
       id,
       type: _nullishCoalesce(field.inputType, () => ( "text")),
@@ -2338,7 +2339,7 @@ var FIELD_CONTROLS = {
     }
   ),
   textarea: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkUPAE4IV5cjs.Textarea,
+    _chunkA4YUTS6Qcjs.Textarea,
     {
       id,
       required: field.required,
@@ -2349,7 +2350,7 @@ var FIELD_CONTROLS = {
     }
   ),
   number: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYXDHVHB2cjs.Input,
+    _chunkEHQ2UGT4cjs.Input,
     {
       id,
       type: "number",
@@ -2362,7 +2363,7 @@ var FIELD_CONTROLS = {
     }
   ),
   phone: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkYXDHVHB2cjs.Input,
+    _chunkEHQ2UGT4cjs.Input,
     {
       id,
       type: "tel",
@@ -2378,7 +2379,7 @@ var FIELD_CONTROLS = {
   date: ({ field, id, registerName, error, register }) => (
     // The native picker emits exactly the wire shape (`YYYY-MM-DD`).
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYXDHVHB2cjs.Input,
+      _chunkEHQ2UGT4cjs.Input,
       {
         id,
         type: "date",
@@ -2394,18 +2395,18 @@ var FIELD_CONTROLS = {
     {
       control,
       name: registerName,
-      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkSIDDZZKLcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkTS6TISIFcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSIDDZZKLcjs.SelectTrigger,
+          _chunkTS6TISIFcjs.SelectTrigger,
           {
             id,
             "aria-required": field.required || void 0,
             "aria-invalid": Boolean(error),
             invalid: Boolean(error),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.SelectValue, { placeholder: "Select\u2026" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.SelectValue, { placeholder: "Select\u2026" })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.SelectItem, { value: opt, children: formFieldOptionLabel(field, opt) }, opt)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.SelectItem, { value: opt, children: formFieldOptionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -2415,15 +2416,15 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUPAE4IV5cjs.RadioGroup,
+        _chunkA4YUTS6Qcjs.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, _chunkUPAE4IV5cjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFL2RMEDXcjs.Label, { htmlFor: `${id}-${opt}`, children: formFieldOptionLabel(field, opt) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOMTH355Icjs.Label, { htmlFor: `${id}-${opt}`, children: formFieldOptionLabel(field, opt) })
           ] }, opt))
         }
       )
@@ -2445,7 +2446,7 @@ var FIELD_CONTROLS = {
           };
           return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { id, role: "group", className: "flex flex-col gap-[var(--spacing-system-xs)]", 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, 
-              _chunkC42WIUH6cjs.Checkbox,
+              _chunkUPQMFK5Bcjs.Checkbox,
               {
                 id: `${id}-${opt}`,
                 checked: selected.includes(opt),
@@ -2453,7 +2454,7 @@ var FIELD_CONTROLS = {
                 "aria-invalid": Boolean(error)
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFL2RMEDXcjs.Label, { htmlFor: `${id}-${opt}`, children: formFieldOptionLabel(field, opt) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkOMTH355Icjs.Label, { htmlFor: `${id}-${opt}`, children: formFieldOptionLabel(field, opt) })
           ] }, opt)) });
         }
       }
@@ -2469,7 +2470,7 @@ var FIELD_CONTROLS = {
         // this id — a second inline label would double the visible text AND
         // the accessible name.
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex items-center gap-[var(--spacing-system-xs)]", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkC42WIUH6cjs.Checkbox,
+          _chunkUPQMFK5Bcjs.Checkbox,
           {
             id,
             checked: Boolean(rhf.value),
@@ -2486,7 +2487,7 @@ var CHIP_FIELD_TYPES = /* @__PURE__ */ new Set(["select", "radio"]);
 var CHIP_MAX_OPTIONS = 6;
 function drawnAsChips(field, display) {
   if (display !== "chips" || !CHIP_FIELD_TYPES.has(field.type)) return false;
-  const count = _nullishCoalesce(_optionalChain([field, 'access', _19 => _19.options, 'optionalAccess', _20 => _20.length]), () => ( 0));
+  const count = _nullishCoalesce(_optionalChain([field, 'access', _18 => _18.options, 'optionalAccess', _19 => _19.length]), () => ( 0));
   return count > 0 && count <= CHIP_MAX_OPTIONS;
 }
 var CHIP_ROW_CLASS = "flex flex-wrap justify-start gap-[var(--spacing-system-xsf)]";
@@ -2496,7 +2497,7 @@ var chipsControl = ({ field, id, registerName, error, control }) => /* @__PURE__
     control,
     name: registerName,
     render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUPAE4IV5cjs.ToggleGroup,
+      _chunkA4YUTS6Qcjs.ToggleGroup,
       {
         id,
         type: "single",
@@ -2505,24 +2506,24 @@ var chipsControl = ({ field, id, registerName, error, control }) => /* @__PURE__
         onValueChange: (value) => {
           if (value) rhf.onChange(value);
         },
-        ref: (group) => rhf.ref(group && { focus: () => _optionalChain([group, 'access', _21 => _21.querySelector, 'call', _22 => _22("button"), 'optionalAccess', _23 => _23.focus, 'call', _24 => _24()]) }),
+        ref: (group) => rhf.ref(group && { focus: () => _optionalChain([group, 'access', _20 => _20.querySelector, 'call', _21 => _21("button"), 'optionalAccess', _22 => _22.focus, 'call', _23 => _23()]) }),
         onBlur: rhf.onBlur,
-        "aria-labelledby": _chunkYXDHVHB2cjs.fieldLabelId.call(void 0, id),
+        "aria-labelledby": _chunkEHQ2UGT4cjs.fieldLabelId.call(void 0, id),
         "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, _chunkUPAE4IV5cjs.ToggleGroupItem, { value: opt, className: _chunk65VVJSQZcjs.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, _chunkA4YUTS6Qcjs.ToggleGroupItem, { value: opt, className: _chunkMGEUZRNQcjs.cn.call(void 0, error && "data-[state=off]:border-ods-error"), children: formFieldOptionLabel(field, opt) }, opt))
       }
     )
   }
 );
 var builtInId = (name) => `ms-${name.replace(/[A-Z]/g, (m) => `-${m.toLowerCase()}`)}`;
 function BookingForm(props) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const { availability } = props;
   if (inScope || props.loading || !availability) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      BookingFormSkeleton,
+      BookingFormPending,
       {
         fieldRows: props.fieldRows,
         optionalFields: props.optionalFields,
@@ -2570,7 +2571,7 @@ function BookingFormBody({
     [supportedFields, legalConsent, deniedEmailDomains]
   );
   const consentDefaults = _react.useMemo.call(void 0, 
-    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _25 => _25.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
+    () => (_nullishCoalesce(_optionalChain([legalConsent, 'optionalAccess', _24 => _24.communicationConsentCheckboxes]), () => ( []))).map((c) => ({
       communicationTypeId: c.communicationTypeId,
       consented: false
     })),
@@ -2602,8 +2603,8 @@ function BookingFormBody({
       ..._nullishCoalesce(initialValues, () => ( {}))
     }
   });
-  const priorConsents = _optionalChain([initialValues, 'optionalAccess', _26 => _26.legalConsentResponses]);
-  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _27 => _27[HOST_CONSENT_KEY]]) === true);
+  const priorConsents = _optionalChain([initialValues, 'optionalAccess', _25 => _25.legalConsentResponses]);
+  const [consented, setConsented] = _react.useState.call(void 0, _optionalChain([initialValues, 'optionalAccess', _26 => _26[HOST_CONSENT_KEY]]) === true);
   const [consentError, setConsentError] = _react.useState.call(void 0, null);
   const consentMissing = Boolean(consent) && !consented;
   const watchedValues = watch();
@@ -2621,7 +2622,7 @@ function BookingFormBody({
       "legalConsentResponses",
       consentDefaults.map((next) => ({
         ...next,
-        consented: _nullishCoalesce(_optionalChain([current, 'access', _28 => _28.find, 'call', _29 => _29((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _30 => _30.consented]), () => ( false))
+        consented: _nullishCoalesce(_optionalChain([current, 'access', _27 => _27.find, 'call', _28 => _28((r) => r.communicationTypeId === next.communicationTypeId), 'optionalAccess', _29 => _29.consented]), () => ( false))
       })),
       { shouldDirty: false }
     );
@@ -2631,8 +2632,8 @@ function BookingFormBody({
     const names = /* @__PURE__ */ new Set([...Object.keys(_nullishCoalesce(answers, () => ( {}))), ...Object.keys(written.current)]);
     for (const name of names) {
       if (!supportedFields.some((field) => field.name === name)) continue;
-      const next = _nullishCoalesce(_optionalChain([answers, 'optionalAccess', _31 => _31[name]]), () => ( ""));
-      const current = _nullishCoalesce(_optionalChain([getValues, 'call', _32 => _32("formFields"), 'optionalAccess', _33 => _33[name]]), () => ( ""));
+      const next = _nullishCoalesce(_optionalChain([answers, 'optionalAccess', _30 => _30[name]]), () => ( ""));
+      const current = _nullishCoalesce(_optionalChain([getValues, 'call', _31 => _31("formFields"), 'optionalAccess', _32 => _32[name]]), () => ( ""));
       if (current !== "" && current !== written.current[name]) continue;
       if (next) written.current[name] = next;
       else delete written.current[name];
@@ -2644,7 +2645,7 @@ function BookingFormBody({
     () => [...BUILT_IN_BOOKING_FIELDS.map((field) => field.name), ...supportedFields.map((field) => field.name)],
     [supportedFields]
   );
-  const formRescue = _chunk5PK22JP7cjs.useRescuedForm.call(void 0, 
+  const formRescue = _chunkCBKXU77Hcjs.useRescuedForm.call(void 0, 
     { watch, getValues, setValue },
     {
       rescue,
@@ -2653,7 +2654,7 @@ function BookingFormBody({
       fieldPath: (name) => BUILT_IN_BOOKING_FIELDS.some((field) => field.name === name) ? name : `formFields.${name}`
     }
   );
-  const { toast } = _chunk5PK22JP7cjs.useToast.call(void 0, );
+  const { toast } = _chunkCBKXU77Hcjs.useToast.call(void 0, );
   const onInvalid = () => {
     if (deniedEmailDomains && emailDomainDenied(getValues("email"), deniedEmailDomains)) {
       toast({
@@ -2681,24 +2682,24 @@ function BookingFormBody({
     });
   }, onInvalid);
   const submit = (event) => {
-    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _34 => _34.errorMessage]), () => ( "Please agree to continue.")));
+    if (consentMissing) setConsentError(_nullishCoalesce(_optionalChain([consent, 'optionalAccess', _33 => _33.errorMessage]), () => ( "Please agree to continue.")));
     return submitValid(event);
   };
   const fieldError = (name) => {
-    const err = _optionalChain([errors, 'access', _35 => _35.formFields, 'optionalAccess', _36 => _36[name]]);
-    return _optionalChain([err, 'optionalAccess', _37 => _37.message]);
+    const err = _optionalChain([errors, 'access', _34 => _34.formFields, 'optionalAccess', _35 => _35[name]]);
+    return _optionalChain([err, 'optionalAccess', _36 => _36.message]);
   };
   const renderField = (field, where) => {
-    const copy = _optionalChain([fieldCopy, 'optionalAccess', _38 => _38[field.name]]);
+    const copy = _optionalChain([fieldCopy, 'optionalAccess', _37 => _37[field.name]]);
     const shown = copy ? { ...field, label: _nullishCoalesce(copy.label, () => ( field.label)), placeholder: _nullishCoalesce(copy.placeholder, () => ( field.placeholder)) } : field;
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkYXDHVHB2cjs.FieldWrapper,
+      _chunkEHQ2UGT4cjs.FieldWrapper,
       {
         label: shown.label,
         htmlFor: where.id,
         required: shown.required,
         error: where.error,
-        children: (drawnAsChips(shown, _optionalChain([copy, 'optionalAccess', _39 => _39.display])) ? chipsControl : FIELD_CONTROLS[shown.type])({
+        children: (drawnAsChips(shown, _optionalChain([copy, 'optionalAccess', _38 => _38.display])) ? chipsControl : FIELD_CONTROLS[shown.type])({
           field: shown,
           id: where.id,
           registerName: where.registerName,
@@ -2713,7 +2714,7 @@ function BookingFormBody({
   const builtInFields = Object.fromEntries(
     BUILT_IN_BOOKING_FIELDS.map((field) => [
       field.name,
-      renderField(field, { id: builtInId(field.name), registerName: field.name, error: _optionalChain([errors, 'access', _40 => _40[field.name], 'optionalAccess', _41 => _41.message]) })
+      renderField(field, { id: builtInId(field.name), registerName: field.name, error: _optionalChain([errors, 'access', _39 => _39[field.name], 'optionalAccess', _40 => _40.message]) })
     ])
   );
   const renderDeclaredField = (field) => renderField(field, {
@@ -2732,7 +2733,7 @@ function BookingFormBody({
   const { rows: placedRows, unplacedBuiltIns, named: placedNames } = normalizeFieldRows(_nullishCoalesce(fieldRows, () => ( [])), slotResolves);
   const unplacedFields = fieldRows ? supportedFields.filter((f) => !placedNames.has(f.name)) : [];
   const submitButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkTF5D5MNOcjs.Button,
+    _chunkFLS6DZENcjs.Button,
     {
       type: "submit",
       loading: isSubmitting,
@@ -2741,8 +2742,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, ..._chunkYWQ3VXPLcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.HoneypotField, { ...honeypotInputProps }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { id: formId, onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkN7QNWHJAcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.HoneypotField, { ...honeypotInputProps }),
     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("|"))),
       [...unplacedBuiltIns, ...unplacedFields].map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: slotNode(field.name) }, field.name))
@@ -2755,7 +2756,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, 
-      _chunkUPAE4IV5cjs.CheckboxBlock,
+      _chunkA4YUTS6Qcjs.CheckboxBlock,
       {
         id: "ms-host-consent",
         checked: consented,
@@ -2774,7 +2775,7 @@ function BookingFormBody({
     // box doesn't shove the submit button down the card. With no error the
     // wrapper is `display:contents` and the panel below is the flex item,
     // exactly as it was.
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.FieldWrapper, { error: _optionalChain([errors, 'access', _42 => _42.legalConsentResponses, 'optionalAccess', _43 => _43.message]), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHQ2UGT4cjs.FieldWrapper, { error: _optionalChain([errors, 'access', _41 => _41.legalConsentResponses, 'optionalAccess', _42 => _42.message]), children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: legalConsent.processingConsentText }),
       legalConsent.communicationConsentText && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: legalConsent.communicationConsentText }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -2790,10 +2791,10 @@ function BookingFormBody({
               // same block the waitlist form uses): box + label in one
               // bordered row.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkUPAE4IV5cjs.CheckboxBlock,
+                _chunkA4YUTS6Qcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
-                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _44 => _44.consented]), () => ( false)),
+                  checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _43 => _43.consented]), () => ( false)),
                   onCheckedChange: (v) => rhf.onChange(
                     responses.map(
                       (r) => r.communicationTypeId === box.communicationTypeId ? { ...r, consented: v } : r
@@ -2816,7 +2817,7 @@ function BookingFormBody({
     ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FOOTER_BARE_CLASS, children: submitButton })
   ] });
 }
-function BookingFormSkeleton({
+function BookingFormPending({
   fieldRows,
   optionalFields,
   fieldCopy,
@@ -2825,10 +2826,10 @@ function BookingFormSkeleton({
   submitLabel = DEFAULT_SUBMIT_LABEL
 }) {
   const consentId = _react.useId.call(void 0, );
-  const submitButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { type: "button", tabIndex: -1, className: footerNote ? SUBMIT_WIDE_CLASS : void 0, children: submitLabel });
+  const submitButton = /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { type: "button", tabIndex: -1, className: footerNote ? SUBMIT_WIDE_CLASS : void 0, children: submitLabel });
   return (
     // Inert: the fields are the form's own controls, drawn so each is its loaded size; none takes focus.
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex-1", FORM_STACK), "aria-hidden": true, inert: true, children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex-1", FORM_STACK), "aria-hidden": true, inert: true, children: [
       skeletonRows(_nullishCoalesce(fieldRows, () => ( DEFAULT_FIELD_ROWS)), optionalFields).map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         FieldSkeleton,
         {
@@ -2839,19 +2840,18 @@ function BookingFormSkeleton({
         slot.name
       )) }, row.map((s) => s.name).join("|"))),
       !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, _chunkYXDHVHB2cjs.FieldWrapper, { label: "", children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-40" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.Textarea, { tabIndex: -1 })
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEHQ2UGT4cjs.FieldWrapper, { label: "", children: [
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-40" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.Textarea, { tabIndex: -1 })
       ] }),
       consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkUPAE4IV5cjs.CheckboxBlock,
+        _chunkA4YUTS6Qcjs.CheckboxBlock,
         {
           id: consentId,
           checked: false,
-          onCheckedChange: () => {
-          },
+          onCheckedChange: _chunkMGEUZRNQcjs.LOADING_NOOP,
           required: true,
-          label: consent === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-64 max-w-full" }) : consent.label,
+          label: consent === true ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "inherit", as: "span", className: "w-64 max-w-full" }) : consent.label,
           description: consent === true ? void 0 : consent.description
         }
       ),
@@ -2890,13 +2890,13 @@ function FieldSkeleton({
   className
 }) {
   const builtIn = BUILT_IN_BOOKING_FIELDS.find((f) => f.name === name);
-  const copy = _optionalChain([fieldCopy, 'optionalAccess', _45 => _45[name]]);
-  const label = builtIn ? _nullishCoalesce(_optionalChain([copy, 'optionalAccess', _46 => _46.label]), () => ( builtIn.label)) : _optionalChain([copy, 'optionalAccess', _47 => _47.label]);
+  const copy = _optionalChain([fieldCopy, 'optionalAccess', _44 => _44[name]]);
+  const label = builtIn ? _nullishCoalesce(_optionalChain([copy, 'optionalAccess', _45 => _45.label]), () => ( builtIn.label)) : _optionalChain([copy, 'optionalAccess', _46 => _46.label]);
   return (
     // An empty label keeps the field's own frame; a read label is the bar under it.
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkYXDHVHB2cjs.FieldWrapper, { label: _nullishCoalesce(label, () => ( "")), required: _optionalChain([builtIn, 'optionalAccess', _48 => _48.required]), className, children: [
-      label === void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-32" }),
-      !builtIn && _optionalChain([copy, 'optionalAccess', _49 => _49.display]) === "chips" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { variant: "default", className: _chunk65VVJSQZcjs.cn.call(void 0, _chunkUPAE4IV5cjs.TOGGLE_SIZE_CLASS.default, "w-24 rounded-md") }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkYXDHVHB2cjs.Input, { tabIndex: -1 })
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkEHQ2UGT4cjs.FieldWrapper, { label: _nullishCoalesce(label, () => ( "")), required: _optionalChain([builtIn, 'optionalAccess', _47 => _47.required]), className, children: [
+      label === void 0 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "mb-1 w-32" }),
+      !builtIn && _optionalChain([copy, 'optionalAccess', _48 => _48.display]) === "chips" ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_ROW_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { variant: "default", className: _chunkMGEUZRNQcjs.cn.call(void 0, _chunkA4YUTS6Qcjs.TOGGLE_SIZE_CLASS.default, "w-24 rounded-md") }) }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEHQ2UGT4cjs.Input, { tabIndex: -1 })
     ] })
   );
 }
@@ -2904,7 +2904,7 @@ function FieldSkeleton({
 // src/components/meeting-scheduler/confirmation.tsx
 
 function Confirmation({ confirmation, timezone }) {
-  const when = _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, confirmation.startTimeMs, timezone, "weekdayDateTimeZoned", {
+  const when = _chunkZJS45HQZcjs.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: [
@@ -2914,12 +2914,58 @@ function Confirmation({ confirmation, timezone }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: [
       when,
       " \xB7 ",
-      _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
+      _chunkZJS45HQZcjs.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." })
   ] });
 }
 
+// src/components/meeting-scheduler/host-identity.tsx
+
+var HOST_LIST_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-s)]";
+var HOST_ROW_CLASS = "flex items-center gap-[var(--spacing-system-xs)]";
+var HOST_TEXT_CLASS = "flex min-w-0 flex-col";
+var HOST_TEAM_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-xs)]";
+var MAX_HOST_ROWS = 3;
+function HostIdentity({ hosts, loading = false }) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HostIdentitySkeleton, {});
+  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, _chunkXAA5LUHCcjs.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"
+      ] })
+    ] });
+  }
+  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, 
+      _chunkZJS45HQZcjs.SquareAvatar,
+      {
+        variant: "round",
+        size: "sm",
+        src: _nullishCoalesce(host.avatarUrl, () => ( void 0)),
+        alt: host.name,
+        fallback: host.name
+      }
+    ),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS, children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-primary text-h4", children: host.name }),
+      host.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: host.title })
+    ] })
+  ] }, host.name)) });
+}
+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, _chunkZJS45HQZcjs.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, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", className: "w-32" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
+    ] })
+  ] }) });
+}
+
 // src/components/meeting-scheduler/context-panel.tsx
 
 var PANEL_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
@@ -2929,8 +2975,6 @@ var STRIP_MAIN = "flex min-w-0 flex-col gap-[var(--spacing-system-l)] content-md
 var STRIP_ASIDE = "flex flex-col gap-[var(--spacing-system-xxs)] content-md:w-[280px] content-md:shrink-0 content-lg:w-full";
 var BACK_BUTTON_CLASS = "py-0";
 var FIELD_LABEL_CLASS = "text-h4 text-ods-text-primary";
-var HOST_ROW_CLASS = "flex items-center gap-[var(--spacing-system-xs)]";
-var HOST_TEXT_CLASS = "flex min-w-0 flex-col";
 var DURATION_LINE_CLASS = "shrink-0 text-ods-text-secondary text-h6";
 var DURATION_FIELD_CLASS = "flex flex-col gap-[var(--spacing-system-xxs)]";
 var DURATION_CHIPS_CLASS = "flex flex-wrap gap-[var(--spacing-system-xs)]";
@@ -2944,30 +2988,24 @@ function ContextPanelSkeleton({
   durations = 0,
   timezone = "shown"
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PANEL_STACK, className), children: [
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.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: [
-          /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_ROW_CLASS, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.SquareAvatarSkeleton, { variant: "round", size: "sm" }),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", className: "w-32" }),
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
-            ] })
-          ] }),
-          durations <= 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-20 shrink-0" })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HostIdentity, { hosts: [], loading: true }),
+          durations <= 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-20 shrink-0" })
         ] }),
-        title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }),
-        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-4/5" }),
+        title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-3/5" }),
+        description && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-4/5" }),
         durations > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DURATION_FIELD_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Duration" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DURATION_CHIPS_CLASS, children: Array.from({ length: durations }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.InteractiveSkeleton.Button, { size: "small-legacy", className: "w-16" }, i)) })
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DURATION_CHIPS_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: durations, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.InteractiveSkeleton.Button, { "data-loading-item": true, size: "small-legacy", className: "w-16" }) }) })
         ] })
       ] }),
-      timezone !== "hidden" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, STRIP_ASIDE, timezone === "wide" && TIMEZONE_WIDE_ONLY_CLASS), children: [
+      timezone !== "hidden" && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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, _chunkSIDDZZKLcjs.AutocompleteSkeleton, {})
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunkMGEUZRNQcjs.LOADING_NOOP })
       ] })
     ] })
   ] });
@@ -2990,7 +3028,7 @@ function SchedulerContextPanel({
   className,
   loading = false
 }) {
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) {
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       ContextPanelSkeleton,
       {
@@ -3004,39 +3042,17 @@ function SchedulerContextPanel({
       }
     );
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkSIDDZZKLcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PANEL_STACK, className), children: [
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTS6TISIFcjs.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: [
-          hosts.length > 0 && hosts.length <= 3 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-s)]", children: hosts.map((host) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_ROW_CLASS, children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkBNUZKBNVcjs.SquareAvatar,
-              {
-                variant: "round",
-                size: "sm",
-                src: _nullishCoalesce(host.avatarUrl, () => ( void 0)),
-                alt: host.name,
-                fallback: host.name
-              }
-            ),
-            /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS, children: [
-              /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-primary text-h4", children: host.name }),
-              host.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: host.title })
-            ] })
-          ] }, host.name)) }),
-          hosts.length > 3 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-xs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEMGJDXIcjs.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"
-            ] })
-          ] }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HostIdentity, { hosts }),
           locked || durationsMs.length <= 1 ? (
             // 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: [
-              _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+              _chunkZJS45HQZcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
               " call"
             ] })
           ) : null
@@ -3046,13 +3062,14 @@ function SchedulerContextPanel({
         !locked && durationsMs.length > 1 && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: DURATION_FIELD_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Duration" }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: DURATION_CHIPS_CLASS, children: durationsMs.map((ms) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkFLS6DZENcjs.Button,
             {
+              "data-loading-item": true,
               variant: selectedDurationMs === ms ? void 0 : "outline",
               size: "small-legacy",
               disabled,
               onClick: () => onSelectDuration(ms),
-              children: _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, ms / 1e3)
+              children: _chunkZJS45HQZcjs.formatDurationCompact.call(void 0, ms / 1e3)
             },
             ms
           )) })
@@ -3064,16 +3081,16 @@ function SchedulerContextPanel({
       // summary line states the zone one row below — so the fact survives,
       // only the control steps aside. The 280px sidebar has the room, so
       // there it stays.
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, STRIP_ASIDE, locked && TIMEZONE_WIDE_ONLY_CLASS), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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, 
-          _chunkUPAE4IV5cjs.TimezoneSelect,
+          _chunkA4YUTS6Qcjs.TimezoneSelect,
           {
             value: _nullishCoalesce(timezone, () => ( null)),
             loading: !timezone,
             disabled,
             onChange: (tz) => {
-              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _50 => _50(tz)]);
+              if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _49 => _49(tz)]);
             }
           }
         )
@@ -3085,41 +3102,10 @@ function SchedulerContextPanel({
 // src/components/meeting-scheduler/modal-header.tsx
 
 var ROW_CLASS = "border-b border-ods-border p-[var(--spacing-system-m)]";
-var STRIP_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, ROW_CLASS, "flex items-center justify-between gap-[var(--spacing-system-m)]");
+var STRIP_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, ROW_CLASS, "flex items-center justify-between gap-[var(--spacing-system-m)]");
 var FIELD_LABEL_CLASS2 = "text-h4 text-ods-text-primary";
-var TIMEZONE_ROW_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, ROW_CLASS, "flex flex-col gap-[var(--spacing-system-xxs)]");
-var HOST_LIST_CLASS = "flex min-w-0 flex-col gap-[var(--spacing-system-s)]";
-var HOST_ROW_CLASS2 = "flex items-center gap-[var(--spacing-system-xs)]";
-var HOST_TEXT_CLASS2 = "flex min-w-0 flex-col";
+var TIMEZONE_ROW_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, ROW_CLASS, "flex flex-col gap-[var(--spacing-system-xxs)]");
 var DURATION_LINE_CLASS2 = "shrink-0 text-ods-text-secondary text-h6";
-function HostIdentity({ hosts }) {
-  if (hosts.length === 0) return null;
-  if (hosts.length > 3) {
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-col gap-[var(--spacing-system-xxs)]", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEMGJDXIcjs.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"
-      ] })
-    ] });
-  }
-  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_CLASS2, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkBNUZKBNVcjs.SquareAvatar,
-      {
-        variant: "round",
-        size: "sm",
-        src: _nullishCoalesce(host.avatarUrl, () => ( void 0)),
-        alt: host.name,
-        fallback: host.name
-      }
-    ),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS2, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-primary text-h4", children: host.name }),
-      host.title && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-secondary text-h6", children: host.title })
-    ] })
-  ] }, host.name)) });
-}
 function SchedulerModalHeader({
   hosts,
   durationsMs,
@@ -3133,35 +3119,35 @@ function SchedulerModalHeader({
   loading = false
 }) {
   const chips = !locked && durationsMs.length > 1;
-  if (_chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchedulerModalHeaderSkeleton, { showTimezone });
+  if (_chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading) return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchedulerModalHeaderSkeleton, { showTimezone });
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_CLASS, children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HostIdentity, { hosts }),
       chips ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex shrink-0 flex-wrap justify-end gap-[var(--spacing-system-xs)]", children: durationsMs.map((ms) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkTF5D5MNOcjs.Button,
+        _chunkFLS6DZENcjs.Button,
         {
           variant: selectedDurationMs === ms ? void 0 : "outline",
           size: "small-legacy",
           disabled,
           onClick: () => onSelectDuration(ms),
-          children: _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, ms / 1e3)
+          children: _chunkZJS45HQZcjs.formatDurationCompact.call(void 0, ms / 1e3)
         },
         ms
       )) }) : selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: DURATION_LINE_CLASS2, children: [
-        _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+        _chunkZJS45HQZcjs.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, 
-        _chunkUPAE4IV5cjs.TimezoneSelect,
+        _chunkA4YUTS6Qcjs.TimezoneSelect,
         {
           value: timezone,
           loading: !timezone,
           disabled,
           onChange: (tz) => {
-            if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _51 => _51(tz)]);
+            if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _50 => _50(tz)]);
           }
         }
       )
@@ -3171,18 +3157,12 @@ function SchedulerModalHeader({
 function SchedulerModalHeaderSkeleton({ showTimezone = true } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: HOST_LIST_CLASS, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_ROW_CLASS2, children: [
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBNUZKBNVcjs.SquareAvatarSkeleton, { variant: "round", size: "sm" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: HOST_TEXT_CLASS2, children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", className: "w-32" }),
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-24" })
-        ] })
-      ] }) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: _chunk65VVJSQZcjs.cn.call(void 0, DURATION_LINE_CLASS2, "w-20") })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, HostIdentity, { hosts: [], loading: true }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: _chunkMGEUZRNQcjs.cn.call(void 0, DURATION_LINE_CLASS2, "w-20") })
     ] }),
     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, _chunkSIDDZZKLcjs.AutocompleteSkeleton, {})
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.TimezoneSelect, { value: null, loading: true, onChange: _chunkMGEUZRNQcjs.LOADING_NOOP })
     ] })
   ] });
 }
@@ -3205,13 +3185,13 @@ function dateFromDayKey(key) {
   return new Date(y, m - 1, d, 12);
 }
 function timeLabelInZone(ms, timeZone) {
-  return _chunkBNUZKBNVcjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
+  return _chunkZJS45HQZcjs.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";
 var COLUMN_STACK = "flex min-h-0 flex-col gap-[var(--spacing-system-xxs)]";
 var SLOT_PICKER_HEADING = "Select Date & Time";
-var CHIP_GRID_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var CHIP_GRID_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "grid grid-cols-[repeat(auto-fill,minmax(5.5rem,1fr))] content-start gap-[var(--spacing-system-xs)]",
   "overflow-y-auto",
   // PHONE: a stated window (~3 rows, the mock's 156px) that scrolls, rather
@@ -3234,7 +3214,7 @@ var CHIP_GRID_CLASS = _chunk65VVJSQZcjs.cn.call(void 0,
   "min-h-0 flex-1"
 );
 var CHIP_CLASS = "w-full px-[var(--spacing-system-xxs)]";
-var SLOT_ROW_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var SLOT_ROW_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "flex min-w-0 flex-col content-md:flex-row",
   // Default `stretch` at every width, deliberately. Stacked, that is what
   // makes each section span the card — an `items-start` here (it was here, to
@@ -3251,32 +3231,31 @@ var MODAL_CALENDAR_W = "content-md:w-[19rem] content-md:shrink-0";
 var MODAL_COLUMN_BOX = "p-[var(--spacing-system-m)]";
 var MODAL_COLUMN_DIVIDER = "border-b border-ods-border content-md:border-b-0 content-md:border-r";
 var MODAL_TIMES_H = "content-md:h-[21.5rem]";
-var MODAL_CHIP_GRID_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var MODAL_CHIP_GRID_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "grid grid-cols-4 content-start gap-[var(--spacing-system-xs)] overflow-y-auto content-md:grid-cols-1",
   "max-h-[9.75rem] min-h-0 flex-1 content-md:max-h-none"
 );
 function monthLabelFor(offset) {
   const now = /* @__PURE__ */ new Date();
   const month = new Date(now.getFullYear(), now.getMonth() + offset, 1);
-  return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, month, _chunkBNUZKBNVcjs.VIEWER_TIMEZONE, "monthYear");
+  return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, month, _chunkZJS45HQZcjs.VIEWER_TIMEZONE, "monthYear");
 }
 var DISABLE_EVERY_DAY = () => true;
-var NOOP = () => void 0;
 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() + _chunkYWQ3VXPLcjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkN7QNWHJAcjs.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', _52 => _52.has, 'call', _53 => _53(calendarDayKey(day))]), [slotsByDay]);
+  const dayHasNoSlots = _react.useCallback.call(void 0, (day) => !_optionalChain([slotsByDay, 'optionalAccess', _51 => _51.has, 'call', _52 => _52(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, 
-    _chunkUPAE4IV5cjs.DatePickerCalendar,
+    _chunkA4YUTS6Qcjs.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(_chunkYWQ3VXPLcjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunkN7QNWHJAcjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -3285,31 +3264,28 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
         const day = value;
         if (!day) return;
         const key = calendarDayKey(day);
-        if (_optionalChain([slotsByDay, 'optionalAccess', _54 => _54.has, 'call', _55 => _55(key)])) onSelectDay(key);
+        if (_optionalChain([slotsByDay, 'optionalAccess', _53 => _53.has, 'call', _54 => _54(key)])) onSelectDay(key);
       },
       disabledDays: slotsByDay === null ? DISABLE_EVERY_DAY : dayHasNoSlots
     }
   ) });
 }
-function SlotPickerSkeleton({
-  monthOffset = 0,
-  layout = "card"
-}) {
+function SlotPickerSkeleton({ monthOffset = 0, layout = "card" }) {
   const modal = layout === "modal";
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: modal ? MODAL_ROW_CLASS : SLOT_ROW_CLASS, children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: modal ? _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_COLUMN_DIVIDER, MODAL_CALENDAR_W) : _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"),
+        className: modal ? _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_COLUMN_DIVIDER, MODAL_CALENDAR_W) : _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: SLOT_PICKER_HEADING }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             DayCalendar,
             {
               monthOffset,
-              onMonthOffsetChange: NOOP,
+              onMonthOffsetChange: _chunkMGEUZRNQcjs.LOADING_NOOP,
               selectedDay: null,
-              onSelectDay: NOOP,
+              onSelectDay: _chunkMGEUZRNQcjs.LOADING_NOOP,
               slotsByDay: null
             }
           )
@@ -3319,19 +3295,17 @@ function SlotPickerSkeleton({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: modal ? _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_TIMES_H, "min-w-0 content-md:flex-1") : _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"),
+        className: modal ? _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_TIMES_H, "min-w-0 content-md:flex-1") : _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"),
         children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, { layout })
       }
     )
   ] });
 }
+var SLOT_PICKER_SKELETON_CHIPS = 16;
 function TimeChipsSkeleton({ layout = "card" } = {}) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: COLUMN_HEADING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h4", className: "w-40" }) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layout === "modal" ? MODAL_CHIP_GRID_CLASS : CHIP_GRID_CLASS, children: Array.from({ length: 16 }, (_, i) => (
-      // h-11 content-md:h-12 — the loaded chip's own default-size height.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: _chunk65VVJSQZcjs.cn.call(void 0, CHIP_CLASS, "h-11 content-md:h-12") }, i)
-    )) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: COLUMN_HEADING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h4", className: "w-40" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: layout === "modal" ? MODAL_CHIP_GRID_CLASS : CHIP_GRID_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: SLOT_PICKER_SKELETON_CHIPS, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { "data-loading-item": true, className: _chunkMGEUZRNQcjs.cn.call(void 0, CHIP_CLASS, "h-11 content-md:h-12") }) }) })
   ] });
 }
 function SlotPicker({
@@ -3348,7 +3322,7 @@ function SlotPicker({
   isSubmitting = false,
   loading = false
 }) {
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, ) || loading;
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, ) || loading;
   const slotsByDay = _react.useMemo.call(void 0, () => {
     const map = /* @__PURE__ */ new Map();
     if (timezone == null) return map;
@@ -3374,7 +3348,7 @@ function SlotPicker({
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
       "div",
       {
-        className: modal ? _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_COLUMN_DIVIDER, MODAL_CALENDAR_W) : _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"),
+        className: modal ? _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_COLUMN_DIVIDER, MODAL_CALENDAR_W) : _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"),
         children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: SLOT_PICKER_HEADING }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -3393,13 +3367,13 @@ function SlotPicker({
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       "div",
       {
-        className: modal ? _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_TIMES_H, "min-w-0 content-md:flex-1") : _chunk65VVJSQZcjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"),
+        className: modal ? _chunkMGEUZRNQcjs.cn.call(void 0, COLUMN_STACK, MODAL_COLUMN_BOX, MODAL_TIMES_H, "min-w-0 content-md:flex-1") : _chunkMGEUZRNQcjs.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: _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkBNUZKBNVcjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkZJS45HQZcjs.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, 
-              _chunkTF5D5MNOcjs.Button,
+              _chunkFLS6DZENcjs.Button,
               {
                 variant: isSelected ? void 0 : "outline",
                 disabled: isSubmitting,
@@ -3408,6 +3382,7 @@ function SlotPicker({
                   if (isSubmitting) return;
                   onSelectSlot(ms);
                 },
+                "data-loading-item": true,
                 className: CHIP_CLASS,
                 children: timeLabelInZone(ms, timezone)
               },
@@ -3424,8 +3399,8 @@ function SlotPicker({
               monthLabelFor(monthOffset),
               "."
             ] }),
-            monthOffset < _chunkYWQ3VXPLcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
-              _chunkTF5D5MNOcjs.Button,
+            monthOffset < _chunkN7QNWHJAcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+              _chunkFLS6DZENcjs.Button,
               {
                 variant: "outline",
                 onClick: () => onMonthOffsetChange(monthOffset + 1),
@@ -3448,10 +3423,10 @@ function SlotPicker({
 
 
 function useNextAvailableLabel(ms) {
-  const hydrated = _chunkOWQVDWTKcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunk7OJMOG34cjs.useIsHydrated.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (!hydrated || ms == null) return null;
-    return _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, ms, _chunkBNUZKBNVcjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
+    return _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, ms, _chunkZJS45HQZcjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
   }, [hydrated, ms]);
 }
 var PAGINATION_SLOT_H = "h-[4.5rem]";
@@ -3472,22 +3447,23 @@ function DirectoryRow({
   const nextLabel = useNextAvailableLabel(link.nextAvailableMs);
   const subtitle = [
     link.description,
-    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
+    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkZJS45HQZcjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
     link.kind === "team" ? "Team" : null
   ].filter(Boolean).join(" \u2022 ");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
     _chunkV45KLJQPcjs.next_link_default,
     {
+      "data-loading-item": true,
       href: `${bookingBasePath}/${link.slug}`,
       prefetch: false,
       className: "block rounded-lg text-inherit no-underline focus:outline-none focus-visible:ring-2 focus-visible:ring-ods-accent",
-      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, ROW_FRAME_CLASS, "transition-colors duration-150 hover:bg-ods-bg-hover"), children: [
+      children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, ROW_FRAME_CLASS, "transition-colors duration-150 hover:bg-ods-bg-hover"), children: [
         /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TITLE_COLUMN_CLASS, children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "truncate text-ods-text-primary text-h3", children: link.title }),
           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, _chunkOH5LAH3Xcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBEMGJDXIcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
+        audienceLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkODDUGLYFcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXAA5LUHCcjs.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, () => ( " ")) })
@@ -3497,17 +3473,17 @@ function DirectoryRow({
     }
   );
 }
-function MeetingSchedulerDirectoryRowSkeleton() {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_FRAME_CLASS, "aria-hidden": true, children: [
+function MeetingSchedulerDirectoryRowSkeleton(props = {}) {
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_FRAME_CLASS, "aria-hidden": true, ..._chunkMGEUZRNQcjs.loadingItemProps.call(void 0, props), children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: ROW_TITLE_COLUMN_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h3", className: "w-1/2" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-1/3" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h3", className: "w-1/2" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-1/3" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkXFRBEXQNcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.UnifiedSkeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
     /* @__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, _chunkXFRBEXQNcjs.TextLineSkeleton, { type: "h6", className: "w-32" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkNNNRN4OFcjs.TextLineSkeleton, { type: "h6", className: "w-32" })
     ] }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "span", { className: ROW_CHEVRON_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _lucidereact.ChevronRight, { className: "size-6 text-ods-text-secondary" }) })
   ] });
@@ -3516,9 +3492,9 @@ function MeetingSchedulerDirectorySkeleton({
   pageSize = MEETING_DIRECTORY_PAGE_SIZE,
   className
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", className), "aria-hidden": true, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROWS_CLASS, style: { minHeight: directoryRowsMinHeight(pageSize) }, children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MeetingSchedulerDirectoryRowSkeleton, {}, i)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_SLOT_CLASS, PAGINATION_SLOT_H), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMLX6Z7TUcjs.PaginationSkeleton, {}) })
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col", className), "aria-hidden": true, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROWS_CLASS, style: { minHeight: directoryRowsMinHeight(pageSize) }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMGEUZRNQcjs.LoadingItems, { count: pageSize, children: () => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MeetingSchedulerDirectoryRowSkeleton, { "data-loading-item": true }) }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PAGINATION_SLOT_CLASS, PAGINATION_SLOT_H), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkRT6QATX4cjs.PaginationSkeleton, {}) })
   ] });
 }
 function MeetingSchedulerDirectory({
@@ -3534,7 +3510,7 @@ function MeetingSchedulerDirectory({
   const [isLoading, setIsLoading] = _react.useState.call(void 0, initialData === null);
   const [error, setError] = _react.useState.call(void 0, null);
   const [page, setPage] = _react.useState.call(void 0, 1);
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   _react.useEffect.call(void 0, () => {
     if (initialData !== null || inScope) return void 0;
     const controller = new AbortController();
@@ -3562,7 +3538,7 @@ function MeetingSchedulerDirectory({
     };
   }, [initialData, inScope, includeAll, apiBaseUrl]);
   const rows = _react.useMemo.call(void 0, () => {
-    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _56 => _56.purposes]), () => ( []));
+    const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _55 => _55.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
   const totalPages = _chunkBLH2SFOOcjs.pageCount.call(void 0, rows.length, pageSize);
@@ -3572,8 +3548,8 @@ function MeetingSchedulerDirectory({
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MeetingSchedulerDirectorySkeleton, { pageSize, className });
   }
   if (error) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUPDPANNcjs.EmptyState,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYXZOP726cjs.EmptyState,
       {
         type: "generic",
         title: "We couldn't load available call times",
@@ -3583,8 +3559,8 @@ function MeetingSchedulerDirectory({
     ) });
   }
   if (rows.length === 0) {
-    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUPDPANNcjs.EmptyState,
+    return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkYXZOP726cjs.EmptyState,
       {
         type: "generic",
         title: "No call times are published right now",
@@ -3593,10 +3569,10 @@ function MeetingSchedulerDirectory({
       }
     ) });
   }
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-col", className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROWS_CLASS, style: { minHeight: rowsMinHeight }, children: pageRows.map(({ link, audienceLabel }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, DirectoryRow, { link, audienceLabel, bookingBasePath }, link.id)) }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, PAGINATION_SLOT_CLASS, PAGINATION_SLOT_H), children: totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkQIQYD75Icjs.PersistentPaginationWrapper,
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, PAGINATION_SLOT_CLASS, PAGINATION_SLOT_H), children: totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
+      _chunkEFCWHAYCcjs.PersistentPaginationWrapper,
       {
         isLoading,
         currentPage: page,
@@ -3620,7 +3596,7 @@ var BOOKING_ERROR_COPY = {
 var CONTEXT_PANEL_CLASS = "p-[var(--spacing-system-l)] shrink-0 content-lg:w-[280px] border-b content-lg:border-b-0 content-lg:border-r border-ods-border content-lg:min-h-0 content-lg:overflow-y-auto";
 var ACTION_PANEL_CLASS = "flex-1 min-w-0 flex flex-col content-md:min-h-0 content-lg:p-[var(--spacing-system-l)]";
 var PANEL_STEP_CLASS = "p-[var(--spacing-system-l)] content-md:min-h-0 content-md:overflow-y-auto content-lg:p-0";
-var STEP_PANEL_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, "flex flex-1 flex-col", PANEL_STEP_CLASS);
+var STEP_PANEL_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, "flex flex-1 flex-col", PANEL_STEP_CLASS);
 var MEETING_SCHEDULER_H = "content-md:h-[34.375rem] content-lg:h-[23.75rem]";
 var MEETING_SCHEDULER_DETAILS_FIRST_H = "h-[50.75rem] content-md:h-[39.875rem]";
 var DEFAULT_SCHEDULER_FLOW = "slot-first";
@@ -3633,7 +3609,7 @@ var SCHEDULER_FLOW_PRESETS = {
     footerNote: "Next step: pick a slot that works. Calendar invite lands right after."
   }
 };
-var CARD_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var CARD_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "overflow-hidden rounded-md border border-ods-border bg-ods-card",
   "content-md:flex content-md:flex-col"
   // The height is NOT baked in any more: it is chosen per flow at each render
@@ -3641,7 +3617,7 @@ var CARD_CLASS = _chunk65VVJSQZcjs.cn.call(void 0,
   // constants are module scope.
 );
 var CARD_INNER_CLASS = "flex flex-col content-md:min-h-0 content-md:flex-1 content-lg:h-full content-lg:flex-row";
-var CARD_DEGRADED_CLASS = _chunk65VVJSQZcjs.cn.call(void 0, 
+var CARD_DEGRADED_CLASS = _chunkMGEUZRNQcjs.cn.call(void 0, 
   "flex flex-col items-start gap-[var(--spacing-system-m)] rounded-md border border-ods-border bg-ods-card p-[var(--spacing-system-lf)]",
   "content-md:justify-center content-md:overflow-y-auto"
 );
@@ -3652,7 +3628,7 @@ function SchedulerDegradedCard({
   action,
   children
 }) {
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, CARD_DEGRADED_CLASS, SCHEDULER_FLOW_PRESETS[flow].height, className), children: [
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, CARD_DEGRADED_CLASS, SCHEDULER_FLOW_PRESETS[flow].height, className), children: [
     message && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: message }),
     action,
     children
@@ -3670,13 +3646,12 @@ function isNativelyBookable(availability) {
 var MODAL_STACK_CLASS = "flex flex-col gap-[var(--spacing-system-l)]";
 var MODAL_CARD_CLASS = "flex flex-col overflow-hidden rounded-md border border-ods-border bg-ods-card";
 var MODAL_STEP_CLASS = "flex flex-col p-[var(--spacing-system-m)]";
-var NOOP2 = () => void 0;
 var NOOP_SUBMIT = () => Promise.resolve();
 var MODAL_FIELD_ROWS = [[{ name: "firstName" }, { name: "lastName" }], [{ name: "email" }]];
 var MODAL_PRIMARY_CLASS = "flex-1 content-md:min-w-[15.5rem] content-md:flex-none";
 function ModalFooter({ onCancel, primary }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex gap-[var(--spacing-system-l)] content-md:justify-end", children: [
-    onCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", onClick: onCancel, className: "flex-1 content-md:hidden", children: "Cancel" }),
+    onCancel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "outline", onClick: onCancel, className: "flex-1 content-md:hidden", children: "Cancel" }),
     primary
   ] });
 }
@@ -3686,7 +3661,7 @@ function schedulerCardClasses(flow, step, className) {
   const boxed = !formOnly;
   return {
     formOnly,
-    cardClass: _chunk65VVJSQZcjs.cn.call(void 0, 
+    cardClass: _chunkMGEUZRNQcjs.cn.call(void 0, 
       CARD_CLASS,
       boxed ? SCHEDULER_FLOW_PRESETS[flow].height : "content-md:h-auto",
       detailsFirst && "flex flex-col",
@@ -3695,9 +3670,9 @@ function schedulerCardClasses(flow, step, className) {
     ),
     /** details-first states a height on phones too (see MEETING_SCHEDULER_DETAILS_FIRST_H), so
      *  the wrappers that let content shrink into a stated height run at every width there. */
-    innerClass: _chunk65VVJSQZcjs.cn.call(void 0, CARD_INNER_CLASS, detailsFirst && boxed && "min-h-0 flex-1"),
-    actionPanelClass: _chunk65VVJSQZcjs.cn.call(void 0, ACTION_PANEL_CLASS, detailsFirst && boxed && "min-h-0 overflow-y-auto"),
-    stepPanelClass: _chunk65VVJSQZcjs.cn.call(void 0, STEP_PANEL_CLASS, detailsFirst && boxed && "min-h-0 overflow-y-auto")
+    innerClass: _chunkMGEUZRNQcjs.cn.call(void 0, CARD_INNER_CLASS, detailsFirst && boxed && "min-h-0 flex-1"),
+    actionPanelClass: _chunkMGEUZRNQcjs.cn.call(void 0, ACTION_PANEL_CLASS, detailsFirst && boxed && "min-h-0 overflow-y-auto"),
+    stepPanelClass: _chunkMGEUZRNQcjs.cn.call(void 0, STEP_PANEL_CLASS, detailsFirst && boxed && "min-h-0 overflow-y-auto")
   };
 }
 function HubSpotMeetingScheduler({
@@ -3730,13 +3705,13 @@ function HubSpotMeetingScheduler({
     book,
     isSubmitting
   } = useMeetingBooking({ meetingId, apiBaseUrl, initialAvailability });
-  const inScope = _chunkXFRBEXQNcjs.useLoadingScope.call(void 0, );
+  const inScope = _chunkMGEUZRNQcjs.useLoadingScope.call(void 0, );
   const coldStart = inScope || isLoadingAvailability && !availability;
   const detailsFirst = flow === "details-first";
   const modal = layout === "modal" && !detailsFirst;
   const modalFormId = _react.useId.call(void 0, );
   const [modalFormValid, setModalFormValid] = _react.useState.call(void 0, false);
-  const hydrated = _chunkOWQVDWTKcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunk7OJMOG34cjs.useIsHydrated.call(void 0, );
   const [pickedTimezone, setTimezone] = _react.useState.call(void 0, null);
   const resolvedLocalTimezone = _react.useMemo.call(void 0, () => {
     if (!hydrated) return null;
@@ -3756,7 +3731,7 @@ function HubSpotMeetingScheduler({
   });
   _react.useEffect.call(void 0, () => {
     if (inScope) return;
-    _optionalChain([onStageChangeRef, 'access', _57 => _57.current, 'optionalCall', _58 => _58(stage)]);
+    _optionalChain([onStageChangeRef, 'access', _56 => _56.current, 'optionalCall', _57 => _57(stage)]);
   }, [stage, inScope]);
   const [stash, setStash] = _react.useState.call(void 0, null);
   const inFlightRef = _react.useRef.call(void 0, false);
@@ -3770,8 +3745,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 } = _chunk5PK22JP7cjs.useHumanitySignals.call(void 0, );
-  const { toast } = _chunk5PK22JP7cjs.useToast.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunkCBKXU77Hcjs.useHumanitySignals.call(void 0, );
+  const { toast } = _chunkCBKXU77Hcjs.useToast.call(void 0, );
   const autoAdvanceCount = _react.useRef.call(void 0, 0);
   const [machineFor, setMachineFor] = _react.useState.call(void 0, meetingId);
   if (machineFor !== meetingId) {
@@ -3787,8 +3762,8 @@ function HubSpotMeetingScheduler({
   _react.useEffect.call(void 0, () => {
     autoAdvanceCount.current = 0;
   }, [meetingId]);
-  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _59 => _59.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _60 => _60.durationsMs])]);
-  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _61 => _61.hosts]))), () => ( []));
+  const durations = _react.useMemo.call(void 0, () => _nullishCoalesce(_optionalChain([availability, 'optionalAccess', _58 => _58.durationsMs]), () => ( [])), [_optionalChain([availability, 'optionalAccess', _59 => _59.durationsMs])]);
+  const shownHosts = _nullishCoalesce(_nullishCoalesce(hosts, () => ( _optionalChain([availability, 'optionalAccess', _60 => _60.hosts]))), () => ( []));
   const durationMs = _nullishCoalesce(_nullishCoalesce(pickedDurationMs, () => ( durations[0])), () => ( null));
   const slots = _react.useMemo.call(void 0, () => {
     if (!availability || durationMs == null) return [];
@@ -3845,10 +3820,10 @@ function HubSpotMeetingScheduler({
         return;
       }
       if (result.ok && result.confirmation) {
-        _chunk5PK22JP7cjs.completeFormRescue.call(void 0, rescue, payload[_chunkJB2SEF6Qcjs.FORM_RESCUE_ATTEMPT_FIELD]);
+        _chunkCBKXU77Hcjs.completeFormRescue.call(void 0, rescue, payload[_chunkN2SVJJLUcjs.FORM_RESCUE_ATTEMPT_FIELD]);
         setConfirmation(result.confirmation);
         setStep("confirmed");
-        _optionalChain([onBooked, 'optionalCall', _62 => _62(result.confirmation)]);
+        _optionalChain([onBooked, 'optionalCall', _61 => _61(result.confirmation)]);
         return;
       }
       const code = _nullishCoalesce(result.code, () => ( "TEMPORARILY_UNAVAILABLE"));
@@ -3872,7 +3847,7 @@ function HubSpotMeetingScheduler({
     },
     [book, bookingError, detailsFirst, onBooked, refetchAvailability, rescue, resetSignals, toast]
   );
-  const escapeHatch = fallbackUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkTF5D5MNOcjs.Button, { variant: "outline", size: "small-legacy", href: fallbackUrl, openInNewTab: true, children: "Open in HubSpot" }) : null;
+  const escapeHatch = fallbackUrl ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkFLS6DZENcjs.Button, { variant: "outline", size: "small-legacy", href: fallbackUrl, openInNewTab: true, children: "Open in HubSpot" }) : null;
   const backEdge = detailsFirst ? step === "slot" ? backToDetails : onBack : step === "details" ? backToSlot : onBack;
   const { cardClass, innerClass, actionPanelClass, stepPanelClass } = schedulerCardClasses(flow, step, className);
   const degraded = (message) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, SchedulerDegradedCard, { flow, className, message, action: escapeHatch });
@@ -3890,14 +3865,14 @@ function HubSpotMeetingScheduler({
       setSelectedDay(null);
       setSelectedSlot(null);
     };
-    const summary = selectedSlot != null && durationMs != null && timezone != null ? `${_chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true })} \xB7 ${_chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, durationMs / 1e3)}` : null;
-    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, MODAL_STACK_CLASS, className), children: [
-      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading available times", announce: coldStart, className: MODAL_CARD_CLASS, children: [
+    const summary = selectedSlot != null && durationMs != null && timezone != null ? `${_chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true })} \xB7 ${_chunkZJS45HQZcjs.formatDurationCompact.call(void 0, durationMs / 1e3)}` : null;
+    return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, MODAL_STACK_CLASS, className), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA3UZFFR3cjs.LoadingRegion, { label: "Loading available times", announce: coldStart, className: MODAL_CARD_CLASS, children: [
         modalBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkSIDDZZKLcjs.BackButton,
+          _chunkTS6TISIFcjs.BackButton,
           {
             onClick: modalBack,
-            className: _chunk65VVJSQZcjs.cn.call(void 0, 
+            className: _chunkMGEUZRNQcjs.cn.call(void 0, 
               "px-[var(--spacing-system-m)] pt-[var(--spacing-system-m)]",
               step === "slot" && "content-md:hidden"
             )
@@ -3917,7 +3892,7 @@ function HubSpotMeetingScheduler({
             showTimezone: step === "slot"
           }
         ),
-        step === "confirmed" && confirmation && timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: MODAL_STEP_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Confirmation, { confirmation, timezone }) }) : step === "details" && durationMs != null && selectedSlot != null && timezone ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, MODAL_STEP_CLASS, "gap-[var(--spacing-system-m)]"), children: [
+        step === "confirmed" && confirmation && timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: MODAL_STEP_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Confirmation, { confirmation, timezone }) }) : step === "details" && durationMs != null && selectedSlot != null && timezone ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.cn.call(void 0, MODAL_STEP_CLASS, "gap-[var(--spacing-system-m)]"), children: [
           summary && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-primary text-h4", children: summary }),
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
             DetailsForm,
@@ -3940,8 +3915,8 @@ function HubSpotMeetingScheduler({
             }
           )
         ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkUPAE4IV5cjs.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: _chunk65VVJSQZcjs.cn.call(void 0, MODAL_STEP_CLASS, "items-start gap-[var(--spacing-system-m)]"), children: [
+          bookingError === "SLOT_TAKEN" && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.Alert, { variant: "warning", className: "mx-[var(--spacing-system-m)] mt-[var(--spacing-system-m)] w-auto", children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkA4YUTS6Qcjs.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: _chunkMGEUZRNQcjs.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
           ] }) : (
@@ -3974,7 +3949,7 @@ function HubSpotMeetingScheduler({
         {
           onCancel: onBack,
           primary: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkFLS6DZENcjs.Button,
             {
               disabled: selectedSlot == null || durationMs == null,
               onClick: () => setStep("details"),
@@ -3989,7 +3964,7 @@ function HubSpotMeetingScheduler({
         {
           onCancel: onBack,
           primary: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-            _chunkTF5D5MNOcjs.Button,
+            _chunkFLS6DZENcjs.Button,
             {
               type: "submit",
               form: modalFormId,
@@ -4003,7 +3978,7 @@ function HubSpotMeetingScheduler({
       )
     ] });
   }
-  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cardClass, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkWEANWBJHcjs.LoadingRegion, { label: "Loading available times", announce: coldStart, className: innerClass, children: [
+  return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: cardClass, children: /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkA3UZFFR3cjs.LoadingRegion, { label: "Loading available times", announce: coldStart, className: innerClass, children: [
     !formOnly && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
       SchedulerContextPanel,
       {
@@ -4055,11 +4030,11 @@ function HubSpotMeetingScheduler({
           slots,
           timezone,
           monthOffset,
-          onMonthOffsetChange: NOOP2,
+          onMonthOffsetChange: _chunkMGEUZRNQcjs.LOADING_NOOP,
           selectedSlot: null,
-          onSelectSlot: NOOP2,
+          onSelectSlot: _chunkMGEUZRNQcjs.LOADING_NOOP,
           selectedDay: null,
-          onSelectDay: NOOP2
+          onSelectDay: _chunkMGEUZRNQcjs.LOADING_NOOP
         }
       ) })
     ) : step === "confirmed" && confirmation && timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: stepPanelClass, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, Confirmation, { confirmation, timezone }) }) : step === "details" && (detailsFirst ? (
@@ -4069,12 +4044,12 @@ function HubSpotMeetingScheduler({
       // "nothing published" message below at every moment, refetch or
       // not — never a calendar skeleton in the form-only layout.
       durations.length > 0
-    ) : durationMs != null && selectedSlot != null && timezone) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk65VVJSQZcjs.cn.call(void 0, stepPanelClass, "gap-[var(--spacing-system-m)]"), children: [
+    ) : durationMs != null && selectedSlot != null && timezone) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunkMGEUZRNQcjs.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: [
-        _chunkBNUZKBNVcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
+        _chunkZJS45HQZcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
         " \xB7",
         " ",
-        _chunkBNUZKBNVcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
+        _chunkZJS45HQZcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DetailsForm,
@@ -4088,7 +4063,7 @@ function HubSpotMeetingScheduler({
           deferSlot: detailsFirst,
           submitLabel: preset.submitLabel,
           footerNote: preset.footerNote,
-          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _63 => _63.payload]) : void 0,
+          initialValues: detailsFirst ? _optionalChain([stash, 'optionalAccess', _62 => _62.payload]) : void 0,
           isSubmitting,
           onSubmit: detailsFirst ? stashDetails : handleSubmit,
           honeypotInputProps,
@@ -4098,11 +4073,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, 
-        _chunkUPAE4IV5cjs.Alert,
+        _chunkA4YUTS6Qcjs.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, _chunkUPAE4IV5cjs.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, _chunkA4YUTS6Qcjs.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) ? (
@@ -4184,7 +4159,4 @@ function HubSpotMeetingScheduler({
 
 
 
-
-
-
-exports.BookingForm = BookingForm; exports.BookingFormSkeleton = BookingFormSkeleton; exports.DEFAULT_SCHEDULER_FLOW = DEFAULT_SCHEDULER_FLOW; exports.HubSpotMeetingScheduler = HubSpotMeetingScheduler; exports.MEETING_DIRECTORY_PAGE_SIZE = MEETING_DIRECTORY_PAGE_SIZE; exports.MEETING_SCHEDULER_DETAILS_FIRST_H = MEETING_SCHEDULER_DETAILS_FIRST_H; exports.MEETING_SCHEDULER_H = MEETING_SCHEDULER_H; exports.MeetingSchedulerDirectory = MeetingSchedulerDirectory; exports.MeetingSchedulerDirectoryRowSkeleton = MeetingSchedulerDirectoryRowSkeleton; exports.MeetingSchedulerDirectorySkeleton = MeetingSchedulerDirectorySkeleton; exports.SCHEDULER_FLOW_PRESETS = SCHEDULER_FLOW_PRESETS; exports.SchedulerDegradedCard = SchedulerDegradedCard; exports.formFieldOptionLabel = formFieldOptionLabel;
+exports.BookingForm = BookingForm; exports.DEFAULT_SCHEDULER_FLOW = DEFAULT_SCHEDULER_FLOW; exports.HubSpotMeetingScheduler = HubSpotMeetingScheduler; exports.MEETING_DIRECTORY_PAGE_SIZE = MEETING_DIRECTORY_PAGE_SIZE; exports.MEETING_SCHEDULER_DETAILS_FIRST_H = MEETING_SCHEDULER_DETAILS_FIRST_H; exports.MEETING_SCHEDULER_H = MEETING_SCHEDULER_H; exports.MeetingSchedulerDirectory = MeetingSchedulerDirectory; exports.SCHEDULER_FLOW_PRESETS = SCHEDULER_FLOW_PRESETS; exports.SchedulerDegradedCard = SchedulerDegradedCard; exports.formFieldOptionLabel = formFieldOptionLabel;