@flamingo-stack/openframe-frontend-core 0.0.705-snapshot.20261006160157 → 0.0.705

package/dist/components/loading/page-layout-skeleton.d.ts

@@ -7,7 +7,7 @@ interface PageLayoutSkeletonProps {
  */
 export declare function AnnouncementBarSkeleton(): React.JSX.Element;
 /**
- * Header skeleton for a page that is still loading: logo, navigation and action placeholders
+ * Header skeleton that matches the ClientOnlyHeader placeholder but with proper animations
  */
 export declare function HeaderSkeleton(): React.JSX.Element;
 /**

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

@@ -2,10 +2,10 @@
 "use client";
 
 
-var _chunkY2GSOUCScjs = require('../../chunk-Y2GSOUCS.cjs');
+var _chunkD7BTSVMScjs = require('../../chunk-D7BTSVMS.cjs');
 
 
-var _chunkPLYEKV3Ncjs = require('../../chunk-PLYEKV3N.cjs');
+var _chunkOHFS7VOUcjs = require('../../chunk-OHFS7VOU.cjs');
 
 
 
@@ -24,7 +24,7 @@ var _chunkPLYEKV3Ncjs = require('../../chunk-PLYEKV3N.cjs');
 
 
 
-var _chunkGWQEYPYMcjs = require('../../chunk-GWQEYPYM.cjs');
+var _chunkVESKITRQcjs = require('../../chunk-VESKITRQ.cjs');
 require('../../chunk-HQQE74RO.cjs');
 require('../../chunk-DEY6XXGO.cjs');
 
@@ -33,21 +33,24 @@ require('../../chunk-DEY6XXGO.cjs');
 
 
 
-var _chunkWCVZCGK5cjs = require('../../chunk-WCVZCGK5.cjs');
+var _chunk2QEUFXNScjs = require('../../chunk-2QEUFXNS.cjs');
 require('../../chunk-MZ4KBSH7.cjs');
 require('../../chunk-BIZNSF3U.cjs');
 
 
 
-var _chunkOF6GEI5Acjs = require('../../chunk-OF6GEI5A.cjs');
+var _chunkABU3TGXAcjs = require('../../chunk-ABU3TGXA.cjs');
 
 
 var _chunkLX22Y43Bcjs = require('../../chunk-LX22Y43B.cjs');
 
 
-var _chunk7OFPU7WEcjs = require('../../chunk-7OFPU7WE.cjs');
-require('../../chunk-UVTD52MD.cjs');
+var _chunk3MX5S4CFcjs = require('../../chunk-3MX5S4CF.cjs');
+require('../../chunk-TYWLNCNH.cjs');
 require('../../chunk-7DNL734S.cjs');
+require('../../chunk-X72J4ACL.cjs');
+require('../../chunk-N3COXDBH.cjs');
+require('../../chunk-RDW5JAME.cjs');
 
 
 
@@ -56,12 +59,11 @@ require('../../chunk-7DNL734S.cjs');
 
 
 
-var _chunk6NTPY5QAcjs = require('../../chunk-6NTPY5QA.cjs');
+var _chunkMMOODW57cjs = require('../../chunk-MMOODW57.cjs');
 require('../../chunk-MGHIV4L6.cjs');
-require('../../chunk-LM7TXMLU.cjs');
-require('../../chunk-LLSUVPQC.cjs');
-require('../../chunk-VX4E6YSB.cjs');
-require('../../chunk-RDW5JAME.cjs');
+require('../../chunk-RKV5B7EU.cjs');
+require('../../chunk-QZVSJF2K.cjs');
+require('../../chunk-RALRPFDW.cjs');
 require('../../chunk-UJ7AXHRZ.cjs');
 
 
@@ -357,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(_chunkGWQEYPYMcjs.MAX_MONTH_OFFSET, offset)));
+    setMonthOffsetState(Math.max(0, Math.min(_chunkVESKITRQcjs.MAX_MONTH_OFFSET, offset)));
   }, []);
   const prevMeetingIdRef = _react.useRef.call(void 0, meetingId);
   _react.useLayoutEffect.call(void 0, () => {
@@ -370,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 _chunkOF6GEI5Acjs.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();
     },
@@ -387,7 +389,7 @@ function useMeetingBooking(options) {
   const bookMutation = _reactquery.useMutation.call(void 0, {
     mutationFn: async (payload) => {
       try {
-        const res = await _chunkOF6GEI5Acjs.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)
@@ -487,7 +489,7 @@ var FIELD_CONTROLS = {
     }
   ),
   textarea: ({ field, id, registerName, error, register }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-    _chunkGWQEYPYMcjs.Textarea,
+    _chunkVESKITRQcjs.Textarea,
     {
       id,
       required: field.required,
@@ -543,18 +545,18 @@ var FIELD_CONTROLS = {
     {
       control,
       name: registerName,
-      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkGWQEYPYMcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
+      render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, _chunkVESKITRQcjs.Select, { value: _nullishCoalesce(rhf.value, () => ( "")), onValueChange: rhf.onChange, children: [
         /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-          _chunkGWQEYPYMcjs.SelectTrigger,
+          _chunkVESKITRQcjs.SelectTrigger,
           {
             id,
             "aria-required": field.required || void 0,
             "aria-invalid": Boolean(error),
             invalid: Boolean(error),
-            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.SelectValue, { placeholder: "Select\u2026" })
+            children: /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.SelectValue, { placeholder: "Select\u2026" })
           }
         ),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
+        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.SelectContent, { children: (_nullishCoalesce(field.options, () => ( []))).map((opt) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.SelectItem, { value: opt, children: optionLabel(field, opt) }, opt)) })
       ] })
     }
   ),
@@ -564,14 +566,14 @@ var FIELD_CONTROLS = {
       control,
       name: registerName,
       render: ({ field: rhf }) => /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-        _chunkGWQEYPYMcjs.RadioGroup,
+        _chunkVESKITRQcjs.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, _chunkGWQEYPYMcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
+            /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.RadioGroupItem, { id: `${id}-${opt}`, value: opt }),
             /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkBM5MVGH3cjs.Label, { htmlFor: `${id}-${opt}`, children: optionLabel(field, opt) })
           ] }, opt))
         }
@@ -710,7 +712,7 @@ function BookingForm({
     () => [...BUILT_IN_BOOKING_FIELDS.map((field) => field.name), ...supportedFields.map((field) => field.name)],
     [supportedFields]
   );
-  const formRescue = _chunkWCVZCGK5cjs.useRescuedForm.call(void 0, 
+  const formRescue = _chunk2QEUFXNScjs.useRescuedForm.call(void 0, 
     { watch, getValues, setValue },
     {
       rescue,
@@ -719,7 +721,7 @@ function BookingForm({
       fieldPath: (name) => BUILT_IN_BOOKING_FIELDS.some((field) => field.name === name) ? name : `formFields.${name}`
     }
   );
-  const { toast } = _chunkWCVZCGK5cjs.useToast.call(void 0, );
+  const { toast } = _chunk2QEUFXNScjs.useToast.call(void 0, );
   const onInvalid = () => {
     if (deniedEmailDomains && emailDomainDenied(getValues("email"), deniedEmailDomains)) {
       toast({
@@ -807,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, ..._chunkGWQEYPYMcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
-    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkGWQEYPYMcjs.HoneypotField, { ...honeypotInputProps }),
+  return /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "form", { onSubmit: submit, className: FORM_STACK, noValidate: true, ..._chunkVESKITRQcjs.HUBSPOT_DO_NOT_COLLECT_FORM_PROPS, children: [
+    /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.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))
@@ -821,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, 
-      _chunkGWQEYPYMcjs.CheckboxBlock,
+      _chunkVESKITRQcjs.CheckboxBlock,
       {
         id: "ms-host-consent",
         checked: consented,
@@ -856,7 +858,7 @@ function BookingForm({
               // same block the waitlist form uses): box + label in one
               // bordered row.
               /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
-                _chunkGWQEYPYMcjs.CheckboxBlock,
+                _chunkVESKITRQcjs.CheckboxBlock,
                 {
                   id: `ms-consent-${box.communicationTypeId}`,
                   checked: _nullishCoalesce(_optionalChain([current, 'optionalAccess', _34 => _34.consented]), () => ( false)),
@@ -922,7 +924,7 @@ function skeletonRows(fieldRows) {
 // src/components/meeting-scheduler/confirmation.tsx
 
 function Confirmation({ confirmation, timezone }) {
-  const when = _chunk6NTPY5QAcjs.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: [
@@ -932,7 +934,7 @@ function Confirmation({ confirmation, timezone }) {
     /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, "p", { className: "text-ods-text-secondary text-h6", children: [
       when,
       " \xB7 ",
-      _chunk6NTPY5QAcjs.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." })
   ] });
@@ -953,7 +955,7 @@ 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, _chunkGWQEYPYMcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.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)] content-lg:flex-none", children: [
@@ -989,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, _chunkGWQEYPYMcjs.BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
+    onBack && /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunkVESKITRQcjs.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, 
-              _chunk6NTPY5QAcjs.SquareAvatar,
+              _chunkMMOODW57cjs.SquareAvatar,
               {
                 variant: "round",
                 size: "sm",
@@ -1010,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, _chunk6NTPY5QAcjs.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"
@@ -1020,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: [
-              _chunk6NTPY5QAcjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
+              _chunkMMOODW57cjs.formatDurationCompact.call(void 0, selectedDurationMs / 1e3),
               " call"
             ] })
           ) : null
@@ -1036,7 +1038,7 @@ function SchedulerContextPanel({
               size: "small-legacy",
               disabled,
               onClick: () => onSelectDuration(ms),
-              children: _chunk6NTPY5QAcjs.formatDurationCompact.call(void 0, ms / 1e3)
+              children: _chunkMMOODW57cjs.formatDurationCompact.call(void 0, ms / 1e3)
             },
             ms
           )) })
@@ -1051,7 +1053,7 @@ function SchedulerContextPanel({
       /* @__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, 
-          _chunkGWQEYPYMcjs.TimezoneSelect,
+          _chunkVESKITRQcjs.TimezoneSelect,
           {
             value: timezone,
             disabled,
@@ -1083,7 +1085,7 @@ function dateFromDayKey(key) {
   return new Date(y, m - 1, d, 12);
 }
 function timeLabelInZone(ms, timeZone) {
-  return _chunk6NTPY5QAcjs.formatTimeWithTimezone.call(void 0, ms, timeZone, { viewerLocale: true });
+  return _chunkMMOODW57cjs.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";
@@ -1127,25 +1129,25 @@ var COLUMN_DIVIDER = "border-b border-ods-border content-md:border-b-0 content-m
 function monthLabelFor(offset) {
   const now = /* @__PURE__ */ new Date();
   const month = new Date(now.getFullYear(), now.getMonth() + offset, 1);
-  return _chunk6NTPY5QAcjs.formatDateWithTimezone.call(void 0, month, _chunk6NTPY5QAcjs.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() + _chunkGWQEYPYMcjs.MAX_MONTH_OFFSET + 1, 0);
+  const endMonth = new Date(now.getFullYear(), now.getMonth() + _chunkVESKITRQcjs.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, 
-    _chunkGWQEYPYMcjs.DatePickerCalendar,
+    _chunkVESKITRQcjs.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(_chunkGWQEYPYMcjs.MAX_MONTH_OFFSET, offset)));
+        onMonthOffsetChange(Math.max(0, Math.min(_chunkVESKITRQcjs.MAX_MONTH_OFFSET, offset)));
       },
       fromDate: startMonth,
       toDate: endMonth,
