@flamingo-stack/openframe-frontend-core 0.0.702 → 0.0.703-snapshot.20261006080901

package/dist/components/meeting-scheduler/index.d.ts

@@ -125,7 +125,7 @@ export type SchedulerStage = Step | 'unavailable';
  * video take the leftover space at 16:9; a stand-in that just stacks fixed
  * blocks will overflow the shorter of the two.
  */
-export declare const MEETING_SCHEDULER_H = "md:h-[34.375rem] lg:h-[23.75rem]";
+export declare const MEETING_SCHEDULER_H = "content-md:h-[34.375rem] content-lg:h-[23.75rem]";
 /**
  * The box for `flow="details-first"`'s CALENDAR and confirmation stages (and its
  * degraded stand-in), 638px from `md` (`4904:118213`), 812px on phones (the
@@ -141,7 +141,7 @@ export declare const MEETING_SCHEDULER_H = "md:h-[34.375rem] lg:h-[23.75rem]";
  *
  * Hosts read it through `SCHEDULER_FLOW_PRESETS[flow].height`, never directly.
  */
-export declare const MEETING_SCHEDULER_DETAILS_FIRST_H = "h-[50.75rem] md:h-[39.875rem]";
+export declare const MEETING_SCHEDULER_DETAILS_FIRST_H = "h-[50.75rem] content-md:h-[39.875rem]";
 export type SchedulerFlow = 'slot-first' | 'details-first';
 /** The flow every existing embed gets — the ONE spelling of the default. */
 export declare const DEFAULT_SCHEDULER_FLOW: SchedulerFlow;

package/dist/components/meeting-scheduler/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/components/meeting-scheduler/index.tsx"],"names":[],"mappings":"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"}

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

@@ -2,10 +2,10 @@
 "use client";
 import {
   PersistentPaginationWrapper
-} from "../../chunk-TCZCMD5Q.js";
+} from "../../chunk-5HBHO5TB.js";
 import {
   EmptyState
-} from "../../chunk-OGLCD3UL.js";
+} from "../../chunk-MFFCUVWG.js";
 import {
   Alert,
   AlertDescription,
@@ -24,7 +24,7 @@ import {
   SelectValue,
   Textarea,
   TimezoneSelect
-} from "../../chunk-CZ34HXDW.js";
+} from "../../chunk-4KGXLVCF.js";
 import "../../chunk-LQYXMEYF.js";
 import "../../chunk-4JPLYOS6.js";
 import {
@@ -33,20 +33,20 @@ import {
   useHumanitySignals,
   useRescuedForm,
   useToast
-} from "../../chunk-KJ5LWATV.js";
+} from "../../chunk-IHU5ANUY.js";
 import "../../chunk-HFL2F4RM.js";
-import "../../chunk-HUMWQMCU.js";
+import "../../chunk-UT4YHQZW.js";
 import {
   contentFetch,
   pageCount
-} from "../../chunk-Q76ZTHNV.js";
+} from "../../chunk-MP2C3LJ4.js";
 import {
   Checkbox
 } from "../../chunk-PLWMIU72.js";
 import {
   useIsHydrated
-} from "../../chunk-6JPQDYYY.js";
-import "../../chunk-64O4L7WN.js";
+} from "../../chunk-2JDVL7UV.js";
+import "../../chunk-WUJNYGO2.js";
 import "../../chunk-GY4IZG22.js";
 import "../../chunk-2YXVWZVF.js";
 import "../../chunk-Z2VNQQ74.js";
@@ -59,9 +59,9 @@ import {
   formatDateWithTimezone,
   formatDurationCompact,
   formatTimeWithTimezone
-} from "../../chunk-6YCXA7CN.js";
+} from "../../chunk-CH5232HV.js";
 import "../../chunk-FBZMAPWO.js";
-import "../../chunk-2T6QWNXU.js";
+import "../../chunk-NDESEPW5.js";
 import "../../chunk-O43V3EOS.js";
 import "../../chunk-LMBC5FFP.js";
 import "../../chunk-E4ABZWTJ.js";
