@flamingo-stack/openframe-frontend-core 0.0.703 → 0.0.704-snapshot.20261006133653

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

@@ -2,10 +2,10 @@
 "use client";
 
 
-var _chunkUIBSSVONcjs = require('../../chunk-UIBSSVON.cjs');
+var _chunkD7BTSVMScjs = require('../../chunk-D7BTSVMS.cjs');
 
 
-var _chunkHUOLB7ZNcjs = require('../../chunk-HUOLB7ZN.cjs');
+var _chunkOHFS7VOUcjs = require('../../chunk-OHFS7VOU.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _chunkHUOLB7ZNcjs = require('../../chunk-HUOLB7ZN.cjs');
 
 
 
-var _chunkMXHJROXJcjs = require('../../chunk-MXHJROXJ.cjs');
+var _chunkP23CRLU4cjs = require('../../chunk-P23CRLU4.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 
@@ -33,20 +33,20 @@ require('../../chunk-DEY6XXGO.cjs');
 
 
 
-var _chunk3L7KCOGOcjs = require('../../chunk-3L7KCOGO.cjs');
+var _chunk2QEUFXNScjs = require('../../chunk-2QEUFXNS.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
-require('../../chunk-BRXOGCH3.cjs');
+require('../../chunk-BIZNSF3U.cjs');
 
 
 
-var _chunk4OGAXAEGcjs = require('../../chunk-4OGAXAEG.cjs');
+var _chunkABU3TGXAcjs = require('../../chunk-ABU3TGXA.cjs');
 
 
 var _chunkLX22Y43Bcjs = require('../../chunk-LX22Y43B.cjs');
 
 
-var _chunkHY5YL3U5cjs = require('../../chunk-HY5YL3U5.cjs');
-require('../../chunk-IIMICN7L.cjs');
+var _chunkXBWE423Rcjs = require('../../chunk-XBWE423R.cjs');
+require('../../chunk-TYWLNCNH.cjs');
 require('../../chunk-7DNL734S.cjs');
 require('../../chunk-X72J4ACL.cjs');
 require('../../chunk-N3COXDBH.cjs');
@@ -59,9 +59,9 @@ require('../../chunk-RDW5JAME.cjs');
 
 
 
-var _chunkEMCQGFXDcjs = require('../../chunk-EMCQGFXD.cjs');
+var _chunkMMOODW57cjs = require('../../chunk-MMOODW57.cjs');
 require('../../chunk-MGHIV4L6.cjs');
-require('../../chunk-MDBHZBW7.cjs');
+require('../../chunk-RKV5B7EU.cjs');
 require('../../chunk-QZVSJF2K.cjs');
 require('../../chunk-RALRPFDW.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
@@ -70,7 +70,7 @@ require('../../chunk-UJ7AXHRZ.cjs');
 
 
 
-var _chunk2A4XES7Rcjs = require('../../chunk-2A4XES7R.cjs');
+var _chunkBM5MVGH3cjs = require('../../chunk-BM5MVGH3.cjs');
 require('../../chunk-4GFNWALL.cjs');
 
 
@@ -359,7 +359,7 @@ function useMeetingBooking(options) {
   const seededOffset = _optionalChain([initialAvailability, 'optionalAccess', _12 => _12.meetingId]) === meetingId ? initialAvailability.monthOffset : void 0;
   const [monthOffset, setMonthOffsetState] = _react.useState.call(void 0, _nullishCoalesce(seededOffset, () => ( 0)));
   const setMonthOffset = _react.useCallback.call(void 0, (offset) => {
-    setMonthOffsetState(Math.max(0, Math.min(_chunkMXHJROXJcjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunkP23CRLU4cjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -372,7 +372,7 @@ function useMeetingBooking(options) {
     queryKey: meetingAvailabilityKey(apiBaseUrl, meetingId, monthOffset),
     queryFn: async ({ signal }) => {
       const params = new URLSearchParams({ meeting: meetingId, monthOffset: String(monthOffset) });
-      const res = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/availability?${params}`, { signal });
+      const res = await _chunkABU3TGXAcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/availability?${params}`, { signal });
       if (!res.ok) throw new Error(`availability ${res.status}`);
       return await res.json();
     },
@@ -389,7 +389,7 @@ function useMeetingBooking(options) {
   const bookMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: async (payload) => {
       try {
-        const res = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/book`, {
+        const res = await _chunkABU3TGXAcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings/book`, {
           method: "POST",
           headers: { "Content-Type": "application/json" },
           body: JSON.stringify(payload)
@@ -442,20 +442,20 @@ var _zod3 = require('@hookform/resolvers/zod');
 var _reacthookform = require('react-hook-form');
 var _jsxruntime = require('react/jsx-runtime');
 var FORM_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
-var ROW_GRID = "grid grid-cols-2 gap-x-[var(--spacing-system-m)] gap-y-[var(--spacing-system-lf)] md:grid-cols-4";
+var ROW_GRID = "grid grid-cols-2 gap-x-[var(--spacing-system-m)] gap-y-[var(--spacing-system-lf)] content-md:grid-cols-4";
 var HOST_CONSENT_KEY = "hostConsent";
 var GRID_COLUMNS = 4;
 var SPAN_CLASS = {
-  1: "md:col-span-1",
-  2: "md:col-span-2",
-  3: "md:col-span-3",
-  4: "md:col-span-4"
+  1: "content-md:col-span-1",
+  2: "content-md:col-span-2",
+  3: "content-md:col-span-3",
+  4: "content-md:col-span-4"
 };
 var FIELD_SKELETON_CLASS = "h-[4.75rem] w-full";
 var DEFAULT_SUBMIT_LABEL = "Confirm Booking";
 var FOOTER_ROW_CLASS = "flex flex-wrap items-center justify-between gap-[var(--spacing-system-m)]";
 var FOOTER_BARE_CLASS = "flex";
-var SUBMIT_WIDE_CLASS = "md:w-60";
+var SUBMIT_WIDE_CLASS = "content-md:w-60";
 var DEFAULT_FIELD_ROWS = [[{ name: "email" }], [{ name: "firstName" }, { name: "lastName" }]];
 var evenSpan = (count, index) => {
   const base = Math.floor(GRID_COLUMNS / Math.max(1, count));
@@ -476,7 +476,7 @@ var canonicalNumber = (v) => {
 };
 var FIELD_CONTROLS = {
   text: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2A4XES7Rcjs.Input,
+    _chunkBM5MVGH3cjs.Input,
     {
       id,
       type: _nullishCoalesce(field.inputType, () => ( "text")),
@@ -489,7 +489,7 @@ var FIELD_CONTROLS = {
     }
   ),
   textarea: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkMXHJROXJcjs.Textarea,
+    _chunkP23CRLU4cjs.Textarea,
     {
       id,
       required: field.required,
@@ -500,7 +500,7 @@ var FIELD_CONTROLS = {
     }
   ),
   number: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2A4XES7Rcjs.Input,
+    _chunkBM5MVGH3cjs.Input,
     {
       id,
       type: "number",
@@ -513,7 +513,7 @@ var FIELD_CONTROLS = {
     }
   ),
   phone: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunk2A4XES7Rcjs.Input,
+    _chunkBM5MVGH3cjs.Input,
     {
       id,
       type: "tel",
@@ -529,7 +529,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, 
-      _chunk2A4XES7Rcjs.Input,
+      _chunkBM5MVGH3cjs.Input,
       {
         id,
         type: "date",
@@ -545,18 +545,18 @@ var FIELD_CONTROLS = {
     {
       control,
       name: registerName,
-      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkMXHJROXJcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkP23CRLU4cjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMXHJROXJcjs.SelectTrigger,
+          _chunkP23CRLU4cjs.SelectTrigger,
           {
             id,
             "aria-required": field.required || void 0,
             "aria-invalid": Boolean(error),
             invalid: Boolean(error),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectValue, { placeholder: "Select\u2026" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.SelectValue, { placeholder: "Select\u2026" })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -566,15 +566,15 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkMXHJROXJcjs.RadioGroup,
+        _chunkP23CRLU4cjs.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, _chunkMXHJROXJcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
           ] }, opt))
         }
       )
@@ -604,7 +604,7 @@ var FIELD_CONTROLS = {
                 "aria-invalid": Boolean(error)
               }
             ),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
           ] }, opt)) });
         }
       }
@@ -712,7 +712,7 @@ function BookingForm({
     () => [...BUILT_IN_BOOKING_FIELDS.map((field) => field.name), ...supportedFields.map((field) => field.name)],
     [supportedFields]
   );
-  const formRescue = _chunk3L7KCOGOcjs.useRescuedForm.call(void 0, 
+  const formRescue = _chunk2QEUFXNScjs.useRescuedForm.call(void 0, 
     { watch, getValues, setValue },
     {
       rescue,
@@ -721,7 +721,7 @@ function BookingForm({
       fieldPath: (name) => BUILT_IN_BOOKING_FIELDS.some((field) => field.name === name) ? name : `formFields.${name}`
     }
   );
-  const { toast } = _chunk3L7KCOGOcjs.useToast.call(void 0, );
+  const { toast } = _chunk2QEUFXNScjs.useToast.call(void 0, );
   const onInvalid = () => {
     if (deniedEmailDomains && emailDomainDenied(getValues("email"), deniedEmailDomains)) {
       toast({
@@ -760,7 +760,7 @@ function BookingForm({
     const copy = _optionalChain([fieldCopy, 'optionalAccess', _29 => _29[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, 
-      _chunk2A4XES7Rcjs.FieldWrapper,
+      _chunkBM5MVGH3cjs.FieldWrapper,
       {
         label: shown.label,
         htmlFor: where.id,
@@ -809,8 +809,8 @@ function BookingForm({
       children: _nullishCoalesce(submitLabel, () => ( DEFAULT_SUBMIT_LABEL))
     }
   );
-  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkMXHJROXJcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.HoneypotField, { ...honeypotInputProps }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkP23CRLU4cjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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))
@@ -823,7 +823,7 @@ function BookingForm({
       supportedFields.map((field) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _react.Fragment, { children: renderDeclaredField(field) }, field.name))
     ] }),
     consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkMXHJROXJcjs.CheckboxBlock,
+      _chunkP23CRLU4cjs.CheckboxBlock,
       {
         id: "ms-host-consent",
         checked: consented,
@@ -842,7 +842,7 @@ function BookingForm({
     // 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, _chunk2A4XES7Rcjs.FieldWrapper, { error: _optionalChain([errors, 'access', _32 => _32.legalConsentResponses, 'optionalAccess', _33 => _33.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, _chunkBM5MVGH3cjs.FieldWrapper, { error: _optionalChain([errors, 'access', _32 => _32.legalConsentResponses, 'optionalAccess', _33 => _33.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, 
@@ -858,7 +858,7 @@ function BookingForm({
               // same block the waitlist form uses): box + label in one
               // bordered row.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkMXHJROXJcjs.CheckboxBlock,
+                _chunkP23CRLU4cjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
                   checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _34 => _34.consented]), () => ( false)),
@@ -890,13 +890,13 @@ function BookingFormSkeleton({
   footerNote
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex-1", FORM_STACK), children: [
-    skeletonRows(_nullishCoalesce(fieldRows, () => ( DEFAULT_FIELD_ROWS))).map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, FIELD_SKELETON_CLASS, slotColumnClass(row, slot, slotIndex)) }, slot.name)) }, row.map((s) => s.name).join("|"))),
-    !fieldRows && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-[7.75rem] w-full" }),
-    consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-[4.25rem] w-full" }),
+    skeletonRows(_nullishCoalesce(fieldRows, () => ( DEFAULT_FIELD_ROWS))).map((row) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: ROW_GRID, children: row.map((slot, slotIndex) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, FIELD_SKELETON_CLASS, slotColumnClass(row, slot, slotIndex)) }, slot.name)) }, row.map((s) => s.name).join("|"))),
+    !fieldRows && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-[7.75rem] w-full" }),
+    consent && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-[4.25rem] w-full" }),
     footerNote ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: FOOTER_ROW_CLASS, children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-5 min-w-40 flex-1" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, "h-12 w-full", SUBMIT_WIDE_CLASS) })
-    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FOOTER_BARE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-12 w-40" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-5 min-w-40 flex-1" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, "h-12 w-full", SUBMIT_WIDE_CLASS) })
+    ] }) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: FOOTER_BARE_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-12 w-40" }) })
   ] });
 }
 function normalizeFieldRows(fieldRows, resolves = () => true) {
@@ -924,7 +924,7 @@ function skeletonRows(fieldRows) {
 // src/components/meeting-scheduler/confirmation.tsx
 
 function Confirmation({ confirmation, timezone }) {
-  const when = _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, confirmation.startTimeMs, timezone, "weekdayDateTimeZoned", {
+  const when = _chunkMMOODW57cjs.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: [
@@ -934,7 +934,7 @@ function Confirmation({ confirmation, timezone }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: [
       when,
       " \xB7 ",
-      _chunkEMCQGFXDcjs.formatDurationCompact.call(void 0, confirmation.durationMs / 1e3)
+      _chunkMMOODW57cjs.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." })
   ] });
@@ -943,10 +943,10 @@ function Confirmation({ confirmation, timezone }) {
 // src/components/meeting-scheduler/context-panel.tsx
 
 var PANEL_STACK = "flex flex-col gap-[var(--spacing-system-l)]";
-var IDENTITY_ROW = "flex items-center justify-between gap-[var(--spacing-system-m)] lg:flex-col lg:items-stretch lg:gap-[var(--spacing-system-l)]";
-var STRIP_BODY = "flex flex-col gap-[var(--spacing-system-l)] md:flex-row md:items-start lg:flex-col";
-var STRIP_MAIN = "flex min-w-0 flex-col gap-[var(--spacing-system-l)] md:flex-1";
-var STRIP_ASIDE = "flex flex-col gap-[var(--spacing-system-xxs)] md:w-[280px] md:shrink-0 lg:w-full";
+var IDENTITY_ROW = "flex items-center justify-between gap-[var(--spacing-system-m)] content-lg:flex-col content-lg:items-stretch content-lg:gap-[var(--spacing-system-l)]";
+var STRIP_BODY = "flex flex-col gap-[var(--spacing-system-l)] content-md:flex-row content-md:items-start content-lg:flex-col";
+var STRIP_MAIN = "flex min-w-0 flex-col gap-[var(--spacing-system-l)] content-md:flex-1";
+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";
 function ContextPanelSkeleton({
@@ -955,21 +955,21 @@ function ContextPanelSkeleton({
   backLabel = "Back"
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ _jsxruntime.jsx.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: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] lg:flex-none", children: [
-          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] content-lg:flex-none", children: [
+          /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
           /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-5 w-32" }),
-            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-4 w-24" })
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-5 w-32" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-4 w-24" })
           ] })
         ] }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-4 w-20 shrink-0" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-4 w-20 shrink-0" })
       ] }) }),
       /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: STRIP_ASIDE, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-12 w-full" })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-12 w-full" })
       ] })
     ] })
   ] });