@@ -1232,7 +1234,7 @@ function SlotPicker({
       )
     ] }),
     /* @__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: _chunk6NTPY5QAcjs.formatDateWithTimezone.call(void 0, dateFromDayKey(selectedDay), _chunk6NTPY5QAcjs.VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
+      /* @__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, 
@@ -1261,7 +1263,7 @@ function SlotPicker({
           monthLabelFor(monthOffset),
           "."
         ] }),
-        monthOffset < _chunkGWQEYPYMcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
+        monthOffset < _chunkVESKITRQcjs.MAX_MONTH_OFFSET && /* @__PURE__ */ _jsxruntime.jsxs.call(void 0, 
           _chunkDFQYAYBHcjs.Button,
           {
             variant: "outline",
@@ -1283,10 +1285,10 @@ function SlotPicker({
 
 
 function useNextAvailableLabel(ms) {
-  const hydrated = _chunk7OFPU7WEcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
   return _react.useMemo.call(void 0, () => {
     if (!hydrated || ms == null) return null;
-    return _chunk6NTPY5QAcjs.formatDateWithTimezone.call(void 0, ms, _chunk6NTPY5QAcjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
+    return _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, ms, _chunkMMOODW57cjs.VIEWER_TIMEZONE, "shortWeekdayDateTime", { viewerLocale: true }) || null;
   }, [hydrated, ms]);
 }
 function DirectoryRow({
@@ -1297,7 +1299,7 @@ function DirectoryRow({
   const nextLabel = useNextAvailableLabel(link.nextAvailableMs);
   const subtitle = [
     link.description,
-    link.durationsMinutes.length > 0 ? link.durationsMinutes.map((m) => _chunk6NTPY5QAcjs.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, 
@@ -1311,8 +1313,8 @@ 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, _chunk6NTPY5QAcjs.StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
-        /* @__PURE__ */ _jsxruntime.jsx.call(void 0, _chunk6NTPY5QAcjs.AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
+        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, () => ( " ")) })
@@ -1360,7 +1362,7 @@ function MeetingSchedulerDirectory({
       setError(null);
       try {
         const qs = includeAll ? "?scope=all" : "";
-        const res = await _chunkOF6GEI5Acjs.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);
@@ -1381,7 +1383,7 @@ 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 = _chunkOF6GEI5Acjs.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) {
@@ -1392,7 +1394,7 @@ function MeetingSchedulerDirectory({
   }
   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, 
-      _chunkPLYEKV3Ncjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "generic",
         title: "We couldn't load available call times",
@@ -1403,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, 
-      _chunkPLYEKV3Ncjs.EmptyState,
+      _chunkOHFS7VOUcjs.EmptyState,
       {
         type: "generic",
         title: "No call times are published right now",
@@ -1415,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, 
-      _chunkY2GSOUCScjs.PersistentPaginationWrapper,
+      _chunkD7BTSVMScjs.PersistentPaginationWrapper,
       {
         isLoading,
         currentPage: page,
@@ -1516,7 +1518,7 @@ function HubSpotMeetingScheduler({
     isSubmitting
   } = useMeetingBooking({ meetingId, apiBaseUrl, initialAvailability });
   const detailsFirst = flow === "details-first";
-  const hydrated = _chunk7OFPU7WEcjs.useIsHydrated.call(void 0, );
+  const hydrated = _chunk3MX5S4CFcjs.useIsHydrated.call(void 0, );
   const [pickedTimezone, setTimezone] = _react.useState.call(void 0, null);
   const resolvedLocalTimezone = _react.useMemo.call(void 0, () => {
     if (!hydrated) return null;
@@ -1549,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 } = _chunkWCVZCGK5cjs.useHumanitySignals.call(void 0, );
-  const { toast } = _chunkWCVZCGK5cjs.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) {
@@ -1624,7 +1626,7 @@ function HubSpotMeetingScheduler({
         return;
       }
       if (result.ok && result.confirmation) {
-        _chunkWCVZCGK5cjs.completeFormRescue.call(void 0, rescue, payload[_chunkWCVZCGK5cjs.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)]);
@@ -1720,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: [
-        _chunk6NTPY5QAcjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
+        _chunkMMOODW57cjs.formatDateWithTimezone.call(void 0, selectedSlot, timezone, "weekdayDateTimeZoned", { viewerLocale: true }),
         " \xB7",
         " ",
-        _chunk6NTPY5QAcjs.formatDurationCompact.call(void 0, durationMs / 1e3)
+        _chunkMMOODW57cjs.formatDurationCompact.call(void 0, durationMs / 1e3)
       ] }),
       /* @__PURE__ */ _jsxruntime.jsx.call(void 0, 
         DetailsForm,
@@ -1747,11 +1749,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, 
-        _chunkGWQEYPYMcjs.Alert,
+        _chunkVESKITRQcjs.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, _chunkGWQEYPYMcjs.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, _chunkVESKITRQcjs.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 ? (

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

@@ -2,10 +2,10 @@
 "use client";
 import {
   PersistentPaginationWrapper
-} from "../../chunk-JPG7OHEG.js";
+} from "../../chunk-5HBHO5TB.js";
 import {
   EmptyState
-} from "../../chunk-F57ECE2I.js";
+} from "../../chunk-MFFCUVWG.js";
 import {
   Alert,
   AlertDescription,
@@ -24,7 +24,7 @@ import {
   SelectValue,
   Textarea,
   TimezoneSelect
-} from "../../chunk-G6UMNAVI.js";
+} from "../../chunk-FCGC42TS.js";
 import "../../chunk-LQYXMEYF.js";
 import "../../chunk-4JPLYOS6.js";
 import {
@@ -33,21 +33,24 @@ import {
   useHumanitySignals,
   useRescuedForm,
   useToast
-} from "../../chunk-KUC673HM.js";
+} from "../../chunk-MKXO4Q5P.js";
 import "../../chunk-HFL2F4RM.js";
 import "../../chunk-UT4YHQZW.js";
 import {
   contentFetch,
   pageCount
-} from "../../chunk-CUME3VTQ.js";
+} from "../../chunk-MP2C3LJ4.js";
 import {
   Checkbox
 } from "../../chunk-PLWMIU72.js";
 import {
   useIsHydrated
-} from "../../chunk-7GEBFJT2.js";
-import "../../chunk-CZ7Y7UG4.js";
+} from "../../chunk-7VVFKJY5.js";
+import "../../chunk-PDWVPI3S.js";
 import "../../chunk-GY4IZG22.js";
+import "../../chunk-2YXVWZVF.js";
+import "../../chunk-Z2VNQQ74.js";
+import "../../chunk-OSIKGEBU.js";
 import {
   AvatarStack,
   SquareAvatar,
@@ -56,12 +59,11 @@ import {
   formatDateWithTimezone,
   formatDurationCompact,
   formatTimeWithTimezone
-} from "../../chunk-FI6GMDO7.js";
+} from "../../chunk-CH5232HV.js";
 import "../../chunk-FBZMAPWO.js";
-import "../../chunk-FXJ3WWUB.js";
-import "../../chunk-N45D4ZXQ.js";
-import "../../chunk-NCPTID44.js";
-import "../../chunk-OSIKGEBU.js";
+import "../../chunk-NDESEPW5.js";
+import "../../chunk-O43V3EOS.js";
+import "../../chunk-LMBC5FFP.js";
 import "../../chunk-E4ABZWTJ.js";
 import {
   FieldWrapper,

package/dist/components/navigation/client-only-header.d.ts

@@ -0,0 +1,8 @@
+import type { ReactNode } from 'react';
+import { type HeaderConfig } from './header';
+export interface ClientOnlyHeaderProps {
+    config: HeaderConfig;
+    skeleton?: ReactNode;
+}
+export declare function ClientOnlyHeader({ config, skeleton }: ClientOnlyHeaderProps): string | number | bigint | true | Iterable<ReactNode> | Promise<string | number | bigint | boolean | import("react").ReactPortal | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | Iterable<ReactNode> | null | undefined> | import("react").JSX.Element;
+//# sourceMappingURL=client-only-header.d.ts.map

package/dist/components/navigation/client-only-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"client-only-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/client-only-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,EAAU,KAAK,YAAY,EAAE,MAAM,UAAU,CAAC;AAGrD,MAAM,WAAW,qBAAqB;IACpC,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,SAAS,CAAC;CACtB;AAED,wBAAgB,gBAAgB,CAAC,EAAE,MAAM,EAAE,QAAQ,EAAE,EAAE,qBAAqB,ySAS3E"}

package/dist/components/navigation/header-skeleton.d.ts

@@ -0,0 +1,12 @@
+import type { HeaderConfig } from '../../types/navigation';
+export interface HeaderSkeletonProps {
+    config?: HeaderConfig;
+}
+/**
+ * Loading skeleton mirroring the unified ODS top-navigation geometry
+ * (`TopNavigation`, Figma 2797-5978): 48px mobile / 56px md+, cell model.
+ * Keep in sync with `header.tsx` — a diverging skeleton makes the
+ * skeleton→live handoff jump.
+ */
+export declare function HeaderSkeleton({ config }: HeaderSkeletonProps): import("react").JSX.Element;
+//# sourceMappingURL=header-skeleton.d.ts.map

package/dist/components/navigation/header-skeleton.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header-skeleton.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-skeleton.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAG3D,MAAM,WAAW,mBAAmB;IAClC,MAAM,CAAC,EAAE,YAAY,CAAC;CACvB;AAED;;;;;GAKG;AACH,wBAAgB,cAAc,CAAC,EAAE,MAAM,EAAE,EAAE,mBAAmB,+BA4D7D"}

package/dist/components/navigation/header.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { HeaderConfig } from '../../types/navigation';
+export interface HeaderProps {
+    config: HeaderConfig;
+    platform?: string;
+}
+export type { HeaderConfig } from '../../types/navigation';
+export declare function Header({ config }: HeaderProps): React.JSX.Element;
+//# sourceMappingURL=header.d.ts.map

package/dist/components/navigation/header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAsC,MAAM,OAAO,CAAC;AAE3D,OAAO,KAAK,EAAE,YAAY,EAAkB,MAAM,wBAAwB,CAAC;AAU3E,MAAM,WAAW,WAAW;IAC1B,MAAM,EAAE,YAAY,CAAC;IACrB,QAAQ,CAAC,EAAE,MAAM,CAAC;CACnB;AAGD,YAAY,EAAE,YAAY,EAAE,MAAM,wBAAwB,CAAC;AAO3D,wBAAgB,MAAM,CAAC,EAAE,MAAM,EAAE,EAAE,WAAW,qBAiZ7C"}