@@ -70,7 +70,7 @@ import {
   Input,
   Label,
   Skeleton
-} from "../../chunk-5V6O73EH.js";
+} from "../../chunk-FLKJYMVB.js";
 import "../../chunk-INS7KZJB.js";
 import {
   Button
@@ -442,20 +442,20 @@ import { Fragment, useEffect, useMemo, useState as useState2 } from "react";
 import { useForm, Controller } from "react-hook-form";
 import { Fragment as Fragment2, jsx, jsxs } from "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));
@@ -943,10 +943,10 @@ function Confirmation({ confirmation, timezone }) {
 // src/components/meeting-scheduler/context-panel.tsx
 import { jsx as jsx3, jsxs as jsxs3 } from "react/jsx-runtime";
 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({
@@ -958,7 +958,7 @@ function ContextPanelSkeleton({
     onBack && /* @__PURE__ */ jsx3(BackButton, { label: backLabel, onClick: onBack, className: BACK_BUTTON_CLASS }),
     /* @__PURE__ */ jsxs3("div", { className: STRIP_BODY, children: [
       /* @__PURE__ */ jsx3("div", { className: STRIP_MAIN, children: /* @__PURE__ */ jsxs3("div", { className: IDENTITY_ROW, children: [
-        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] lg:flex-none", children: [
+        /* @__PURE__ */ jsxs3("div", { className: "flex min-w-0 flex-1 items-center gap-[var(--spacing-system-xs)] content-lg:flex-none", children: [
           /* @__PURE__ */ jsx3(Skeleton, { className: "h-8 w-8 shrink-0 rounded-full" }),
           /* @__PURE__ */ jsxs3("div", { className: "flex flex-1 flex-col gap-[var(--spacing-system-xxs)]", children: [
             /* @__PURE__ */ jsx3(Skeleton, { className: "h-5 w-32" }),
@@ -1050,7 +1050,7 @@ 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__ */ jsxs3("div", { className: cn(STRIP_ASIDE, locked && "max-lg:hidden"), children: [
+      /* @__PURE__ */ jsxs3("div", { className: cn(STRIP_ASIDE, locked && "content-max-lg:hidden"), children: [
         /* @__PURE__ */ jsx3("p", { className: FIELD_LABEL_CLASS, children: "Timezone" }),
         timezone ? /* @__PURE__ */ jsx3(
           TimezoneSelect,
@@ -1087,7 +1087,7 @@ function dateFromDayKey(key) {
 function timeLabelInZone(ms, timeZone) {
   return formatTimeWithTimezone(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 = cn(
   // 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,17 +1115,17 @@ var CHIP_GRID_CLASS = cn(
 );
 var CHIP_CLASS = "w-full px-[var(--spacing-system-xxs)]";
 var SLOT_ROW_CLASS = cn(
-  "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);
@@ -1164,7 +1164,7 @@ function DayCalendar({ monthOffset, onMonthOffsetChange, selectedDay, onSelectDa
 }
 function SlotPickerSkeleton({ monthOffset = 0 }) {
   return /* @__PURE__ */ jsxs4("div", { className: SLOT_ROW_CLASS, children: [
-    /* @__PURE__ */ jsxs4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "md:overflow-y-auto"), children: [
+    /* @__PURE__ */ jsxs4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"), children: [
       /* @__PURE__ */ jsx4("p", { className: COLUMN_HEADING_CLASS, children: SLOT_PICKER_HEADING }),
       /* @__PURE__ */ jsx4(
         DayCalendar,
@@ -1177,15 +1177,15 @@ function SlotPickerSkeleton({ monthOffset = 0 }) {
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, "min-w-0 md:flex-1"), children: /* @__PURE__ */ jsx4(TimeChipsSkeleton, {}) })
+    /* @__PURE__ */ jsx4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"), children: /* @__PURE__ */ jsx4(TimeChipsSkeleton, {}) })
   ] });
 }
 function TimeChipsSkeleton() {
   return /* @__PURE__ */ jsxs4(Fragment3, { children: [
     /* @__PURE__ */ jsx4("div", { className: COLUMN_HEADING_CLASS, children: /* @__PURE__ */ jsx4(Skeleton, { className: "inline-block h-4 w-40 align-middle" }) }),
     /* @__PURE__ */ jsx4("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__ */ jsx4(Skeleton, { className: cn(CHIP_CLASS, "h-11 md:h-12") }, i)
+      // h-11 content-md:h-12 — the loaded chip's own default-size height.
+      /* @__PURE__ */ jsx4(Skeleton, { className: cn(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__ */ jsxs4("div", { className: SLOT_ROW_CLASS, children: [
-    /* @__PURE__ */ jsxs4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "md:overflow-y-auto"), children: [
+    /* @__PURE__ */ jsxs4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, COLUMN_DIVIDER, CALENDAR_W, "content-md:overflow-y-auto"), children: [
       /* @__PURE__ */ jsx4("p", { className: COLUMN_HEADING_CLASS, children: SLOT_PICKER_HEADING }),
       /* @__PURE__ */ jsx4(
         DayCalendar,
@@ -1233,7 +1233,7 @@ function SlotPicker({
         }
       )
     ] }),
-    /* @__PURE__ */ jsx4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, "min-w-0 md:flex-1"), children: isLoading ? /* @__PURE__ */ jsx4(TimeChipsSkeleton, {}) : selectedDay ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
+    /* @__PURE__ */ jsx4("div", { className: cn(COLUMN_STACK, COLUMN_BOX, "min-w-0 content-md:flex-1"), children: isLoading ? /* @__PURE__ */ jsx4(TimeChipsSkeleton, {}) : selectedDay ? /* @__PURE__ */ jsxs4(Fragment3, { children: [
       /* @__PURE__ */ jsx4("p", { className: COLUMN_HEADING_CLASS, children: formatDateWithTimezone(dateFromDayKey(selectedDay), VIEWER_TIMEZONE, "weekday", { viewerLocale: true }) }),
       /* @__PURE__ */ jsx4("div", { className: CHIP_GRID_CLASS, children: daySlots.map((ms) => {
         const isSelected = selectedSlot === ms;
@@ -1313,9 +1313,9 @@ function DirectoryRow({
           /* @__PURE__ */ jsx5("p", { className: "truncate text-ods-text-primary text-h3", children: link.title }),
           subtitle && /* @__PURE__ */ jsx5("p", { className: "truncate text-ods-text-secondary text-h6", children: subtitle })
         ] }),
-        audienceLabel && /* @__PURE__ */ jsx5(StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 sm:inline-flex" }),
+        audienceLabel && /* @__PURE__ */ jsx5(StatusBadge, { text: `For ${audienceLabel}`, singleLine: true, className: "hidden shrink-0 content-sm:inline-flex" }),
         /* @__PURE__ */ jsx5(AvatarStack, { people: link.hosts, max: 3, size: "md", label: "Hosts", className: "flex shrink-0" }),
-        /* @__PURE__ */ jsxs5("div", { className: "hidden w-44 shrink-0 flex-col items-end justify-center md:flex", children: [
+        /* @__PURE__ */ jsxs5("div", { className: "hidden w-44 shrink-0 flex-col items-end justify-center content-md:flex", children: [
           /* @__PURE__ */ jsx5("p", { className: "text-ods-text-secondary text-h6", children: "Next available" }),
           /* @__PURE__ */ jsx5("p", { className: "min-h-5 text-ods-text-primary text-h6", children: link.nextAvailableMs == null ? "No times published" : nextLabel ?? " " })
         ] }),
@@ -1330,9 +1330,9 @@ function MeetingSchedulerDirectoryRowSkeleton() {
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-5 w-1/2" }),
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-4 w-1/3" })
     ] }),
-    /* @__PURE__ */ jsx5(Skeleton, { className: "hidden h-6 w-28 shrink-0 sm:block" }),
+    /* @__PURE__ */ jsx5(Skeleton, { className: "hidden h-6 w-28 shrink-0 content-sm:block" }),
     /* @__PURE__ */ jsx5(Skeleton, { className: "h-10 w-10 shrink-0 rounded-full" }),
-    /* @__PURE__ */ jsxs5("div", { className: "hidden w-44 shrink-0 flex-col items-end gap-1 md:flex", children: [
+    /* @__PURE__ */ jsxs5("div", { className: "hidden w-44 shrink-0 flex-col items-end gap-1 content-md:flex", children: [
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-4 w-24" }),
       /* @__PURE__ */ jsx5(Skeleton, { className: "h-5 w-32" })
     ] }),
@@ -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 = cn("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 = cn(
   "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 = cn(
   "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,
@@ -1658,7 +1658,7 @@ function HubSpotMeetingScheduler({
   const boxed = !formOnly;
   const cardClass = cn(
     CARD_CLASS,
-    boxed ? preset.height : "md:h-auto",
+    boxed ? preset.height : "content-md:h-auto",
     detailsFirst && "flex flex-col",
     formOnly && "bg-ods-bg",
     className
@@ -1747,12 +1747,12 @@ function HubSpotMeetingScheduler({
           rescue
         }
       )
-    ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-[var(--spacing-system-m)] md:min-h-0 md:flex-1", children: [
+    ] }) : /* @__PURE__ */ jsxs6("div", { className: "flex flex-col gap-[var(--spacing-system-m)] content-md:min-h-0 content-md:flex-1", children: [
       bookingError === "SLOT_TAKEN" && /* @__PURE__ */ jsx6(
         Alert,
         {
           variant: "warning",
-          className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto lg:m-0 lg:w-full",
+          className: "mx-[var(--spacing-system-l)] mt-[var(--spacing-system-l)] w-auto content-lg:m-0 content-lg:w-full",
           children: /* @__PURE__ */ jsx6(AlertDescription, { children: "That time was just taken \u2014 pick another slot below. (If you already submitted, check your email for a confirmation before rebooking.)" })
         }
       ),

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

@@ -33,6 +33,10 @@ export interface AppHeaderProps {
     onMingoAI?: () => void;
     /** Whether the Mingo drawer is currently open (visually pressed state). */
     isMingoAIActive?: boolean;
+    /** Swap the Mingo logo for a close "X" while active, beside the wordmark
+     *  too (icon-only mode always does). For a panel the button both opens and
+     *  closes. */
+    mingoAICloseWhenActive?: boolean;
     showUser?: boolean;
     userName?: string;
     userEmail?: string;

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

@@ -1 +1 @@
-{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;4CAGwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oCAGgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;gDAC4C;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;gFAC4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAE1B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAExE,eAAO,MAAM,SAAS,4CA6NpB,CAAC;AA6BH,eAAe,SAAS,CAAC"}
+{"version":3,"file":"app-header.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAgB1B,MAAM,WAAW,cAAc;IAC7B,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,aAAa,CAAC,EAAE;QAAE,EAAE,EAAE,MAAM,CAAC;QAAC,IAAI,EAAE,MAAM,CAAA;KAAE,EAAE,CAAC;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,WAAW,CAAC,EAAE,CAAC,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IACnC,iBAAiB,CAAC,EAAE,OAAO,CAAC;IAC5B,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB;;;4CAGwC;IACxC,gBAAgB,CAAC,EAAE,OAAO,CAAC;IAC3B;;;oCAGgC;IAChC,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B;gDAC4C;IAC5C,cAAc,CAAC,EAAE,CAAC,IAAI,EAAE,MAAM,KAAK,IAAI,CAAC;IACxC,oGAAoG;IACpG,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;gFAC4E;IAC5E,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB,4EAA4E;IAC5E,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,2EAA2E;IAC3E,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B;;kBAEc;IACd,sBAAsB,CAAC,EAAE,OAAO,CAAC;IAEjC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,QAAQ,CAAC,EAAE,MAAM,CAAC;IAClB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,aAAa,CAAC,EAAE,MAAM,GAAG,IAAI,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,IAAI,CAAC;IACvB,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IACtB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,sCAAsC;IACtC,gBAAgB,EAAE,OAAO,CAAC;IAC1B,qCAAqC;IACrC,kBAAkB,CAAC,EAAE,MAAM,IAAI,CAAC;IAChC;;;OAGG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;;;;;;;;OAYG;IACH,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB;;;;;;;;;;;;;;;;;OAiBG;IACH,kBAAkB,CAAC,EAAE,MAAM,GAAG,aAAa,CAAC,iBAAiB,CAAC,CAAC;CAChE;AAED;;;;;;;;;;;;;GAaG;AACH,MAAM,MAAM,iBAAiB,GAAG,MAAM,GAAG,SAAS,GAAG,SAAS,GAAG,MAAM,CAAC;AAExE,eAAO,MAAM,SAAS,4CA+NpB,CAAC;AA6BH,eAAe,SAAS,CAAC"}

package/dist/components/navigation/app-layout-drawer.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAY9B,MAAM,OAAO,CAAC;AA6Cf,UAAU,wBAAyB,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;CAAG;AAEnG,QAAA,MAAM,mBAAmB;8EAOtB,wBAAwB;;CAsD1B,CAAC;AAGF,QAAA,MAAM,sBAAsB,kIAA0B,CAAC;AACvD,QAAA,MAAM,oBAAoB,gIAAwB,CAAC;AAMnD,QAAA,MAAM,uBAAuB;;;8EAgC5B,CAAC;AAsSF,MAAM,WAAW,2BACf,SACE,IAAI,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACvE,YAAY,CAAC,OAAO,uBAAuB,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;oDAGgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;+DAC2D;IAC3D,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B;;;;;gCAK4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;mFAK+E;IAC/E,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;uEAKmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,sBAAsB,wHAyO3B,CAAC;AAKF,QAAA,MAAM,qBAAqB;;;CAAe,CAAC;AAC3C,QAAA,MAAM,oBAAoB,8HAAc,CAAC;AACzC,QAAA,MAAM,0BAA0B,4MAAoB,CAAC;AACrD,QAAA,MAAM,mBAAmB;;;CAAa,CAAC;AACvC,QAAA,MAAM,qBAAqB;;;CAAe,CAAC;AAE3C,OAAO,EACL,mBAAmB,IAAI,eAAe,EACtC,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,EACnB,qBAAqB,GACtB,CAAC"}
+{"version":3,"file":"app-layout-drawer.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout-drawer.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,eAAe,MAAM,wBAAwB,CAAC;AAC1D,OAAO,EAAO,KAAK,YAAY,EAAE,MAAM,0BAA0B,CAAC;AAClE,OAAO,EACL,KAAK,aAAa,EAClB,KAAK,wBAAwB,EAS9B,MAAM,OAAO,CAAC;AA8Cf,UAAU,wBAAyB,SAAQ,wBAAwB,CAAC,OAAO,eAAe,CAAC,IAAI,CAAC;CAAG;AAEnG,QAAA,MAAM,mBAAmB;8EAOtB,wBAAwB;;CAsD1B,CAAC;AAGF,QAAA,MAAM,sBAAsB,kIAA0B,CAAC;AACvD,QAAA,MAAM,oBAAoB,gIAAwB,CAAC;AAMnD,QAAA,MAAM,uBAAuB;;;8EAgC5B,CAAC;AAoEF,MAAM,WAAW,2BACf,SACE,IAAI,CAAC,wBAAwB,CAAC,OAAO,eAAe,CAAC,OAAO,CAAC,EAAE,OAAO,CAAC,EACvE,YAAY,CAAC,OAAO,uBAAuB,CAAC;IAC9C,KAAK,CAAC,EAAE,OAAO,CAAC;IAChB,SAAS,CAAC,EAAE,OAAO,CAAC;IACpB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,WAAW,CAAC,EAAE,MAAM,CAAC;IACrB,UAAU,CAAC,EAAE,MAAM,CAAC;IACpB;;;oDAGgD;IAChD,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,gBAAgB,CAAC,EAAE,MAAM,CAAC;IAC1B,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,KAAK,CAAC,EAAE,aAAa,CAAC;IACtB,UAAU,CAAC,EAAE,aAAa,CAAC;IAC3B,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB;+DAC2D;IAC3D,SAAS,CAAC,EAAE,WAAW,GAAG,IAAI,CAAC;IAC/B;;;;;gCAK4B;IAC5B,WAAW,CAAC,EAAE,OAAO,CAAC;IACtB;;;;;mFAK+E;IAC/E,wBAAwB,CAAC,EAAE,OAAO,CAAC;IACnC;;;;;uEAKmE;IACnE,gBAAgB,CAAC,EAAE,OAAO,CAAC;CAC5B;AAED,QAAA,MAAM,sBAAsB,wHA8O3B,CAAC;AAKF,QAAA,MAAM,qBAAqB;;;CAAe,CAAC;AAC3C,QAAA,MAAM,oBAAoB,8HAAc,CAAC;AACzC,QAAA,MAAM,0BAA0B,4MAAoB,CAAC;AACrD,QAAA,MAAM,mBAAmB;;;CAAa,CAAC;AACvC,QAAA,MAAM,qBAAqB;;;CAAe,CAAC;AAE3C,OAAO,EACL,mBAAmB,IAAI,eAAe,EACtC,sBAAsB,EACtB,oBAAoB,EACpB,sBAAsB,EACtB,qBAAqB,EACrB,oBAAoB,EACpB,0BAA0B,EAC1B,mBAAmB,EACnB,qBAAqB,GACtB,CAAC"}

package/dist/components/navigation/app-layout-side-panel.d.ts

@@ -0,0 +1,142 @@
+import { type ReactNode } from 'react';
+/**
+ * - `docked`: a column beside the content, resizable.
+ * - `full`: covers the content area (not the navigation). Reached by dragging
+ *   past the content's minimum width, or from the header toggle when there is
+ *   no room to dock.
+ * - `hidden`: no room to dock (or a phone) and not opened from the header.
+ * - `overlay`: a phone, opened from the header; covers the content area.
+ */
+export type AppLayoutSidePanelMode = 'docked' | 'full' | 'hidden' | 'overlay';
+export interface AppLayoutSidePanelRenderState {
+    /** Width the panel body is drawn at, in px. */
+    width: number;
+    mode: AppLayoutSidePanelMode;
+    /**
+     * The panel was opened from the header (no room to dock, or a phone) and can
+     * be put away again: offer a close control. A docked panel cannot close.
+     */
+    canClose: boolean;
+    /** Put the panel away again; a no-op while it is docked. */
+    close: () => void;
+    /**
+     * Where `collapse` takes the panel, one step back at a time: from the whole
+     * area to the column it was in before (`column`), from the column to its
+     * minimum (`minimum`, e.g. a list alone). Null when there is no step back.
+     */
+    collapsesTo: 'column' | 'minimum' | null;
+    /** Step the panel back (see `collapsesTo`), animated. */
+    collapse: () => void;
+}
+export interface AppLayoutSidePanelConfig {
+    /** Panel body. Told its width so it can choose what fits. */
+    children: (state: AppLayoutSidePanelRenderState) => ReactNode;
+    /** Narrowest docked width, and the width it starts at: the narrowest its content draws. */
+    minWidth: number;
+    /** Narrowest the content may get before the panel takes over. Default 400. */
+    minContentWidth?: number;
+    /** localStorage key for the chosen width. Without it the width lasts the session. */
+    storageKey?: string;
+    /**
+     * Pages that need the whole content width set this: the panel starts at its
+     * minimum there. The user can still widen it; the width they chose
+     * elsewhere is kept for the other pages.
+     */
+    collapsed?: boolean;
+    /** Accessible name of the panel region. Default "Side panel". */
+    label?: string;
+    /**
+     * Opened from the header while it cannot dock (or on a phone). Pass it to
+     * open the panel from elsewhere (a deep link, a "send to chat" action);
+     * omit to let the header own it. Docked, it has no effect.
+     */
+    open?: boolean;
+    /** Called whenever the header-open state should change. */
+    onOpenChange?: (open: boolean) => void;
+}
+/** Inset of the docked card from the window edge and the header. */
+export declare const SIDE_PANEL_INSET = 16;
+export interface SidePanelSize {
+    /** Docked width the user chose. */
+    width: number;
+    /** Dragged past the content minimum: the panel takes the whole area. */
+    expanded: boolean;
+}
+export interface SidePanelLayoutInput {
+    /** Width of the row the content and the panel share; 0 before it is measured. */
+    rowWidth: number;
+    isMobile: boolean;
+    /** Opened from the header (only meaningful while it cannot dock). */
+    isOpen: boolean;
+    size: SidePanelSize;
+    minWidth: number;
+    minContentWidth: number;
+}
+export interface SidePanelLayout {
+    mode: AppLayoutSidePanelMode;
+    /** Width the panel body is drawn at. */
+    width: number;
+    /** The panel can sit beside the content. */
+    canDock: boolean;
+    /** Widest docked width; one pixel more takes the whole area. */
+    maxDockedWidth: number;
+    /** Width the panel docks at, kept while it is full so it can return there. */
+    dockedWidth: number;
+}
+/**
+ * Where the panel goes for a given room. Pure, so the rules read in one place:
+ * a phone gets the overlay; a row with room for both minimums docks (or is
+ * full when dragged past); otherwise it hides until opened from the header.
+ * An unmeasured row docks, so the first paint matches the common case.
+ */
+export declare function resolveSidePanelLayout({ rowWidth, isMobile, isOpen, size, minWidth, minContentWidth, }: SidePanelLayoutInput): SidePanelLayout;
+/**
+ * The panel is growing into the whole area (`expand`), shrinking back into the
+ * column (`collapse`) or narrowing within it (`narrow`). While it grows the
+ * content stays where it is under it, and is hidden only once the panel covers
+ * it; while it shrinks the content is already laid out at its new width.
+ */
+export type SidePanelMorph = 'expand' | 'collapse' | 'narrow';
+export interface AppLayoutSidePanelState extends SidePanelLayout {
+    minWidth: number;
+    /** Opened from the header while it cannot dock. */
+    isOpen: boolean;
+    morph: SidePanelMorph | null;
+    /**
+     * Dragged wider than any column can be and not yet let go: the panel follows
+     * the pointer over the content, laid out at its narrowest beneath it.
+     */
+    peekWidth: number | null;
+    /** The panel covers the content area: the content can be hidden. */
+    coversContent: boolean;
+    /** The panel is drawn over part of the content (a morph or a peek). */
+    overlapsContent: boolean;
+    endMorph: () => void;
+    collapsesTo: AppLayoutSidePanelRenderState['collapsesTo'];
+    collapse: () => void;
+    toggle: () => void;
+    close: () => void;
+    resize: (next: number) => void;
+    /**
+     * A pointer drag to `next`. Wider than any column can be, the panel follows
+     * the pointer over the content instead of jumping to the whole area.
+     */
+    drag: (next: number) => void;
+    /**
+     * The drag ended at `next`: a panel left between the widest column and the
+     * whole area settles on the nearer of the two, animated.
+     */
+    release: (next: number) => void;
+}
+/**
+ * Owns the side panel's geometry. Lives in `AppLayout`, not the panel, because
+ * the header's toggle reads it too. Returns null without a config.
+ */
+export declare function useAppLayoutSidePanel(config: AppLayoutSidePanelConfig | undefined, row: HTMLElement | null): AppLayoutSidePanelState | null;
+interface AppLayoutSidePanelProps {
+    config: AppLayoutSidePanelConfig;
+    state: AppLayoutSidePanelState;
+}
+export declare function AppLayoutSidePanel({ config, state }: AppLayoutSidePanelProps): import("react").JSX.Element | null;
+export {};
+//# sourceMappingURL=app-layout-side-panel.d.ts.map

package/dist/components/navigation/app-layout-side-panel.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"app-layout-side-panel.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout-side-panel.tsx"],"names":[],"mappings":"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"}

package/dist/components/navigation/app-layout.d.ts

@@ -1,6 +1,7 @@
 import type { ReactNode } from 'react';
 import type { NavigationSidebarConfig } from '../../types/navigation';
 import { type AppHeaderProps } from './app-header';
+import { type AppLayoutSidePanelConfig } from './app-layout-side-panel';
 import { type MobileBurgerMenuProps } from './mobile-burger-menu';
 export { useAppLayoutDrawerContainer, useAppLayoutDrawerCoordination } from './app-layout-context';
 export type { AppLayoutDrawerHandle } from './app-layout-context';
@@ -32,6 +33,15 @@ export interface AppLayoutProps {
      * area occupy the remaining height below it.
      */
     topBar?: ReactNode;
+    /**
+     * A panel docked beside the content (the Mingo chat). It narrows the
+     * content instead of covering it, and the content then lays out by its own
+     * width: `<main>` becomes an `ods-content-area` whose tokens and
+     * `content-md:` / `content-lg:` classes follow the room the panel leaves.
+     * Without room to dock (or on a phone) the header's Mingo button opens it
+     * over the content area. Optional; without it the layout is unchanged.
+     */
+    sidePanel?: AppLayoutSidePanelConfig;
 }
-export declare function AppLayout({ children, sidebarConfig, headerProps, mainClassName, className, mobileBurgerMenuProps, disabled, drawer, topBar, }: AppLayoutProps): import("react").JSX.Element;
+export declare function AppLayout({ children, sidebarConfig, headerProps, mainClassName, className, mobileBurgerMenuProps, disabled, drawer, topBar, sidePanel, }: AppLayoutProps): import("react").JSX.Element;
 //# sourceMappingURL=app-layout.d.ts.map

package/dist/components/navigation/app-layout.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"app-layout.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AACvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9D,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACnG,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,uBAAuB,CAAC;IACvC,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,oBAAoB,GAAG,UAAU,CAAC,CAAC;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACjG;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;CACpB;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,SAAS,EACT,qBAAqB,EACrB,QAAgB,EAChB,MAAM,EACN,MAAM,GACP,EAAE,cAAc,+BAiGhB"}
+{"version":3,"file":"app-layout.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/app-layout.tsx"],"names":[],"mappings":"AAGA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAGvC,OAAO,KAAK,EAAE,uBAAuB,EAAE,MAAM,wBAAwB,CAAC;AAGtE,OAAO,EAAa,KAAK,cAAc,EAAE,MAAM,cAAc,CAAC;AAO9D,OAAO,EAAsB,KAAK,wBAAwB,EAAyB,MAAM,yBAAyB,CAAC;AACnH,OAAO,EAAoB,KAAK,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAGpF,OAAO,EAAE,2BAA2B,EAAE,8BAA8B,EAAE,MAAM,sBAAsB,CAAC;AACnG,YAAY,EAAE,qBAAqB,EAAE,MAAM,sBAAsB,CAAC;AAElE,MAAM,WAAW,cAAc;IAC7B,QAAQ,EAAE,SAAS,CAAC;IACpB,aAAa,EAAE,uBAAuB,CAAC;IACvC,WAAW,EAAE,IAAI,CAAC,cAAc,EAAE,kBAAkB,GAAG,oBAAoB,GAAG,UAAU,CAAC,CAAC;IAC1F,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,qBAAqB,EAAE,IAAI,CAAC,qBAAqB,EAAE,QAAQ,GAAG,SAAS,GAAG,QAAQ,GAAG,UAAU,CAAC,CAAC;IACjG;;;;OAIG;IACH,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;;;;OAKG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;OAMG;IACH,MAAM,CAAC,EAAE,SAAS,CAAC;IACnB;;;;;;;OAOG;IACH,SAAS,CAAC,EAAE,wBAAwB,CAAC;CACtC;AAED,wBAAgB,SAAS,CAAC,EACxB,QAAQ,EACR,aAAa,EACb,WAAW,EACX,aAAa,EACb,SAAS,EACT,qBAAqB,EACrB,QAAgB,EAChB,MAAM,EACN,MAAM,EACN,SAAS,GACV,EAAE,cAAc,+BAqJhB"}

package/dist/components/navigation/header-mingo-button.d.ts

@@ -6,6 +6,9 @@ export interface HeaderMingoButtonProps extends React.ButtonHTMLAttributes<HTMLB
      *  control collapses to a square `HeaderButton`-sized affordance on narrow
      *  viewports). Defaults to `false`. */
     iconOnly?: boolean;
+    /** Show the close "X" while active with the wordmark too, not only in
+     *  `iconOnly` mode. Defaults to `false`. */
+    closeWhenActive?: boolean;
     className?: string;
 }
 /**
@@ -18,6 +21,6 @@ export interface HeaderMingoButtonProps extends React.ButtonHTMLAttributes<HTMLB
  *
  * Figma: 7532:222103 — `button-full`.
  */
-export declare function HeaderMingoButton({ isActive, iconOnly, className, ...props }: HeaderMingoButtonProps): React.JSX.Element;
+export declare function HeaderMingoButton({ isActive, iconOnly, closeWhenActive, className, ...props }: HeaderMingoButtonProps): React.JSX.Element;
 export default HeaderMingoButton;
 //# sourceMappingURL=header-mingo-button.d.ts.map

package/dist/components/navigation/header-mingo-button.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-mingo-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-mingo-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;2CAEuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAAE,QAAgB,EAAE,QAAgB,EAAE,SAAS,EAAE,GAAG,KAAK,EAAE,EAAE,sBAAsB,qBAwCpH;AAED,eAAe,iBAAiB,CAAC"}
+{"version":3,"file":"header-mingo-button.d.ts","sourceRoot":"","sources":["../../../src/components/navigation/header-mingo-button.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAK/B,MAAM,WAAW,sBAAuB,SAAQ,KAAK,CAAC,oBAAoB,CAAC,iBAAiB,CAAC;IAC3F,2EAA2E;IAC3E,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;;2CAEuC;IACvC,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB;gDAC4C;IAC5C,eAAe,CAAC,EAAE,OAAO,CAAC;IAC1B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;GASG;AACH,wBAAgB,iBAAiB,CAAC,EAChC,QAAgB,EAChB,QAAgB,EAChB,eAAuB,EACvB,SAAS,EACT,GAAG,KAAK,EACT,EAAE,sBAAsB,qBAyCxB;AAED,eAAe,iBAAiB,CAAC"}