@@ -991,13 +991,13 @@ function SchedulerContextPanel({
   className
 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, PANEL_STACK, className), children: [
-    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkP23CRLU4cjs.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: "flex items-center gap-[var(--spacing-system-xs)]", children: [
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-              _chunkEMCQGFXDcjs.SquareAvatar,
+              _chunkMMOODW57cjs.SquareAvatar,
               {
                 variant: "round",
                 size: "sm",
@@ -1012,7 +1012,7 @@ function SchedulerContextPanel({
             ] })
           ] }, 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, _chunkEMCQGFXDcjs.AvatarStack, { people: hosts, max: 4, size: "lg", label: "Hosts" }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.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"
@@ -1022,7 +1022,7 @@ function SchedulerContextPanel({
             // Post-selection, or a link that offers one length: a static line,
             // which is what sits beside the host on the header-strip layouts.
             selectedDurationMs != null && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "shrink-0 text-ods-text-secondary text-h6", children: [
-              _chunkEMCQGFXDcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+              _chunkMMOODW57cjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
               " call"
             ] })
           ) : null
@@ -1038,7 +1038,7 @@ function SchedulerContextPanel({
               size: "small-legacy",
               disabled,
               onClick: () => onSelectDuration(ms),
-              children: _chunkEMCQGFXDcjs.formatDurationCompact.call(void 0, ms / 1e3)
+              children: _chunkMMOODW57cjs.formatDurationCompact.call(void 0, ms / 1e3)
             },
             ms
           )) })
@@ -1050,10 +1050,10 @@ 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: _chunk3ATAYP36cjs.cn.call(void 0, STRIP_ASIDE, locked && "max-lg:hidden"), children: [
+      /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, STRIP_ASIDE, locked && "content-max-lg:hidden"), children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
         timezone ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkMXHJROXJcjs.TimezoneSelect,
+          _chunkP23CRLU4cjs.TimezoneSelect,
           {
             value: timezone,
             disabled,
@@ -1061,7 +1061,7 @@ function SchedulerContextPanel({
               if (tz) _optionalChain([onTimezoneChange, 'optionalCall', _35 => _35(tz)]);
             }
           }
-        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-12 w-full" })
+        ) : /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-12 w-full" })
       ] })
     ] })
   ] });
@@ -1085,9 +1085,9 @@ function dateFromDayKey(key) {
   return new Date(y, m - 1, d, 12);
 }
 function timeLabelInZone(ms, timeZone) {
-  return _chunkEMCQGFXDcjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
+  return _chunkMMOODW57cjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
 }
-var CALENDAR_W = "md:w-[19rem] md:shrink-0 lg:w-[16rem]";
+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";
@@ -1101,7 +1101,7 @@ var CHIP_GRID_CLASS = _chunk3ATAYP36cjs.cn.call(void 0,
   // 700px card into a 1500px one and buries whatever the page puts below
   // it. This is the one nested scroller worth having: a small, obviously
   // bounded list with a visible edge, exactly as drawn.
-  "max-h-[9.75rem] md:max-h-none",
+  "max-h-[9.75rem] content-md:max-h-none",
   // No height of its own, and none borrowed from the calendar either: the card
   // states one height, the panel and this row pass it down, and what is left
   // after the column heading IS the scroll box. A long day scrolls inside it.
@@ -1115,39 +1115,39 @@ var CHIP_GRID_CLASS = _chunk3ATAYP36cjs.cn.call(void 0,
 );
 var CHIP_CLASS = "w-full px-[var(--spacing-system-xxs)]";
 var SLOT_ROW_CLASS = _chunk3ATAYP36cjs.cn.call(void 0, 
-  "flex min-w-0 flex-col md:flex-row",
+  "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
   // stop a column growing taller than its month) collapses both sections to
   // their intrinsic WIDTH instead, which on a phone left the calendar and the
   // chips huddled against the left edge with half the card empty. The
   // calendar no longer needs protecting: its height is fixed, not derived.
-  "md:min-h-0 md:flex-1 lg:gap-[var(--spacing-system-lf)]"
+  "content-md:min-h-0 content-md:flex-1 content-lg:gap-[var(--spacing-system-lf)]"
 );
-var COLUMN_BOX = "p-[var(--spacing-system-l)] lg:p-0";
-var COLUMN_DIVIDER = "border-b border-ods-border md:border-b-0 md:border-r lg:border-0";
+var COLUMN_BOX = "p-[var(--spacing-system-l)] content-lg:p-0";
+var COLUMN_DIVIDER = "border-b border-ods-border content-md:border-b-0 content-md:border-r content-lg:border-0";
 function monthLabelFor(offset) {
   const now = /* @__PURE__ */ new Date();
   const month = new Date(now.getFullYear(), now.getMonth() + offset, 1);
-  return _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, month, _chunkEMCQGFXDcjs.VIEWER_TIMEZONE, "monthYear");
+  return _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, month, _chunkMMOODW57cjs.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() + _chunkMXHJROXJcjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkP23CRLU4cjs.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', _36 => _36.has, 'call', _37 => _37(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, 
-    _chunkMXHJROXJcjs.DatePickerCalendar,
+    _chunkP23CRLU4cjs.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(_chunkMXHJROXJcjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunkP23CRLU4cjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -1164,7 +1164,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
 }
 function SlotPickerSkeleton({ monthOffset = 0 }) {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SLOT_ROW_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "md:overflow-y-auto"), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.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,
@@ -1177,15 +1177,15 @@ function SlotPickerSkeleton({ monthOffset = 0 }) {
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 md:flex-1"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, {}) })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, {}) })
   ] });
 }
 function TimeChipsSkeleton() {
   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, _chunk2A4XES7Rcjs.Skeleton, { className: "inline-block h-4 w-40 align-middle" }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: COLUMN_HEADING_CLASS, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "inline-block h-4 w-40 align-middle" }) }),
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_GRID_CLASS, children: Array.from({ length: 16 }, (_, i) => (
-      // h-11 md:h-12 — the loaded chip's own default-size height.
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, CHIP_CLASS, "h-11 md:h-12") }, i)
+      // h-11 content-md:h-12 — the loaded chip's own default-size height.
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: _chunk3ATAYP36cjs.cn.call(void 0, CHIP_CLASS, "h-11 content-md:h-12") }, i)
     )) })
   ] });
 }
@@ -1220,7 +1220,7 @@ function SlotPicker({
   const monthPrefix = `${visibleMonth.getFullYear()}-${String(visibleMonth.getMonth() + 1).padStart(2, "0")}`;
   const monthHasSlots = [...slotsByDay.keys()].some((key) => key.startsWith(monthPrefix));
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: SLOT_ROW_CLASS, children: [
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "md:overflow-y-auto"), children: [
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.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,
@@ -1233,8 +1233,8 @@ function SlotPicker({
         }
       )
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 md:flex-1"), children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, {}) : selectedDay ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkEMCQGFXDcjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"), children: isLoading ? /* @__PURE__ */ _jsxruntime.jsx.call(void 0, TimeChipsSkeleton, {}) : selectedDay ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, { children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: COLUMN_HEADING_CLASS, children: _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunkMMOODW57cjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: CHIP_GRID_CLASS, children: daySlots.map((ms) => {
         const isSelected = selectedSlot === ms;
         return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1263,7 +1263,7 @@ function SlotPicker({
           monthLabelFor(monthOffset),
           "."
         ] }),
-        monthOffset < _chunkMXHJROXJcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        monthOffset < _chunkP23CRLU4cjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           _chunkDFQYAYBHcjs.Button,
           {
             variant: "outline",
@@ -1285,10 +1285,10 @@ function SlotPicker({
 
 
 function useNextAvailableLabel(ms) {
-  const hydrated = _chunkHY5YL3U5cjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkXBWE423Rcjs.useIsHydrated.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (!hydrated || ms == null) return null;
-    return _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, ms, _chunkEMCQGFXDcjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
+    return _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, ms, _chunkMMOODW57cjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
   }, [hydrated, ms]);
 }
 function DirectoryRow({
@@ -1299,7 +1299,7 @@ function DirectoryRow({
   const nextLabel = useNextAvailableLabel(link.nextAvailableMs);
   const subtitle = [
     link.description,
-    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkEMCQGFXDcjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
+    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunkMMOODW57cjs.formatDurationCompact.call(void 0, m * 60)).join(" / ") : null,
     link.kind === "team" ? "Team" : null
   ].filter(Boolean).join(" \u2022 ");
   return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
@@ -1313,9 +1313,9 @@ function DirectoryRow({
           /* @__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, _chunkEMCQGFXDcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 sm:inline-flex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkEMCQGFXDcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
-        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden w-44 shrink-0 flex-col items-end justify-center md:flex", children: [
+        audienceLabel && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMMOODW57cjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
+        /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden w-44 shrink-0 flex-col items-end justify-center content-md:flex", children: [
           /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "p", { className: "text-ods-text-secondary text-h6", 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, () => ( " ")) })
         ] }),
@@ -1327,16 +1327,16 @@ function DirectoryRow({
 function MeetingSchedulerDirectoryRowSkeleton() {
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-h-20 w-full items-center gap-4 rounded-lg border border-ods-border bg-ods-card px-4 py-3", children: [
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex min-w-0 flex-1 flex-col justify-center gap-1", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-5 w-1/2" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-4 w-1/3" })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-5 w-1/2" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-4 w-1/3" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "hidden h-6 w-28 shrink-0 sm:block" }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
-    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden w-44 shrink-0 flex-col items-end gap-1 md:flex", children: [
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-4 w-24" }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-5 w-32" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
+    /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "hidden w-44 shrink-0 flex-col items-end gap-1 content-md:flex", children: [
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-4 w-24" }),
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-5 w-32" })
     ] }),
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "size-12 shrink-0 rounded-md" })
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "size-12 shrink-0 rounded-md" })
   ] });
 }
 var PAGINATION_SLOT_H = "h-[4.5rem]";
@@ -1362,7 +1362,7 @@ function MeetingSchedulerDirectory({
       setError(null);
       try {
         const qs = includeAll ? "?scope=all" : "";
-        const res = await _chunk4OGAXAEGcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings${qs}`, { signal: controller.signal });
+        const res = await _chunkABU3TGXAcjs.contentFetch.call(void 0, `${apiBaseUrl}/api/meetings${qs}`, { signal: controller.signal });
         if (!res.ok) throw new Error(`meetings ${res.status}`);
         const payload = await res.json();
         if (active) setData(payload);
@@ -1383,18 +1383,18 @@ function MeetingSchedulerDirectory({
     const purposes = _nullishCoalesce(_optionalChain([data, 'optionalAccess', _40 => _40.purposes]), () => ( []));
     return purposes.flatMap((p) => p.links.map((link) => ({ link, audienceLabel: p.label })));
   }, [data]);
-  const totalPages = _chunk4OGAXAEGcjs.pageCount.call(void 0, rows.length, pageSize);
+  const totalPages = _chunkABU3TGXAcjs.pageCount.call(void 0, rows.length, pageSize);
   const pageRows = rows.slice((page - 1) * pageSize, page * pageSize);
   const rowsMinHeight = pageSize * 80 + (pageSize - 1) * 16;
   if (isLoading && !data) {
     return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col", className), children: [
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-4", style: { minHeight: rowsMinHeight }, children: Array.from({ length: pageSize }, (_, i) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, MeetingSchedulerDirectoryRowSkeleton, {}, i)) }),
-      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk2A4XES7Rcjs.Skeleton, { className: "h-10 w-64" }) })
+      /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Skeleton, { className: "h-10 w-64" }) })
     ] });
   }
   if (error) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUOLB7ZNcjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "generic",
         title: "We couldn't load available call times",
@@ -1405,7 +1405,7 @@ function MeetingSchedulerDirectory({
   }
   if (rows.length === 0) {
     return /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col justify-center", className), style: { minHeight: rowsMinHeight + 104 }, children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkHUOLB7ZNcjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "generic",
         title: "No call times are published right now",
@@ -1417,7 +1417,7 @@ function MeetingSchedulerDirectory({
   return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-col", className), children: [
     /* @__PURE__ */ _jsxruntime.jsx.call(void 0, "div", { className: "flex w-full flex-col gap-4", 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: _chunk3ATAYP36cjs.cn.call(void 0, "mt-8 flex w-full items-center justify-center", PAGINATION_SLOT_H), children: totalPages > 1 && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-      _chunkUIBSSVONcjs.PersistentPaginationWrapper,
+      _chunkD7BTSVMScjs.PersistentPaginationWrapper,
       {
         isLoading,
         currentPage: page,
@@ -1438,12 +1438,12 @@ var BOOKING_ERROR_COPY = {
   MEETING_UNAVAILABLE: "This meeting type has reached its booking limit for today \u2014 try another time or contact us.",
   LINK_GONE: "This meeting type is no longer available."
 };
-var CONTEXT_PANEL_CLASS = "p-[var(--spacing-system-l)] shrink-0 lg:w-[280px] border-b lg:border-b-0 lg:border-r border-ods-border lg:min-h-0 lg:overflow-y-auto";
-var ACTION_PANEL_CLASS = "flex-1 min-w-0 flex flex-col md:min-h-0 lg:p-[var(--spacing-system-l)]";
-var PANEL_STEP_CLASS = "p-[var(--spacing-system-l)] md:min-h-0 md:overflow-y-auto lg:p-0";
+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 = _chunk3ATAYP36cjs.cn.call(void 0, "flex flex-1 flex-col", PANEL_STEP_CLASS);
-var MEETING_SCHEDULER_H = "md:h-[34.375rem] lg:h-[23.75rem]";
-var MEETING_SCHEDULER_DETAILS_FIRST_H = "h-[50.75rem] md:h-[39.875rem]";
+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";
 var SCHEDULER_FLOW_PRESETS = {
   "slot-first": { initialStep: "slot", height: MEETING_SCHEDULER_H, submitLabel: DEFAULT_SUBMIT_LABEL },
@@ -1456,15 +1456,15 @@ var SCHEDULER_FLOW_PRESETS = {
 };
 var CARD_CLASS = _chunk3ATAYP36cjs.cn.call(void 0, 
   "overflow-hidden rounded-md border border-ods-border bg-ods-card",
-  "md:flex md:flex-col"
+  "content-md:flex content-md:flex-col"
   // The height is NOT baked in any more: it is chosen per flow at each render
   // site (`cardClass`), because details-first needs a taller box and both
   // constants are module scope.
 );
-var CARD_INNER_CLASS = "flex flex-col md:min-h-0 md:flex-1 lg:h-full lg:flex-row";
+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 = _chunk3ATAYP36cjs.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)]",
-  "md:justify-center md:overflow-y-auto"
+  "content-md:justify-center content-md:overflow-y-auto"
 );
 function SchedulerDegradedCard({
   flow = DEFAULT_SCHEDULER_FLOW,
@@ -1518,7 +1518,7 @@ function HubSpotMeetingScheduler({
     isSubmitting
   } = useMeetingBooking({ meetingId, apiBaseUrl, initialAvailability });
   const detailsFirst = flow === "details-first";
-  const hydrated = _chunkHY5YL3U5cjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunkXBWE423Rcjs.useIsHydrated.call(void 0, );
   const [pickedTimezone, setTimezone] = _react.useState.call(void 0, null);
   const resolvedLocalTimezone = _react.useMemo.call(void 0, () => {
     if (!hydrated) return null;
@@ -1551,8 +1551,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 } = _chunk3L7KCOGOcjs.useHumanitySignals.call(void 0, );
-  const { toast } = _chunk3L7KCOGOcjs.useToast.call(void 0, );
+  const { honeypotInputProps, getSignals, resetSignals } = _chunk2QEUFXNScjs.useHumanitySignals.call(void 0, );
+  const { toast } = _chunk2QEUFXNScjs.useToast.call(void 0, );
   const autoAdvanceCount = _react.useRef.call(void 0, 0);
   const [machineFor, setMachineFor] = _react.useState.call(void 0, meetingId);
   if (machineFor !== meetingId) {
@@ -1626,7 +1626,7 @@ function HubSpotMeetingScheduler({
         return;
       }
       if (result.ok && result.confirmation) {
-        _chunk3L7KCOGOcjs.completeFormRescue.call(void 0, rescue, payload[_chunk3L7KCOGOcjs.FORM_RESCUE_ATTEMPT_FIELD]);
+        _chunk2QEUFXNScjs.completeFormRescue.call(void 0, rescue, payload[_chunk2QEUFXNScjs.FORM_RESCUE_ATTEMPT_FIELD]);
         setConfirmation(result.confirmation);
         setStep("confirmed");
         _optionalChain([onBooked, 'optionalCall', _46 => _46(result.confirmation)]);
@@ -1658,7 +1658,7 @@ function HubSpotMeetingScheduler({
   const boxed = !formOnly;
   const cardClass = _chunk3ATAYP36cjs.cn.call(void 0, 
     CARD_CLASS,
-    boxed ? preset.height : "md:h-auto",
+    boxed ? preset.height : "content-md:h-auto",
     detailsFirst && "flex flex-col",
     formOnly && "bg-ods-bg",
     className
@@ -1722,10 +1722,10 @@ function HubSpotMeetingScheduler({
       durations.length > 0
     ) : durationMs != null && selectedSlot != null && timezone) ? /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: _chunk3ATAYP36cjs.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: [
-        _chunkEMCQGFXDcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
+        _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
         " \xB7",
         " ",
-        _chunkEMCQGFXDcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
+        _chunkMMOODW57cjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DetailsForm,
@@ -1747,13 +1747,13 @@ function HubSpotMeetingScheduler({
           rescue
         }
       )
-    ] }) : /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "div", { className: "flex flex-col gap-[var(--spacing-system-m)] md:min-h-0 md:flex-1", children: [
+    ] }) : /* @__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, 
-        _chunkMXHJROXJcjs.Alert,
+        _chunkP23CRLU4cjs.Alert,
         {
           variant: "warning",
-          className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto lg:m-0 lg:w-full",
-          children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkMXHJROXJcjs.AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
+          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, _chunkP23CRLU4cjs.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 ? (