gridsmith-ui 0.26.0 → 0.27.0

package/dist/index.js

@@ -1,31 +1,33 @@
-import { inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, CardValue } from './chunk-OTCEJN64.js';
-import { useWholeListCheck, pagerPart, Pagination, Input, CHECK_FILL, Dropdown, FilterRowContext, SWITCH_KNOB_ON, SWITCH_KNOB_OFF, SWITCH_KNOB_MOTION, SWITCH_TRACK_ON, SWITCH_TRACK_OFF, useFieldControl, useField, Label, InlineFieldError, AddAnotherRowCtx, Field } from './chunk-CYN5O567.js';
-export { Dropdown, Field, InlineFieldError, Input, Label, NumberInput, Pagination, Popover, Textarea, Toggle, usePagination } from './chunk-CYN5O567.js';
-import { useAppShell, REACT_VERSION_PROBLEM, Breadcrumbs, useCrumbFollow, crumbGoes, useOverlayMark, useDirtyGuard, useScrollbarInset, DrawerFooterCtx, OverlayMarkScope, OverlayCloseCtx, insetLessScrollbar, DiscardConfirm, OVERLAY_ROOT_ATTR, OverlayMarkCtx, useCompact, useElementWidth, DrawerPanel, useCloseSettle, Drawer, useRememberedWidth, pxOf, ResizeEdge, defaultMaxWidth } from './chunk-KWLNEH53.js';
-export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-KWLNEH53.js';
-import { Button, ControlSizeContext, triggerType, Spinner, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS, preferenceActionKey } from './chunk-ZYVXV4WC.js';
-export { Button, ButtonSizeContext, ControlSizeContext, PreferencesContext, Spinner, preferenceActionKey, usePreferences } from './chunk-ZYVXV4WC.js';
-import { Skeleton, TITLE_TEXT, formatLocale } from './chunk-X2HEV7FB.js';
-export { Skeleton } from './chunk-X2HEV7FB.js';
+"use client";
+import { useAppShell, REACT_VERSION_PROBLEM, Breadcrumbs, useCrumbFollow, crumbGoes, useOverlayMark, useDirtyGuard, useScrollbarInset, DrawerFooterCtx, OverlayMarkScope, OverlayCloseCtx, insetLessScrollbar, DiscardConfirm, OVERLAY_ROOT_ATTR, OverlayMarkCtx, useCompact, useElementWidth, DrawerPanel, useCloseSettle, Drawer, useRememberedWidth, pxOf, ResizeEdge, defaultMaxWidth } from './chunk-R5NFCEZ3.js';
+export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-R5NFCEZ3.js';
+import { Skeleton, TITLE_TEXT, useFormatLocale, useHydrated, useToday, LocaleContext } from './chunk-64TXZ4L7.js';
+export { Skeleton, useFormatLocale, useHydrated } from './chunk-64TXZ4L7.js';
 import { useScrollEdges, EDGE_FADE } from './chunk-3BRQRKDO.js';
+import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-5TUVX4B2.js';
+export { Avatar } from './chunk-5TUVX4B2.js';
+import { Link } from './chunk-IXR4UEF4.js';
+export { CodeBlock, Divider, Link } from './chunk-IXR4UEF4.js';
+import { useFillHeight, FillContext, useKeyboardScroll, FOCUS_INSET } from './chunk-SFY2KMHG.js';
+import { Badge } from './chunk-PO65I3MQ.js';
+export { Badge } from './chunk-PO65I3MQ.js';
+import { inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, CardValue } from './chunk-OTCEJN64.js';
+import { useWholeListCheck, pagerPart, Pagination, Input, CHECK_FILL, Dropdown, FilterRowContext, SWITCH_KNOB_ON, SWITCH_KNOB_OFF, SWITCH_KNOB_MOTION, SWITCH_TRACK_ON, SWITCH_TRACK_OFF, useFieldControl, useField, OutsideField, NumberInput, InlineFieldError, Label, AddAnotherRowCtx, Field } from './chunk-2CKSSWYG.js';
+export { Dropdown, Field, InlineFieldError, Input, Label, NumberInput, Pagination, Popover, Textarea, Toggle, usePagination } from './chunk-2CKSSWYG.js';
+import { Button, ControlSizeContext, triggerType, Spinner, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS, formatRelativeTime, thresholdOf, toMillis, formatFullTime, preferenceActionKey, DAY, HOUR, MINUTE } from './chunk-EKBWWA6P.js';
+export { Button, ButtonSizeContext, ControlSizeContext, PreferencesContext, Spinner, formatFullTime, formatRelativeTime, preferenceActionKey, usePreferences } from './chunk-EKBWWA6P.js';
+import { elementType, formatLocale, localeChoice } from './chunk-OYNUU346.js';
 import { useBreakpoint, readBreakpointPx } from './chunk-CRQ6KCRD.js';
 export { BreakpointWidthProvider, useBreakpoint } from './chunk-CRQ6KCRD.js';
 import { FormChangeCtx, useReportedChange, useOptionalFormContext, FormCtx } from './chunk-XVB55M3N.js';
 export { useFormContext } from './chunk-XVB55M3N.js';
-import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-RWKCAKN3.js';
-export { Avatar } from './chunk-RWKCAKN3.js';
-import { Link } from './chunk-MYIJNVTK.js';
-export { CodeBlock, Divider, Link } from './chunk-MYIJNVTK.js';
-import { useFillHeight, FillContext, useKeyboardScroll, FOCUS_INSET } from './chunk-SFY2KMHG.js';
 import { CardSurfaceCtx, useScrollsInside, SplitPaneCtx, RowsCtx, PageActionsCtx, SurfaceBoundary, useFramesItself, TableCardCtx } from './chunk-QM4SJKWV.js';
 import { FOCUSABLE, usePopupFocus, FIELD, ZOOM_KEYS, useOverlayLayer, useFocusTrap, useFocusBeforeOpen, rememberFocus, focusInitial, OVERLAY_CLOSE_ATTR, rovingTabStop, useGridKeyboard, focusAfterRemoval, useNonModalDialog, useReturnFocus } from './chunk-ZI3OQDET.js';
 export { useGridKeyboard } from './chunk-ZI3OQDET.js';
-import { Badge } from './chunk-EX64MN2U.js';
-export { Badge } from './chunk-EX64MN2U.js';
 import { useTextOverflow, Tooltip } from './chunk-MD2EFMES.js';
 export { Tooltip, useTextOverflow } from './chunk-MD2EFMES.js';
 import { mergeRefs, Slot } from './chunk-7Q46JXSK.js';
-import { Icon, slotIcon, warnOnce } from './chunk-HXVXJUGV.js';
+import { Icon, slotIcon, warnOnce } from './chunk-TJEV7YAY.js';
 import { usePosition } from './chunk-HP7WUZPK.js';
 import { useLatest } from './chunk-WH2FUFAC.js';
 import { cn, GLASS_SURFACE, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, OVERLAY_SURFACE, GLASS_OVERLAY, ERROR_HAS_FOCUS_RING, HAS_FOCUS_RING, ACTIVE_RING, ERROR_ACTIVE_RING, ERROR_FOCUS_RING, FOCUS_RING, FOCUS_WITHIN_RING } from './chunk-M2QRNBDQ.js';
@@ -459,6 +461,27 @@ function Combobox({ value, onChange: onChangeProp, options, placeholder = "Searc
   ] });
   return /* @__PURE__ */ jsx(Tooltip, { content: selectedLabel, disabled: !labelTruncated || open, children: triggerContent });
 }
+
+// ../../showcase/src/lib/locale-cache.ts
+var caches = /* @__PURE__ */ new Set();
+function localeCache(limit) {
+  const map = /* @__PURE__ */ new Map();
+  caches.add(map);
+  return (key, make) => {
+    const hit = map.get(key);
+    if (hit !== void 0) {
+      map.delete(key);
+      map.set(key, hit);
+      return hit;
+    }
+    const made = make();
+    map.set(key, made);
+    if (map.size > limit) map.delete(map.keys().next().value);
+    return made;
+  };
+}
+
+// ../../showcase/src/lib/time-zones.ts
 function canonicalTimeZone(zone) {
   try {
     return new Intl.DateTimeFormat("en-US", { timeZone: zone }).resolvedOptions().timeZone;
@@ -473,9 +496,9 @@ function browserTimeZone() {
     return "UTC";
   }
 }
-function timeZoneOffset(zone, at = /* @__PURE__ */ new Date()) {
+function timeZoneOffset(zone, at = /* @__PURE__ */ new Date(), locale = formatLocale()) {
   try {
-    return new Intl.DateTimeFormat(formatLocale(), { timeZone: zone, timeZoneName: "shortOffset" }).formatToParts(at).find((p) => p.type === "timeZoneName")?.value ?? "";
+    return new Intl.DateTimeFormat(locale, { timeZone: zone, timeZoneName: "shortOffset" }).formatToParts(at).find((p) => p.type === "timeZoneName")?.value ?? "";
   } catch {
     return "";
   }
@@ -485,6 +508,9 @@ function timeZones() {
   const zones = [...new Set(listed.map(canonicalTimeZone))].filter((z) => z !== "UTC").sort((a, b) => a.localeCompare(b));
   return ["UTC", ...zones];
 }
+function useBrowserTimeZone() {
+  return useHydrated() ? browserTimeZone() : void 0;
+}
 var RENAMED_CITIES = [
   ["Kolkata", ["Asia/Calcutta", "Asia/Kolkata"]],
   ["Kyiv", ["Europe/Kiev", "Europe/Kyiv"]],
@@ -503,81 +529,47 @@ var RENAMED_CITIES = [
   ["Ulaanbaatar", ["Asia/Ulan_Bator", "Asia/Ulaanbaatar"]]
 ];
 var CITY_OF = new Map(RENAMED_CITIES.flatMap(([city, zones]) => zones.map((zone) => [zone, city])));
-var labelOf = (zone, at) => {
-  const offset = timeZoneOffset(zone, at);
+var labelOf = (zone, at, locale) => {
+  const offset = timeZoneOffset(zone, at, locale);
   return offset ? `${zone.replace(/_/g, " ")} (${offset})` : zone.replace(/_/g, " ");
 };
-var HOUR = 36e5;
-var zoneList = null;
-function zoneOptions() {
+var HOUR2 = 36e5;
+var zoneLists = localeCache(8);
+function zoneOptions(locale) {
   const now = Date.now();
-  if (!zoneList || now - zoneList.at > HOUR) {
+  const build2 = () => {
     const at = new Date(now);
-    zoneList = { at: now, options: timeZones().map((zone) => ({ value: zone, label: labelOf(zone, at), keywords: CITY_OF.get(zone) })) };
-  }
-  return zoneList.options;
+    return { at: now, options: timeZones().map((zone) => ({ value: zone, label: labelOf(zone, at, locale), keywords: CITY_OF.get(zone) })) };
+  };
+  const key = `${locale ?? ""}|${Math.floor(now / HOUR2)}`;
+  return zoneLists(key, build2).options;
 }
 function TimezoneSelect({ value, onChange, placeholder = "Search time zones\u2026", ...rest }) {
-  const zones = zoneOptions();
+  const locale = useFormatLocale();
+  const zones = zoneOptions(locale);
   const stored = value ? canonicalTimeZone(value) : "";
+  const mine = useBrowserTimeZone();
   const options = useMemo(() => {
     if (!stored) {
-      const mine = browserTimeZone();
-      const label = zones.find((o) => o.value === mine)?.label ?? labelOf(mine, /* @__PURE__ */ new Date());
+      if (!mine) return zones;
+      const label = zones.find((o) => o.value === mine)?.label ?? labelOf(mine, /* @__PURE__ */ new Date(), locale);
       return [{ value: mine, label: `${label} \xB7 your time zone`, keywords: CITY_OF.get(mine) }, ...zones.filter((o) => o.value !== mine)];
     }
-    return zones.some((o) => o.value === stored) ? zones : [{ value: stored, label: labelOf(stored, /* @__PURE__ */ new Date()), keywords: CITY_OF.get(stored) }, ...zones];
-  }, [zones, stored]);
+    return zones.some((o) => o.value === stored) ? zones : [{ value: stored, label: labelOf(stored, /* @__PURE__ */ new Date(), locale), keywords: CITY_OF.get(stored) }, ...zones];
+  }, [zones, stored, mine, locale]);
   return /* @__PURE__ */ jsx(Combobox, { value: stored, onChange, options, placeholder, ...rest });
 }
-var MINUTE = 6e4;
-var HOUR2 = 60 * MINUTE;
-var DAY = 24 * HOUR2;
 var LONGEST_WAIT = DAY;
 var CONTROL_ANCESTOR = 'a[href], button, summary, label, [role="button"], [role="link"], [role="option"], [role="menuitem"], [role="menuitemcheckbox"], [role="menuitemradio"], [role="tab"], [role="treeitem"], [role="row"], [role="gridcell"], [role="checkbox"], [role="radio"], [role="switch"]';
 var noChange = () => () => {
 };
 var inBrowser = () => true;
 var onServer = () => false;
-function toMillis(time) {
-  if (time instanceof Date) return time.getTime();
-  if (typeof time === "number") return time;
-  if (typeof time !== "string") return NaN;
-  const day = /^(\d{4})-(\d{2})-(\d{2})$/.exec(time.trim());
-  if (day) return new Date(Number(day[1]), Number(day[2]) - 1, Number(day[3])).getTime();
-  return Date.parse(time);
-}
-function thresholdOf(hours, from) {
-  if (typeof hours === "number" && Number.isFinite(hours) && hours >= 0) return hours;
-  const house = PREFERENCE_HOUSE_DEFAULTS.relativeThresholdHours;
-  warnOnce(from, `a threshold of ${String(hours)} isn't a number of hours, so the house's ${house} is used.`);
-  return house;
-}
-function midnight(t) {
-  const d = new Date(t);
-  d.setHours(0, 0, 0, 0);
-  return d.getTime();
-}
-function formatRelativeTime(time, options) {
-  const at = toMillis(time);
-  if (!Number.isFinite(at)) return "";
-  const now = options.now ?? Date.now();
-  const diff = at - now;
-  const age = Math.abs(diff);
-  if (age > thresholdOf(options.thresholdHours, "formatRelativeTime") * HOUR2) return new Intl.DateTimeFormat(formatLocale(), { dateStyle: "medium", timeStyle: "short" }).format(at);
-  const rtf = new Intl.RelativeTimeFormat(formatLocale(), { numeric: "auto" });
-  if (age < MINUTE) return rtf.format(0, "second");
-  if (age < HOUR2) return rtf.format(Math.trunc(diff / MINUTE), "minute");
-  if (age < DAY) return rtf.format(Math.trunc(diff / HOUR2), "hour");
-  return rtf.format(Math.round((midnight(at) - midnight(now)) / DAY), "day");
-}
 function useRelativeTimeFormat() {
   const thresholdHours = useShellPreferences().relativeThresholdHours ?? PREFERENCE_HOUSE_DEFAULTS.relativeThresholdHours;
-  return (time) => formatRelativeTime(time, { thresholdHours });
-}
-function formatFullTime(time) {
-  const at = toMillis(time);
-  return Number.isFinite(at) ? new Intl.DateTimeFormat(formatLocale(), { year: "numeric", month: "long", day: "numeric", hour: "numeric", minute: "2-digit", timeZoneName: "short" }).format(at) : "";
+  const locale = useFormatLocale();
+  const hydrated = useHydrated();
+  return useCallback((time) => hydrated ? formatRelativeTime(time, { thresholdHours, locale }) : "", [hydrated, thresholdHours, locale]);
 }
 function nextChange(at, now, threshold) {
   const diff = at - now;
@@ -587,7 +579,7 @@ function nextChange(at, now, threshold) {
     if (diff <= 0) return null;
     wait = age - threshold + 1;
   } else {
-    const step = age < HOUR2 ? MINUTE : HOUR2;
+    const step = age < HOUR ? MINUTE : HOUR;
     const untilStep = diff > 0 ? age % step + 1 : step - age % step;
     wait = diff > 0 ? untilStep : Math.min(untilStep, threshold - age + 1);
   }
@@ -604,6 +596,7 @@ function RelativeTime({ time, thresholdHours, className }) {
   return /* @__PURE__ */ jsx(RelativeTimeAt, { at, hours, className }, `${at}:${hours}`);
 }
 function RelativeTimeAt({ at, hours, className }) {
+  const locale = useFormatLocale();
   const inRows = useContext(RowsCtx);
   const [now, setNow] = useState(() => Date.now());
   const [inControl, setInControl] = useState(false);
@@ -614,12 +607,12 @@ function RelativeTimeAt({ at, hours, className }) {
   }, []);
   const mounted = useSyncExternalStore(noChange, inBrowser, onServer);
   useEffect(() => {
-    const wait = nextChange(at, now, hours * HOUR2);
+    const wait = nextChange(at, now, hours * HOUR);
     if (wait === null) return;
     const timer = setTimeout(() => setNow(Date.now()), wait);
     return () => clearTimeout(timer);
   }, [at, now, hours]);
-  const full = formatFullTime(at);
+  const full = formatFullTime(at, locale);
   return /* @__PURE__ */ jsx(Tooltip, { content: full, ref: placed, children: /* @__PURE__ */ jsxs(
     "time",
     {
@@ -629,7 +622,7 @@ function RelativeTimeAt({ at, hours, className }) {
       suppressHydrationWarning: true,
       className: cn("rounded-[var(--ds-radius-sm)] focus-visible:outline-2 focus-visible:outline-[var(--ds-accent-primary)] focus-visible:outline-offset-2", className),
       children: [
-        formatRelativeTime(at, { thresholdHours: hours, now }),
+        formatRelativeTime(at, { thresholdHours: hours, now, locale }),
         /* @__PURE__ */ jsx("span", { className: "sr-only", suppressHydrationWarning: true, children: `, ${full}` })
       ]
     },
@@ -751,6 +744,7 @@ function RadioGroup({ value, onChange: onChangeProp, options, orientation = "ver
     const prev = isVertical ? "ArrowUp" : "ArrowLeft";
     const next = isVertical ? "ArrowDown" : "ArrowRight";
     if (e.key !== prev && e.key !== next) return;
+    if (e.target.getAttribute("role") !== "radio") return;
     e.preventDefault();
     const currentIdx = enabledOptions.findIndex((o) => o.value === value);
     let nextIdx;
@@ -785,45 +779,48 @@ function RadioGroup({ value, onChange: onChangeProp, options, orientation = "ver
         onKeyDown: handleKeyDown,
         children: options.map((option, i) => {
           const selected = option.value === value;
-          return /* @__PURE__ */ jsxs(
-            "button",
-            {
-              role: "radio",
-              type: "button",
-              "aria-checked": selected,
-              "aria-disabled": option.disabled || void 0,
-              "data-value": option.value,
-              tabIndex: i === tabStop ? 0 : -1,
-              disabled: option.disabled,
-              onClick: () => {
-                if (!option.disabled) onChange(option.value);
-              },
-              className: cn(
-                "group inline-flex items-center gap-ds-2 cursor-pointer select-none text-left outline-none",
-                option.disabled && "opacity-disabled cursor-not-allowed"
-              ),
-              children: [
-                /* @__PURE__ */ jsx(
-                  "span",
-                  {
-                    className: cn(
-                      "flex items-center justify-center",
-                      "h-[18px] w-[18px] shrink-0 rounded-[var(--ds-radius-full)]",
-                      "border-[length:var(--ds-border-width)] border-[var(--ds-input-border)]",
-                      "bg-[var(--ds-input-bg)]",
-                      "transition-colors",
-                      selected && "border-[var(--ds-check-border)]",
-                      "group-focus-visible:shadow-[var(--ds-shadow-focus)]"
-                    ),
-                    children: selected && // Sprint 25.14 A20: the checked colour, as a checkbox's fill (a preset whose accent falls short of 3:1 sets it)
-                    /* @__PURE__ */ jsx("span", { className: cn("h-2.5 w-2.5 rounded-[var(--ds-radius-full)]", CHECK_FILL) })
-                  }
+          return /* @__PURE__ */ jsxs(Fragment$1, { children: [
+            /* @__PURE__ */ jsxs(
+              "button",
+              {
+                role: "radio",
+                type: "button",
+                "aria-checked": selected,
+                "aria-disabled": option.disabled || void 0,
+                "data-value": option.value,
+                tabIndex: i === tabStop ? 0 : -1,
+                disabled: option.disabled,
+                onClick: () => {
+                  if (!option.disabled) onChange(option.value);
+                },
+                className: cn(
+                  "group inline-flex items-center gap-ds-2 cursor-pointer select-none text-left outline-none",
+                  option.disabled && "opacity-disabled cursor-not-allowed"
                 ),
-                /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--ds-text-primary)]", children: option.label })
-              ]
-            },
-            option.value
-          );
+                children: [
+                  /* @__PURE__ */ jsx(
+                    "span",
+                    {
+                      className: cn(
+                        "flex items-center justify-center",
+                        "h-[18px] w-[18px] shrink-0 rounded-[var(--ds-radius-full)]",
+                        "border-[length:var(--ds-border-width)] border-[var(--ds-input-border)]",
+                        "bg-[var(--ds-input-bg)]",
+                        "transition-colors",
+                        selected && "border-[var(--ds-check-border)]",
+                        "group-focus-visible:shadow-[var(--ds-shadow-focus)]"
+                      ),
+                      children: selected && // Sprint 25.14 A20: the checked colour, as a checkbox's fill (a preset whose accent falls short of 3:1 sets it)
+                      /* @__PURE__ */ jsx("span", { className: cn("h-2.5 w-2.5 rounded-[var(--ds-radius-full)]", CHECK_FILL) })
+                    }
+                  ),
+                  /* @__PURE__ */ jsx("span", { className: "text-sm text-[var(--ds-text-primary)]", children: option.label })
+                ]
+              }
+            ),
+            selected && option.reveal != null && // under the option, lined up with its label (the 18 px radio and its gap), a rule on its left tying it to it
+            /* @__PURE__ */ jsx("div", { "data-radio-reveal": "", className: "ml-[9px] pl-[calc(9px+var(--ds-space-2))] border-l-[length:var(--ds-border-width)] border-[var(--ds-border-default)] py-ds-1", children: option.reveal })
+          ] }, option.value);
         })
       }
     )
@@ -836,8 +833,8 @@ function addDays(d, n) {
 }
 function addMonthsClamped(d, n) {
   const first = new Date(d.getFullYear(), d.getMonth() + n, 1);
-  const last = new Date(first.getFullYear(), first.getMonth() + 1, 0).getDate();
-  return new Date(first.getFullYear(), first.getMonth(), Math.min(d.getDate(), last));
+  const last2 = new Date(first.getFullYear(), first.getMonth() + 1, 0).getDate();
+  return new Date(first.getFullYear(), first.getMonth(), Math.min(d.getDate(), last2));
 }
 function dayKey(d) {
   return `${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, "0")}-${String(d.getDate()).padStart(2, "0")}`;
@@ -895,25 +892,55 @@ function dateSegments(dayFirst, daysInMonth = 31) {
   const year = { key: "year", label: "Year", min: 1, max: 9999, maxDigits: 4, placeholder: "yyyy" };
   return dayFirst ? [day, month, year] : [month, day, year];
 }
-
-// ../../showcase/src/components/Calendar/calendar-utils.ts
-var formatters = /* @__PURE__ */ new Map();
-function dtf(options) {
-  const locale = formatLocale();
-  const key = `${locale ?? ""}|${JSON.stringify(options)}`;
-  let f = formatters.get(key);
-  if (!f) {
-    f = new Intl.DateTimeFormat(locale, options);
-    formatters.set(key, f);
+var FIRST_DAY_BY_REGION = Object.fromEntries([
+  ...["AG", "AS", "BD", "BR", "BS", "BT", "BW", "BZ", "CA", "CO", "DM", "DO", "ET", "GT", "GU", "HK", "HN", "ID", "IL", "IN", "JM", "JP", "KE", "KH", "KR", "LA", "MH", "MM", "MO", "MT", "MX", "MZ", "NI", "NP", "PA", "PE", "PH", "PK", "PR", "PT", "PY", "SA", "SG", "SV", "TH", "TT", "TW", "UM", "US", "VE", "VI", "WS", "YE", "ZA", "ZW"].map((r) => [r, 0]),
+  ...["AF", "BH", "DJ", "DZ", "EG", "IQ", "IR", "JO", "KW", "LY", "OM", "QA", "SD", "SY"].map((r) => [r, 6]),
+  ["MV", 5]
+]);
+function weekStartOf(tag) {
+  if (!tag) return void 0;
+  try {
+    const locale = new Intl.Locale(tag);
+    const info = typeof locale.getWeekInfo === "function" ? locale.getWeekInfo() : locale.weekInfo;
+    if (info && typeof info.firstDay === "number" && info.firstDay >= 1 && info.firstDay <= 7) return info.firstDay % 7;
+    const region = locale.region ?? locale.maximize().region;
+    if (!region) return void 0;
+    return FIRST_DAY_BY_REGION[region] ?? 1;
+  } catch {
+    return void 0;
   }
-  return f;
 }
-function monthName(month, width = "long") {
-  return dtf({ month: width }).format(new Date(2026, month, 1));
+var last = null;
+function firstDayFor(spoken, page) {
+  for (const tag of [...spoken, page]) {
+    const found = weekStartOf(tag);
+    if (found !== void 0) return found;
+  }
+  return 1;
+}
+function regionWeekStart() {
+  if (typeof document === "undefined") return 1;
+  const spoken = typeof navigator === "undefined" ? [] : navigator.languages?.length ? navigator.languages : navigator.language ? [navigator.language] : [];
+  const page = formatLocale();
+  const key = `${spoken.join(",")}|${page ?? ""}`;
+  if (last?.key === key) return last.day;
+  const day = firstDayFor(spoken, page);
+  last = { key, day };
+  return day;
+}
+function useWeekStart(own, locale) {
+  const readable = useHydrated();
+  const choice = useContext(LocaleContext);
+  if (own !== void 0) return own;
+  if (locale !== void 0) return weekStartOf(locale) ?? 1;
+  if (readable) return regionWeekStart();
+  return choice?.hasHeader ? firstDayFor(choice.spoken, choice.server) : 1;
 }
-function weekdayNames(weekStartsOn, width = "short") {
-  const f = dtf({ weekday: width });
-  return Array.from({ length: 7 }, (_, i) => f.format(new Date(2026, 0, 4 + weekStartsOn + i)));
+
+// ../../showcase/src/components/Calendar/calendar-utils.ts
+var formatters = localeCache(512);
+function dtfFor(locale, options) {
+  return formatters(`${locale ?? ""}|${JSON.stringify(options)}`, () => new Intl.DateTimeFormat(locale, options));
 }
 function isSameDay(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
@@ -921,9 +948,6 @@ function isSameDay(a, b) {
 function isSameMonth(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth();
 }
-function isToday(d) {
-  return isSameDay(d, /* @__PURE__ */ new Date());
-}
 function isWeekend(d) {
   const day = d.getDay();
   return day === 0 || day === 6;
@@ -989,8 +1013,8 @@ function eventSpan(e) {
   const first = startOfDay(e.start);
   if (!e.end) return { first, last: first };
   const lastInstant = e.allDay ? e.end : new Date(e.end.getTime() - 1);
-  const last = startOfDay(lastInstant);
-  return { first, last: last < first ? first : last };
+  const last2 = startOfDay(lastInstant);
+  return { first, last: last2 < first ? first : last2 };
 }
 function isBarEvent(e) {
   if (e.allDay) return true;
@@ -1002,10 +1026,24 @@ function isBarEvent(e) {
 function getEventsForDay(events, date) {
   const day = startOfDay(date).getTime();
   return events.filter((e) => {
-    const { first, last } = eventSpan(e);
-    return first.getTime() <= day && day <= last.getTime();
+    const { first, last: last2 } = eventSpan(e);
+    return first.getTime() <= day && day <= last2.getTime();
   });
 }
+function groupEventsByDay(events, from, to) {
+  const out = /* @__PURE__ */ new Map();
+  const lo = startOfDay(from), hi = startOfDay(to);
+  for (const e of events) {
+    const { first, last: last2 } = eventSpan(e);
+    for (let day = first < lo ? lo : first; day <= last2 && day < hi; day = new Date(day.getFullYear(), day.getMonth(), day.getDate() + 1)) {
+      const key = dayKey(day);
+      const list2 = out.get(key);
+      if (list2) list2.push(e);
+      else out.set(key, [e]);
+    }
+  }
+  return out;
+}
 function dayPieces(events, date) {
   const dayStart = startOfDay(date);
   const next = new Date(dayStart.getFullYear(), dayStart.getMonth(), dayStart.getDate() + 1);
@@ -1020,86 +1058,100 @@ function dayPieces(events, date) {
   }
   return pieces.sort((a, b) => a.start.getTime() - b.start.getTime() || b.end.getTime() - a.end.getTime());
 }
-function twelveHour() {
-  return /^h1[12]$/.test(dtf({ hour: "numeric" }).resolvedOptions().hourCycle ?? "");
-}
-var timeOptions = () => ({ hour: twelveHour() ? "numeric" : "2-digit", minute: "2-digit" });
-function formatTime(d) {
-  return dtf(timeOptions()).format(d);
-}
-function formatHourLabel(hour) {
-  const at = new Date(2026, 0, 5, hour);
-  return twelveHour() ? dtf({ hour: "numeric" }).format(at) : dtf({ hour: "2-digit", minute: "2-digit" }).format(at);
-}
-function dayOffset(days) {
-  return new Intl.NumberFormat(formatLocale(), { signDisplay: "always" }).format(days);
-}
-function formatTimeRange(start, end) {
-  if (!end) return formatTime(start);
-  const f = dtf(timeOptions());
-  if (daysBetween(start, end) === 0) return f.formatRange(start, end);
-  const sep = f.formatRangeToParts(start, end).find((p) => p.source === "shared" && p.type === "literal")?.value ?? " \u2013 ";
-  const days = endDays(start, end);
-  return days === 0 ? `${f.format(start)}${sep}${f.format(end)}` : `${f.format(start)}${sep}${f.format(end)} (${dayOffset(days)})`;
-}
 function endDays(start, end) {
   return end > start ? daysBetween(start, new Date(end.getTime() - 1)) : daysBetween(start, end);
 }
-function speakTimeRange(start, end) {
-  if (!end) return formatTime(start);
-  const days = endDays(start, end);
-  const to = `${formatTime(start)} to ${formatTime(end)}`;
-  return days === 0 ? to : days === 1 ? `${to} the next day` : `${to}, ${days} days later`;
-}
-function formatMonthYear(d) {
-  return dtf({ month: "long", year: "numeric" }).format(d);
-}
-function formatDayLong(d) {
-  return dtf({ weekday: "long", day: "numeric", month: "long", year: "numeric" }).format(d);
-}
-function formatDayShort(d) {
-  return dtf({ weekday: "short", day: "numeric", month: "short" }).format(d);
-}
-function formatDayMedium(d) {
-  return dtf({ day: "numeric", month: "short", year: "numeric" }).format(d);
-}
-function formatDayRange(start, end) {
-  return dtf({ day: "numeric", month: "short", year: "numeric" }).formatRange(startOfDay(start), startOfDay(end));
-}
-function formatMonthRange(start, end) {
-  return dtf({ month: "long", year: "numeric" }).formatRange(new Date(start.getFullYear(), start.getMonth(), 1), new Date(end.getFullYear(), end.getMonth(), 1));
-}
-function formatWeekRange(d, weekStartsOn = 0) {
-  return dtf({ day: "numeric", month: "short", year: "numeric" }).formatRange(startOfWeek(d, weekStartsOn), startOfDay(endOfWeek(d, weekStartsOn)));
-}
-function formatEventWhen(e, spoken = false) {
-  const { first, last } = eventSpan(e);
-  const multiDay = last > first;
-  if (e.allDay) {
-    if (!multiDay) return spoken ? formatDayLong(first) : formatDayShort(first);
-    return dtf(spoken ? { weekday: "long", day: "numeric", month: "long" } : { day: "numeric", month: "short" }).formatRange(first, last);
+function makeDateWords(locale) {
+  const dtf = (options) => dtfFor(locale, options);
+  const twelveHour = () => /^h1[12]$/.test(dtf({ hour: "numeric" }).resolvedOptions().hourCycle ?? "");
+  const timeOptions = () => ({ hour: twelveHour() ? "numeric" : "2-digit", minute: "2-digit" });
+  const dayOffset = (days) => new Intl.NumberFormat(locale, { signDisplay: "always" }).format(days);
+  function monthName2(month, width = "long") {
+    return dtf({ month: width }).format(new Date(2026, month, 1));
+  }
+  function weekdayNames(weekStartsOn, width = "short") {
+    const f = dtf({ weekday: width });
+    return Array.from({ length: 7 }, (_, i) => f.format(new Date(2026, 0, 4 + weekStartsOn + i)));
   }
-  if (!e.end || !isBarEvent(e)) {
-    const day = spoken ? formatDayLong(e.start) : formatDayShort(e.start);
-    const end = e.end && e.end > e.start ? e.end : void 0;
-    return `${day}, ${spoken ? speakTimeRange(e.start, end) : formatTimeRange(e.start, end)}`;
+  function formatTime2(d) {
+    return dtf(timeOptions()).format(d);
   }
-  return dtf({ weekday: "short", day: "numeric", month: "short", hour: "numeric", minute: "2-digit" }).formatRange(e.start, e.end);
+  function formatHourLabel(hour) {
+    const at = new Date(2026, 0, 5, hour);
+    return twelveHour() ? dtf({ hour: "numeric" }).format(at) : dtf({ hour: "2-digit", minute: "2-digit" }).format(at);
+  }
+  function formatTimeRange(start, end) {
+    if (!end) return formatTime2(start);
+    const f = dtf(timeOptions());
+    if (daysBetween(start, end) === 0) return f.formatRange(start, end);
+    const sep = f.formatRangeToParts(start, end).find((p) => p.source === "shared" && p.type === "literal")?.value ?? " \u2013 ";
+    const days = endDays(start, end);
+    return days === 0 ? `${f.format(start)}${sep}${f.format(end)}` : `${f.format(start)}${sep}${f.format(end)} (${dayOffset(days)})`;
+  }
+  function speakTimeRange(start, end) {
+    if (!end) return formatTime2(start);
+    const days = endDays(start, end);
+    const to = `${formatTime2(start)} to ${formatTime2(end)}`;
+    return days === 0 ? to : days === 1 ? `${to} the next day` : `${to}, ${days} days later`;
+  }
+  function formatMonthYear(d) {
+    return dtf({ month: "long", year: "numeric" }).format(d);
+  }
+  function formatDayLong(d) {
+    return dtf({ weekday: "long", day: "numeric", month: "long", year: "numeric" }).format(d);
+  }
+  function formatDayShort(d) {
+    return dtf({ weekday: "short", day: "numeric", month: "short" }).format(d);
+  }
+  function formatDayMedium(d) {
+    return dtf({ day: "numeric", month: "short", year: "numeric" }).format(d);
+  }
+  function formatDayRange(start, end) {
+    return dtf({ day: "numeric", month: "short", year: "numeric" }).formatRange(startOfDay(start), startOfDay(end));
+  }
+  function formatMonthRange(start, end) {
+    return dtf({ month: "long", year: "numeric" }).formatRange(new Date(start.getFullYear(), start.getMonth(), 1), new Date(end.getFullYear(), end.getMonth(), 1));
+  }
+  function formatWeekRange(d, weekStartsOn = 0) {
+    return dtf({ day: "numeric", month: "short", year: "numeric" }).formatRange(startOfWeek(d, weekStartsOn), startOfDay(endOfWeek(d, weekStartsOn)));
+  }
+  function formatEventWhen(e, spoken = false) {
+    const { first, last: last2 } = eventSpan(e);
+    const multiDay = last2 > first;
+    if (e.allDay) {
+      if (!multiDay) return spoken ? formatDayLong(first) : formatDayShort(first);
+      return dtf(spoken ? { weekday: "long", day: "numeric", month: "long" } : { day: "numeric", month: "short" }).formatRange(first, last2);
+    }
+    if (!e.end || !isBarEvent(e)) {
+      const day = spoken ? formatDayLong(e.start) : formatDayShort(e.start);
+      const end = e.end && e.end > e.start ? e.end : void 0;
+      return `${day}, ${spoken ? speakTimeRange(e.start, end) : formatTimeRange(e.start, end)}`;
+    }
+    return dtf({ weekday: "short", day: "numeric", month: "short", hour: "numeric", minute: "2-digit" }).formatRange(e.start, e.end);
+  }
+  return { monthName: monthName2, weekdayNames, formatTime: formatTime2, formatHourLabel, formatTimeRange, speakTimeRange, formatMonthYear, formatDayLong, formatDayShort, formatDayMedium, formatDayRange, formatMonthRange, formatWeekRange, formatEventWhen };
+}
+var wordsByLocale = localeCache(32);
+function dateWords(locale) {
+  return wordsByLocale(locale ?? "", () => makeDateWords(locale));
+}
+function useDateWords() {
+  return dateWords(useFormatLocale());
 }
 function layoutWeek(events, days, capacity) {
   const weekStart = startOfDay(days[0]);
   const weekEnd = startOfDay(days[days.length - 1]);
   const items = [];
   for (const event of events) {
-    const { first, last } = eventSpan(event);
-    if (last < weekStart || first > weekEnd) continue;
+    const { first, last: last2 } = eventSpan(event);
+    if (last2 < weekStart || first > weekEnd) continue;
     items.push({
       event,
       startCol: Math.max(0, daysBetween(weekStart, first)),
-      endCol: Math.min(days.length - 1, daysBetween(weekStart, last)),
+      endCol: Math.min(days.length - 1, daysBetween(weekStart, last2)),
       before: first < weekStart,
-      after: last > weekEnd,
-      length: daysBetween(first, last) + 1
+      after: last2 > weekEnd,
+      length: daysBetween(first, last2) + 1
     });
   }
   items.sort((a, b) => {
@@ -1195,48 +1247,50 @@ var ENGLISH_MONTHS = [
 function getDaysInMonth(year, month) {
   return new Date(year, month + 1, 0).getDate();
 }
-function getFirstDayOfWeek(year, month) {
-  return new Date(year, month, 1).getDay();
+function getFirstDayOfWeek(year, month, weekStartsOn) {
+  return (new Date(year, month, 1).getDay() - weekStartsOn + 7) % 7;
 }
 function isSameDay2(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate();
 }
-function localeDayFirst() {
+function localeDayFirst(locale = formatLocale()) {
   try {
-    const parts = new Intl.DateTimeFormat(formatLocale()).formatToParts(new Date(2e3, 11, 25));
+    const parts = new Intl.DateTimeFormat(locale).formatToParts(new Date(2e3, 11, 25));
     return parts.findIndex((p) => p.type === "day") < parts.findIndex((p) => p.type === "month");
   } catch {
     return true;
   }
 }
+var NO_SEGMENTS = { day: null, month: null, year: null };
 function validDate(year, monthIndex2, day) {
   if (monthIndex2 < 0 || monthIndex2 > 11 || day < 1) return null;
   const d = new Date(year, monthIndex2, day);
   return d.getFullYear() === year && d.getMonth() === monthIndex2 && d.getDate() === day ? d : null;
 }
-function monthIndex(name) {
+function monthIndex(name, locale) {
   const typed = name.toLocaleLowerCase().replace(/\.$/, "");
   const fold = (m) => m.toLocaleLowerCase().replace(/\.$/, "");
-  const lists = [ENGLISH_MONTHS, Array.from({ length: 12 }, (_, i) => fold(monthName(i, "long"))), Array.from({ length: 12 }, (_, i) => fold(monthName(i, "short")))];
-  for (const list of lists) {
-    const i = list.findIndex((m) => m.startsWith(typed) || typed.length >= 3 && typed.startsWith(m));
+  const { monthName: monthName2 } = dateWords(locale);
+  const lists = [ENGLISH_MONTHS, Array.from({ length: 12 }, (_, i) => fold(monthName2(i, "long"))), Array.from({ length: 12 }, (_, i) => fold(monthName2(i, "short")))];
+  for (const list2 of lists) {
+    const i = list2.findIndex((m) => m.startsWith(typed) || typed.length >= 3 && typed.startsWith(m));
     if (i >= 0) return i;
   }
   return -1;
 }
-function parseTypedDate(text, dayFirst = localeDayFirst()) {
+function parseTypedDate(text, dayFirst = localeDayFirst(), locale = formatLocale()) {
   const t = text.trim().replace(/\s+/g, " ");
   if (!t) return null;
   let m = /^(\d{4})-(\d{1,2})-(\d{1,2})$/.exec(t);
   if (m) return validDate(Number(m[1]), Number(m[2]) - 1, Number(m[3]));
   m = /^(\p{L}{3,})\.?\s+(\d{1,2}),?\s+(\d{4})$/u.exec(t);
   if (m) {
-    const mi = monthIndex(m[1]);
+    const mi = monthIndex(m[1], locale);
     return mi < 0 ? null : validDate(Number(m[3]), mi, Number(m[2]));
   }
   m = /^(\d{1,2})\.?\s+(\p{L}{3,})\.?,?\s+(\d{4})$/u.exec(t);
   if (m) {
-    const mi = monthIndex(m[2]);
+    const mi = monthIndex(m[2], locale);
     return mi < 0 ? null : validDate(Number(m[3]), mi, Number(m[1]));
   }
   m = /^(\d{1,2})[/.-](\d{1,2})[/.-](\d{2,4})$/.exec(t);
@@ -1248,7 +1302,12 @@ function parseTypedDate(text, dayFirst = localeDayFirst()) {
   }
   return null;
 }
-function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date", disabled, className, ref, container, error = false, label, id, size: sizeProp, min, max, range: range2, ...wiring }) {
+function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date", disabled, className, ref, container, error = false, label, id, size: sizeProp, min, max, range: range2, weekStartsOn: weekStartsOnProp, ...wiring }) {
+  const weekStartsOn = useWeekStart(weekStartsOnProp);
+  const locale = useFormatLocale();
+  const { formatDayLong, formatMonthYear, weekdayNames } = useDateWords();
+  const hydrated = useHydrated();
+  const today = useToday();
   const onChange = useReportedChange(onChangeProp, value);
   const contextSize = useContext(ControlSizeContext);
   const size = sizeProp ?? contextSize ?? "md";
@@ -1266,8 +1325,7 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
   const year = viewDate.getFullYear();
   const month = viewDate.getMonth();
   const daysInMonth = getDaysInMonth(year, month);
-  const firstDay = getFirstDayOfWeek(year, month);
-  const today = useMemo(() => /* @__PURE__ */ new Date(), []);
+  const firstDay = getFirstDayOfWeek(year, month, weekStartsOn);
   const startOf = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate());
   const isDisabledDay = (d) => !!min && d < startOf(min) || !!max && d > startOf(max);
   const [focusDate, setFocusDate] = useState(() => startOf(value ?? range2?.start ?? range2?.end ?? /* @__PURE__ */ new Date()));
@@ -1275,7 +1333,7 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
   if (open !== prevOpen) {
     setPrevOpen(open);
     if (open) {
-      const start = startOf(value ?? range2?.start ?? range2?.end ?? today);
+      const start = startOf(value ?? range2?.start ?? range2?.end ?? today ?? /* @__PURE__ */ new Date());
       setFocusDate(start);
       setViewDate(new Date(start.getFullYear(), start.getMonth(), 1));
     }
@@ -1289,7 +1347,7 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
     active: focusDate,
     setActive: showDay,
     keyOf: dayKey,
-    move: (from, e) => moveDay(from, e.key, e.shiftKey, 0)
+    move: (from, e) => moveDay(from, e.key, e.shiftKey, weekStartsOn)
   });
   const prevMonth = () => {
     setViewDate(new Date(year, month - 1, 1));
@@ -1311,7 +1369,7 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
     onChange(d);
     setOpen(false);
   };
-  const dayFirst = useMemo(() => localeDayFirst(), []);
+  const dayFirst = useMemo(() => localeDayFirst(locale), [locale]);
   const [segs, setSegs] = useState(() => value ? { day: value.getDate(), month: value.getMonth() + 1, year: value.getFullYear() } : { day: null, month: null, year: null });
   const [buffers, setBuffers] = useState({});
   const lastCommitted = useRef(null);
@@ -1320,7 +1378,7 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
     setSegs(value ? { day: value.getDate(), month: value.getMonth() + 1, year: value.getFullYear() } : { day: null, month: null, year: null });
     setBuffers({});
   }, [value]);
-  const specs = dateSegments(dayFirst, segs.month && segs.year ? getDaysInMonth(segs.year, segs.month - 1) : 31);
+  const specs = dateSegments(dayFirst, hydrated && segs.month && segs.year ? getDaysInMonth(segs.year, segs.month - 1) : 31);
   const segmentRefs = useRef([]);
   const focusSegment = (i) => {
     segmentRefs.current[Math.max(0, Math.min(specs.length - 1, i))]?.focus();
@@ -1360,15 +1418,15 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
       setViewDate(d);
     }
   };
-  const setSegment = (key, v, commit = true) => {
+  const setSegment = (key, v, commit2 = true) => {
     setSegs((cur) => {
       const next = { ...cur, [key]: v };
-      if (commit) commitIfComplete(next);
+      if (commit2) commitIfComplete(next);
       return next;
     });
   };
   const applyTyped = (text) => {
-    const d = parseTypedDate(text, dayFirst);
+    const d = parseTypedDate(text, dayFirst, locale);
     if (!d) return;
     const next = { day: d.getDate(), month: d.getMonth() + 1, year: d.getFullYear() };
     setSegs(next);
@@ -1420,12 +1478,13 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
       if (r.advance) focusSegment(index + 1);
     }
   };
+  const drawn = hydrated ? segs : NO_SEGMENTS;
   const shown = (spec) => {
     const k = spec.key;
     const b = buffers[k];
-    if (b && segs[k] === null) return b;
-    if (segs[k] === null) return spec.placeholder;
-    return k === "year" ? String(segs[k]) : pad2(segs[k]);
+    if (b && drawn[k] === null) return b;
+    if (drawn[k] === null) return spec.placeholder;
+    return k === "year" ? String(drawn[k]) : pad2(drawn[k]);
   };
   const selectDay = (day) => {
     const d = new Date(year, month, day);
@@ -1499,11 +1558,11 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
                   "aria-label": spec.label,
                   "aria-valuemin": spec.min,
                   "aria-valuemax": spec.max,
-                  "aria-valuenow": segs[k] ?? void 0,
-                  "aria-valuetext": segs[k] === null ? "empty" : String(segs[k]),
+                  "aria-valuenow": drawn[k] ?? void 0,
+                  "aria-valuetext": drawn[k] === null ? "empty" : String(drawn[k]),
                   onKeyDown: (e) => onSegmentKeyDown(e, i, spec),
                   onClick: (e) => e.stopPropagation(),
-                  className: cn("rounded-[var(--ds-radius-sm)] px-[2px] outline-none focus:bg-[var(--ds-accent-subtle)] focus:text-[var(--ds-accent-primary)] cursor-text", segs[k] === null && !buffers[k] && "text-[var(--ds-text-muted)]"),
+                  className: cn("rounded-[var(--ds-radius-sm)] px-[2px] outline-none focus:bg-[var(--ds-accent-subtle)] focus:text-[var(--ds-accent-primary)] cursor-text", drawn[k] === null && !buffers[k] && "text-[var(--ds-text-muted)]"),
                   children: shown(spec)
                 }
               )
@@ -1566,13 +1625,13 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
                 className: "flex flex-col gap-ds-0.5 tabular-nums",
                 style: { padding: "var(--ds-space-2) var(--ds-space-3)" },
                 children: [
-                  /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5 mb-ds-0.5", children: weekdayNames(0, "narrow").map((d, i) => /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-label": weekdayNames(0, "long")[i], className: "text-center text-2xs font-medium text-[var(--ds-text-muted)] py-ds-1", children: d }, i)) }),
+                  /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5 mb-ds-0.5", children: weekdayNames(weekStartsOn, "narrow").map((d, i) => /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-label": weekdayNames(weekStartsOn, "long")[i], className: "text-center text-2xs font-medium text-[var(--ds-text-muted)] py-ds-1", children: d }, i)) }),
                   weeks.map((week, w) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5", onMouseLeave: () => setHover(null), children: week.map((day, i) => {
                     if (day === null) return /* @__PURE__ */ jsx("div", { role: "gridcell" }, `empty-${i}`);
                     const dateObj = new Date(year, month, day);
                     const isSelected = !!value && isSameDay2(dateObj, value);
                     const isOtherEnd = !!otherEnd && isSameDay2(dateObj, otherEnd);
-                    const isToday2 = isSameDay2(dateObj, today);
+                    const isToday = today !== null && isSameDay2(dateObj, today);
                     const between = inBand(dateObj);
                     const dis = isDisabledDay(dateObj);
                     return /* @__PURE__ */ jsx(
@@ -1589,13 +1648,13 @@ function DatePicker({ value, onChange: onChangeProp, placeholder = "Pick a date"
                         },
                         onMouseEnter: () => setHover(dateObj),
                         "aria-selected": isSelected,
-                        "aria-current": isToday2 ? "date" : void 0,
+                        "aria-current": isToday ? "date" : void 0,
                         "aria-label": formatDayLong(dateObj),
                         className: cn(
                           "w-full aspect-square flex items-center justify-center text-xs",
                           "transition-colors cursor-pointer",
                           "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
-                          isSelected ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] font-bold rounded-[var(--ds-radius-sm)]" : isOtherEnd ? "bg-[var(--ds-accent-muted)] text-[var(--ds-accent-subtle-text)] font-semibold rounded-[var(--ds-radius-sm)]" : between ? "bg-[var(--ds-accent-subtle)] text-[var(--ds-accent-subtle-text)] rounded-none" : isToday2 ? "border-[length:var(--ds-border-width)] border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] font-medium rounded-[var(--ds-radius-sm)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)] rounded-[var(--ds-radius-sm)]",
+                          isSelected ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] font-bold rounded-[var(--ds-radius-sm)]" : isOtherEnd ? "bg-[var(--ds-accent-muted)] text-[var(--ds-accent-subtle-text)] font-semibold rounded-[var(--ds-radius-sm)]" : between ? "bg-[var(--ds-accent-subtle)] text-[var(--ds-accent-subtle-text)] rounded-none" : isToday ? "border-[length:var(--ds-border-width)] border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] font-medium rounded-[var(--ds-radius-sm)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)] rounded-[var(--ds-radius-sm)]",
                           dis && "opacity-disabled cursor-not-allowed hover:bg-transparent"
                         ),
                         children: day
@@ -1692,10 +1751,14 @@ function DateRangePicker({
   min,
   max,
   presets = DEFAULT_DATE_RANGE_PRESETS,
-  weekStartsOn = 0,
+  weekStartsOn: weekStartsOnProp,
   size: sizeProp,
   ...wiring
 }) {
+  const weekStartsOn = useWeekStart(weekStartsOnProp);
+  const { weekdayNames, formatDayLong, formatDayMedium, formatDayRange, formatMonthRange, formatMonthYear } = useDateWords();
+  const hydrated = useHydrated();
+  const now = useToday();
   const onChange = useReportedChange(onChangeProp, value);
   const contextSize = useContext(ControlSizeContext);
   const size = sizeProp ?? contextSize ?? "md";
@@ -1709,7 +1772,7 @@ function DateRangePicker({
   const triggerId = control.id ?? generatedId;
   const labelledBy = control.labelId ? `${control.labelId} ${triggerId}` : void 0;
   const pos = usePosition(triggerRef, panelRef, open, { side: "bottom", align: "start", offset: 4, flip: true });
-  const today = useMemo(() => startOfDay(/* @__PURE__ */ new Date()), []);
+  const today = now && startOfDay(now);
   const dayNames = weekdayNames(weekStartsOn, "narrow");
   const dayNamesLong = weekdayNames(weekStartsOn, "long");
   const gridRef = useRef(null);
@@ -1718,7 +1781,7 @@ function DateRangePicker({
   if (open !== prevOpen) {
     setPrevOpen(open);
     if (open) {
-      const start = startOfDay(value.start ?? today);
+      const start = startOfDay(value.start ?? today ?? /* @__PURE__ */ new Date());
       setFocusDate(start);
       setViewDate(new Date(start.getFullYear(), start.getMonth(), 1));
     }
@@ -1788,7 +1851,8 @@ function DateRangePicker({
   const rangeEnd2 = value.end ?? previewEnd;
   const inRange = (d) => !!(rangeStart && rangeEnd2 && d > rangeStart && d < rangeEnd2);
   const months = [viewDate, addMonths(viewDate, 1)];
-  const summary = value.start && value.end ? formatDayRange(value.start, value.end) : value.start ? `${formatDayMedium(value.start)} \u2013 \u2026` : null;
+  const summary = !hydrated ? null : value.start && value.end ? formatDayRange(value.start, value.end) : value.start ? `${formatDayMedium(value.start)} \u2013 \u2026` : null;
+  const pendingValue = !hydrated && !!value.start;
   return /* @__PURE__ */ jsxs("div", { ref, className: cn(className), children: [
     label && /* @__PURE__ */ jsx("label", { htmlFor: triggerId, className: "block text-sm font-medium text-[var(--ds-text-primary)] mb-ds-1", children: label }),
     control.requiredNote,
@@ -1823,92 +1887,1066 @@ function DateRangePicker({
         ),
         children: [
           /* @__PURE__ */ jsx(Icon, { name: "calendar", size: 14, className: "text-[var(--ds-text-muted)]" }),
-          /* @__PURE__ */ jsx("span", { className: "truncate", children: summary ?? placeholder })
+          /* @__PURE__ */ jsx("span", { className: "truncate", children: summary ?? (pendingValue ? "" : placeholder) })
+        ]
+      }
+    ),
+    open && createPortal(
+      /* @__PURE__ */ jsxs(
+        "div",
+        {
+          ref: panelRef,
+          role: "dialog",
+          "aria-label": "Choose a date range",
+          tabIndex: -1,
+          className: cn(
+            "fixed z-[var(--ds-z-popover)] flex outline-none",
+            "bg-[var(--ds-bg-surface-elevated)]",
+            "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]",
+            "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
+            "rounded-[var(--ds-radius-md)]",
+            "shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]"
+          ),
+          style: { top: pos.top, left: pos.left },
+          children: [
+            presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-ds-0.5 p-ds-2 border-r-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] min-w-[140px]", children: presets.map((p) => /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "justify-start", onClick: () => {
+              const r = p.range();
+              returnFocus();
+              onChange(r);
+              setViewDate(r.start ?? /* @__PURE__ */ new Date());
+              setOpen(false);
+            }, children: p.label }, p.label)) }),
+            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
+              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between bg-[var(--ds-bg-muted)] rounded-tr-[var(--ds-radius-md)] px-ds-3 py-ds-2", children: [
+                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => pageMonths(-1), "aria-label": "Previous month", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14, className: "rotate-180" }) }),
+                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--ds-text-primary)]", children: formatMonthRange(months[0], months[1]) }),
+                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => pageMonths(1), "aria-label": "Next month", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14 }) })
+              ] }),
+              /* @__PURE__ */ jsx("div", { ref: gridRef, onKeyDown: grid.onKeyDown, className: "flex gap-ds-4 px-ds-3 py-ds-2", onMouseLeave: () => setHover(null), children: months.map((m) => /* @__PURE__ */ jsxs("div", { role: "grid", "aria-label": formatMonthYear(m), className: "w-[224px] flex flex-col gap-ds-0.5", children: [
+                /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5 mb-ds-0.5", children: dayNames.map((d, i) => /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-label": dayNamesLong[i], className: "text-center text-2xs font-medium text-[var(--ds-text-muted)] py-ds-1", children: d }, i)) }),
+                getMonthGrid(m.getFullYear(), m.getMonth(), weekStartsOn).map((week, w) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5", children: week.map((d) => {
+                  if (!isSameMonth(d, m)) return /* @__PURE__ */ jsx("div", { role: "gridcell" }, d.toISOString());
+                  const isStart = !!rangeStart && isSameDay(d, rangeStart);
+                  const isEnd = !!rangeEnd2 && isSameDay(d, rangeEnd2);
+                  const between = inRange(d);
+                  const dis = isDisabledDay(d);
+                  return /* @__PURE__ */ jsx(
+                    "button",
+                    {
+                      type: "button",
+                      role: "gridcell",
+                      "data-grid-key": dayKey(d),
+                      tabIndex: grid.tabIndexOf(d),
+                      "aria-disabled": dis || void 0,
+                      onClick: () => selectDay(d),
+                      onFocus: () => {
+                        if (!isSameDay(d, focusDate)) setFocusDate(d);
+                      },
+                      onMouseEnter: () => setHover(d),
+                      "aria-selected": isStart || isEnd || between,
+                      "aria-current": today !== null && isSameDay(d, today) ? "date" : void 0,
+                      "aria-label": formatDayLong(d),
+                      className: cn(
+                        "w-full aspect-square flex items-center justify-center text-xs",
+                        "transition-colors cursor-pointer",
+                        "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
+                        isStart || isEnd ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] font-bold rounded-[var(--ds-radius-sm)]" : between ? "bg-[var(--ds-accent-subtle)] text-[var(--ds-accent-subtle-text)] rounded-none" : today !== null && isSameDay(d, today) ? "border-[length:var(--ds-border-width)] border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] font-medium rounded-[var(--ds-radius-sm)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)] rounded-[var(--ds-radius-sm)]",
+                        dis && "opacity-disabled cursor-not-allowed hover:bg-transparent"
+                      ),
+                      children: d.getDate()
+                    },
+                    d.toISOString()
+                  );
+                }) }, w))
+              ] }, `${m.getFullYear()}-${m.getMonth()}`)) }),
+              /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center bg-[var(--ds-bg-muted)] border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] rounded-br-[var(--ds-radius-md)] px-ds-3 py-ds-2", children: [
+                /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--ds-text-muted)]", children: value.start && !value.end ? "Now pick an end date" : summary ?? "Pick a start date" }),
+                (value.start || value.end) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => {
+                  onChange({ start: null, end: null });
+                  setHover(null);
+                }, children: "Clear" })
+              ] })
+            ] })
+          ]
+        }
+      ),
+      container ?? document.body
+    )
+  ] });
+}
+
+// ../../showcase/src/lib/recurrence.ts
+var DAY_CODES = ["SU", "MO", "TU", "WE", "TH", "FR", "SA"];
+var FREQS = { DAILY: "daily", WEEKLY: "weekly", MONTHLY: "monthly", YEARLY: "yearly" };
+var KNOWN_PARTS = /* @__PURE__ */ new Set(["FREQ", "INTERVAL", "WKST", "BYDAY", "BYSETPOS", "BYMONTHDAY", "BYMONTH", "UNTIL", "COUNT"]);
+var whole = (text) => text !== void 0 && /^[+-]?\d+$/.test(text) ? Number(text) : null;
+function plainDays(text) {
+  const days = text.split(",").map((code) => DAY_CODES.indexOf(code));
+  if (days.some((d) => d < 0) || new Set(days).size !== days.length) return null;
+  return days.sort((a, b) => a - b);
+}
+function nthDay(byday, setpos) {
+  const m = /^([+-]?\d)?(SU|MO|TU|WE|TH|FR|SA)$/.exec(byday);
+  if (!m) return null;
+  const week = m[1] !== void 0 ? setpos === void 0 ? Number(m[1]) : NaN : whole(setpos);
+  if (week === null || ![1, 2, 3, 4, -1].includes(week)) return null;
+  return { week, weekday: DAY_CODES.indexOf(m[2]) };
+}
+function parseUntil(text) {
+  const m = /^(\d{4})(\d{2})(\d{2})(?:T(\d{2})(\d{2})(\d{2})(Z)?)?$/.exec(text);
+  if (!m) return null;
+  const [y, mo, d] = [Number(m[1]), Number(m[2]) - 1, Number(m[3])];
+  const date = m[4] === void 0 ? new Date(y, mo, d) : m[7] ? new Date(Date.UTC(y, mo, d, Number(m[4]), Number(m[5]), Number(m[6]))) : new Date(y, mo, d, Number(m[4]), Number(m[5]), Number(m[6]));
+  return Number.isNaN(date.getTime()) || (m[7] ? date.getUTCMonth() : date.getMonth()) !== mo ? null : date;
+}
+function parseRRule(text) {
+  if (typeof text !== "string") return null;
+  const body = text.trim().replace(/^RRULE:/i, "");
+  if (!body) return null;
+  const parts = /* @__PURE__ */ new Map();
+  for (const part of body.split(";")) {
+    if (!part) continue;
+    const at = part.indexOf("=");
+    const key = part.slice(0, at).toUpperCase();
+    if (at <= 0 || parts.has(key) || !KNOWN_PARTS.has(key)) return null;
+    parts.set(key, part.slice(at + 1).toUpperCase());
+  }
+  const freq = FREQS[parts.get("FREQ") ?? ""];
+  if (!freq) return null;
+  const rule = { freq };
+  if (parts.has("INTERVAL")) {
+    const n = whole(parts.get("INTERVAL"));
+    if (n === null || n < 1) return null;
+    if (n > 1) rule.interval = n;
+  }
+  if (parts.has("WKST")) {
+    const d = DAY_CODES.indexOf(parts.get("WKST"));
+    if (d < 0) return null;
+    if (d !== 1) rule.weekStart = d;
+  }
+  if (parts.has("UNTIL") && parts.has("COUNT")) return null;
+  if (parts.has("COUNT")) {
+    const n = whole(parts.get("COUNT"));
+    if (n === null || n < 1) return null;
+    rule.count = n;
+  }
+  if (parts.has("UNTIL")) {
+    const until = parseUntil(parts.get("UNTIL"));
+    if (!until) return null;
+    rule.until = until;
+  }
+  const byday = parts.get("BYDAY"), setpos = parts.get("BYSETPOS"), monthday = parts.get("BYMONTHDAY"), month = parts.get("BYMONTH");
+  if (freq === "daily" || freq === "weekly") {
+    if (setpos !== void 0 || monthday !== void 0 || month !== void 0) return null;
+    if (byday === void 0) return rule;
+    if (freq === "daily" && rule.interval) return null;
+    const days = plainDays(byday);
+    if (!days) return null;
+    return { ...rule, freq: "weekly", weekdays: days };
+  }
+  if (month !== void 0) {
+    const m = whole(month);
+    if (freq !== "yearly" || m === null || m < 1 || m > 12) return null;
+    rule.month = m;
+  }
+  if (setpos !== void 0 && byday === void 0) return null;
+  if (byday !== void 0) {
+    const nth = nthDay(byday, setpos);
+    if (!nth || monthday !== void 0) return null;
+    rule.nth = nth;
+  } else if (monthday !== void 0) {
+    const d = whole(monthday);
+    if (d === null || !(d === -1 || d >= 1 && d <= 31)) return null;
+    rule.day = d;
+  }
+  if (freq === "yearly" && rule.month === void 0 !== (rule.day === void 0 && rule.nth === void 0)) return null;
+  return rule;
+}
+var pad = (n, width = 2) => String(n).padStart(width, "0");
+function toRRule(rule, { allDay = false } = {}) {
+  const out = [`FREQ=${rule.freq.toUpperCase()}`];
+  if (rule.interval && rule.interval > 1) out.push(`INTERVAL=${rule.interval}`);
+  if (rule.month !== void 0) out.push(`BYMONTH=${rule.month}`);
+  if (rule.day !== void 0) out.push(`BYMONTHDAY=${rule.day}`);
+  const weekStart = rule.weekStart ?? 1;
+  if (rule.weekdays?.length) out.push(`BYDAY=${inWeekOrder(rule.weekdays, weekStart).map((d) => DAY_CODES[d]).join(",")}`);
+  if (rule.nth) out.push(`BYDAY=${rule.nth.week}${DAY_CODES[rule.nth.weekday]}`);
+  if (weekStart !== 1) out.push(`WKST=${DAY_CODES[weekStart]}`);
+  if (rule.until) {
+    const u = rule.until;
+    out.push(allDay ? `UNTIL=${u.getFullYear()}${pad(u.getMonth() + 1)}${pad(u.getDate())}` : `UNTIL=${u.getUTCFullYear()}${pad(u.getUTCMonth() + 1)}${pad(u.getUTCDate())}T${pad(u.getUTCHours())}${pad(u.getUTCMinutes())}${pad(u.getUTCSeconds())}Z`);
+  }
+  if (rule.count !== void 0) out.push(`COUNT=${rule.count}`);
+  return `RRULE:${out.join(";")}`;
+}
+var inWeekOrder = (days, weekStart) => [...days].sort((a, b) => (a - weekStart + 7) % 7 - (b - weekStart + 7) % 7);
+function readRecurrence(value) {
+  if (!value) return null;
+  if (typeof value === "string") return parseRRule(value);
+  if (value.until === void 0 || value.until instanceof Date) return value;
+  const until = new Date(value.until);
+  return Number.isNaN(until.getTime()) ? null : { ...value, until };
+}
+var daysIn = (year, month) => new Date(year, month + 1, 0).getDate();
+var atDay = (year, month, day, time) => new Date(year, month, day, time.getHours(), time.getMinutes(), time.getSeconds(), time.getMilliseconds());
+var dayIndex = (d) => Math.round(Date.UTC(d.getFullYear(), d.getMonth(), d.getDate()) / 864e5);
+var isMidnight = (d) => d.getHours() === 0 && d.getMinutes() === 0 && d.getSeconds() === 0 && d.getMilliseconds() === 0;
+function nthWeekdayOf(year, month, week, weekday2) {
+  const last2 = daysIn(year, month);
+  if (week === -1) return last2 - (new Date(year, month, last2).getDay() - weekday2 + 7) % 7;
+  const day = 1 + (weekday2 - new Date(year, month, 1).getDay() + 7) % 7 + (week - 1) * 7;
+  return day <= last2 ? day : null;
+}
+function nthOf(date) {
+  const d = date.getDate();
+  return { week: d + 7 > daysIn(date.getFullYear(), date.getMonth()) ? -1 : Math.ceil(d / 7), weekday: date.getDay() };
+}
+function nthChoices(date) {
+  const d = date.getDate(), weekday2 = date.getDay();
+  const out = [];
+  if (d <= 28) out.push({ week: Math.ceil(d / 7), weekday: weekday2 });
+  if (d + 7 > daysIn(date.getFullYear(), date.getMonth())) out.push({ week: -1, weekday: weekday2 });
+  return out;
+}
+function weekOnMoved(week, to) {
+  const d = to.getDate();
+  if (week === -1 && d + 7 > daysIn(to.getFullYear(), to.getMonth())) return -1;
+  return d <= 28 ? Math.ceil(d / 7) : -1;
+}
+function withinUntil(at, until) {
+  return at <= until || isMidnight(until) && dayIndex(at) === dayIndex(until);
+}
+function* starts(rule, first) {
+  const interval = Math.max(1, Math.floor(rule.interval ?? 1));
+  const firstDay = dayIndex(first);
+  let produced = 0;
+  const accept = (d) => {
+    if (rule.until && !withinUntil(d, rule.until)) return false;
+    return rule.count === void 0 || produced < rule.count;
+  };
+  if (rule.count !== void 0 && rule.count < 1) return;
+  produced++;
+  yield first;
+  const y0 = first.getFullYear(), m0 = first.getMonth();
+  for (let k = 0, empty = 0; k < 146100 && empty < 400 * 12; k++) {
+    const dates = [];
+    if (rule.freq === "daily") dates.push(atDay(y0, m0, first.getDate() + k * interval, first));
+    else if (rule.freq === "weekly") {
+      const weekStart = rule.weekStart ?? 1;
+      const base = first.getDate() - (first.getDay() - weekStart + 7) % 7 + k * interval * 7;
+      for (const wd of inWeekOrder(rule.weekdays?.length ? rule.weekdays : [first.getDay()], weekStart)) dates.push(atDay(y0, m0, base + (wd - weekStart + 7) % 7, first));
+    } else {
+      const monthsFrom = rule.freq === "monthly" ? k * interval : k * interval * 12;
+      const at = new Date(y0, m0 + monthsFrom, 1);
+      const year = at.getFullYear(), month = rule.freq === "yearly" && rule.month !== void 0 ? rule.month - 1 : at.getMonth();
+      let day;
+      if (rule.nth) day = nthWeekdayOf(year, month, rule.nth.week, rule.nth.weekday);
+      else if (rule.day === -1) day = daysIn(year, month);
+      else day = rule.day ?? first.getDate();
+      if (day !== null && day <= daysIn(year, month)) dates.push(atDay(year, month, day, first));
+    }
+    let any = false;
+    for (const d of dates) {
+      if (dayIndex(d) <= firstDay) continue;
+      if (!accept(d)) return;
+      produced++;
+      any = true;
+      yield d;
+    }
+    empty = any ? 0 : empty + 1;
+  }
+}
+function lengthOf(event) {
+  return event.end ? { days: dayIndex(event.end) - dayIndex(event.start), end: event.end } : null;
+}
+function occurrenceAt(event, start) {
+  const { repeat: _repeat, exceptions: _exceptions, ...rest } = event;
+  const length = lengthOf(event);
+  const date = dayKey(start);
+  const end = length ? atDay(start.getFullYear(), start.getMonth(), start.getDate() + length.days, length.end) : void 0;
+  return { ...rest, id: `${event.id}::${date}`, start, ...end ? { end } : {}, series: { id: event.id, date } };
+}
+function stopOf(event) {
+  if (event.allDay) {
+    const last2 = event.end ?? event.start;
+    return new Date(last2.getFullYear(), last2.getMonth(), last2.getDate() + 1);
+  }
+  return event.end ?? new Date(event.start.getTime() + 36e5);
+}
+function occurrences(event, from, to) {
+  const rule = readRecurrence(event.repeat);
+  if (!rule) return event.start < to && stopOf(event) > from ? [event] : [];
+  const skip = new Set(event.exceptions ?? []);
+  const reach = stopOf(event).getTime() - event.start.getTime();
+  const out = [];
+  for (const start of starts(rule, event.start)) {
+    if (start >= to) break;
+    if (start.getTime() + reach + 864e5 <= from.getTime()) continue;
+    if (skip.has(dayKey(start))) continue;
+    const occurrence = occurrenceAt(event, start);
+    if (stopOf(occurrence) > from) out.push(occurrence);
+  }
+  return out;
+}
+function startsBefore(rule, first, date) {
+  let n = 0;
+  for (const start of starts(rule, first)) {
+    if (dayKey(start) >= date) break;
+    n++;
+  }
+  return n;
+}
+var asWritten = (event, rule) => typeof event.repeat === "string" ? toRRule(rule, { allDay: event.allDay }) : rule;
+var shiftKey = (key, days) => {
+  const [y, m, d] = key.split("-").map(Number);
+  return dayKey(new Date(y, m - 1, d + days));
+};
+var occurrenceOnDay = (series, date) => {
+  const [y, m, d] = date.split("-").map(Number);
+  return occurrenceAt(series, atDay(y, m - 1, d, series.start));
+};
+var editedOf = (events, seriesId) => events.filter((e) => e.series?.id === seriesId && e.id !== seriesId);
+function occurrenceOn(series, date, events) {
+  const edited = events && editedOf(events, series.id).find((e) => e.series.date === date);
+  if (edited) return edited;
+  const [y, m, d] = date.split("-").map(Number);
+  return occurrences(series, new Date(y, m - 1, d), new Date(y, m - 1, d + 1)).find((o) => "series" in o && o.series?.date === date);
+}
+var editOf = (changes) => {
+  if (!changes) return {};
+  const { id: _id, repeat: _repeat, exceptions: _exceptions, ...rest } = changes;
+  delete rest.series;
+  return rest;
+};
+var repeatChanged = (series, changes) => {
+  if (!changes || !("repeat" in changes)) return false;
+  const given = changes.repeat;
+  if (given === series.repeat) return false;
+  const a = readRecurrence(given), b = readRecurrence(series.repeat);
+  return !(a && b && sameRecurrence(a, b));
+};
+function sameValue(a, b) {
+  if (a instanceof Date || b instanceof Date) return a instanceof Date && b instanceof Date && a.getTime() === b.getTime();
+  if (a && b && typeof a === "object" && typeof b === "object") return JSON.stringify(a) === JSON.stringify(b);
+  return a === b;
+}
+function editFrom(opened, series, changes) {
+  const was = opened;
+  const edit = {};
+  for (const [key, value] of Object.entries(editOf(changes))) if (!sameValue(value, was[key])) edit[key] = value;
+  if (repeatChanged(series, changes)) edit.repeat = changes.repeat;
+  return edit;
+}
+function moveRule(rule, days, to) {
+  const next = { ...rule };
+  if (rule.weekdays?.length) next.weekdays = rule.weekdays.map((d) => ((d + days) % 7 + 7) % 7).sort((a, b) => a - b);
+  if (rule.freq === "monthly" || rule.freq === "yearly") {
+    if (rule.nth) next.nth = { week: weekOnMoved(rule.nth.week, to), weekday: to.getDay() };
+    else if (rule.day === -1) {
+      if (to.getDate() !== daysIn(to.getFullYear(), to.getMonth())) next.day = to.getDate();
+    } else if (rule.day !== void 0) next.day = to.getDate();
+    if (rule.freq === "yearly" && rule.month !== void 0) next.month = to.getMonth() + 1;
+  }
+  return next;
+}
+function onMovedRule(rule, start, days) {
+  const endless = { ...rule, until: void 0, count: void 0 };
+  return (key) => {
+    const shifted = shiftKey(key, days);
+    const [y, m, d] = shifted.split("-").map(Number);
+    const target = dayIndex(new Date(y, m - 1, d));
+    let found = null;
+    for (const at of starts(endless, start)) {
+      const i = dayIndex(at);
+      if (i > target + 7) break;
+      if (i >= target - 7 && (!found || Math.abs(i - target) < Math.abs(dayIndex(found) - target))) found = at;
+    }
+    return found ? dayKey(found) : shifted;
+  };
+}
+var sameClock = (a, b) => a.getHours() === b.getHours() && a.getMinutes() === b.getMinutes() && a.getSeconds() === b.getSeconds() && a.getMilliseconds() === b.getMilliseconds();
+var spanOf = (event) => event.end ? dayIndex(event.end) - dayIndex(event.start) : null;
+function changeSeries(series, occurrence, changes) {
+  const at = typeof occurrence === "string" ? occurrenceOnDay(series, occurrence) : occurrence;
+  const { start: newStart, end: newEnd, ...rest } = editOf(changes);
+  const next = { ...series, ...rest };
+  const moveBy = (from, to, base) => atDay(base.getFullYear(), base.getMonth(), base.getDate() + dayIndex(to) - dayIndex(from), sameClock(to, from) ? base : to);
+  let days = 0;
+  if (newStart) {
+    days = dayIndex(newStart) - dayIndex(at.start);
+    next.start = moveBy(at.start, newStart, series.start);
+  }
+  if (newEnd) {
+    const from = at.end ?? at.start;
+    next.end = moveBy(from, newEnd, series.end ?? series.start);
+  }
+  const rule = readRecurrence(series.repeat);
+  let moveKey = (key) => shiftKey(key, days);
+  const moveExceptions = () => {
+    if (days !== 0 && series.exceptions?.length) next.exceptions = series.exceptions.map(moveKey);
+  };
+  if (repeatChanged(series, changes)) {
+    if (changes.repeat) {
+      next.repeat = changes.repeat;
+      moveExceptions();
+    } else {
+      delete next.repeat;
+      delete next.exceptions;
+    }
+  } else if (days !== 0 && rule && newStart) {
+    const moved = moveRule(rule, days, newStart);
+    next.repeat = asWritten(series, moved);
+    if (moved.nth) {
+      const from = next.start;
+      const anchor = (k) => {
+        const at2 = new Date(from.getFullYear() + (moved.freq === "yearly" ? k : 0), (moved.freq === "yearly" && moved.month !== void 0 ? moved.month - 1 : from.getMonth()) + (moved.freq === "monthly" ? k : 0), 1);
+        const d = nthWeekdayOf(at2.getFullYear(), at2.getMonth(), moved.nth.week, moved.nth.weekday) ?? nthWeekdayOf(at2.getFullYear(), at2.getMonth(), -1, moved.nth.weekday);
+        return atDay(at2.getFullYear(), at2.getMonth(), d, from);
+      };
+      let first = anchor(0);
+      if (dayIndex(first) < dayIndex(from)) first = anchor(1);
+      const extra = dayIndex(first) - dayIndex(from);
+      if (extra) {
+        next.start = first;
+        if (next.end) next.end = atDay(next.end.getFullYear(), next.end.getMonth(), next.end.getDate() + extra, next.end);
+      }
+    }
+    moveKey = onMovedRule(moved, next.start, days);
+    moveExceptions();
+  }
+  return { next, moveKey };
+}
+function splitWith(series, date, id, at, changes) {
+  const rule = readRecurrence(series.repeat);
+  const firstDate = dayKey(series.start);
+  if (!rule || date <= firstDate) {
+    if (!changes) return { after: series, moveKey: (key) => key };
+    const { next: next2, moveKey: moveKey2 } = changeSeries(series, typeof at === "string" ? at <= firstDate ? firstDate : at : at, changes);
+    return { after: next2, moveKey: moveKey2 };
+  }
+  const [y, m, d] = date.split("-").map(Number);
+  const first = occurrenceOnDay(series, date);
+  const exceptions = series.exceptions ?? [];
+  const counted = rule.count !== void 0 ? startsBefore(rule, series.start, date) : 0;
+  const beforeRule = { ...rule };
+  if (rule.count !== void 0) beforeRule.count = counted;
+  else {
+    delete beforeRule.until;
+    beforeRule.until = series.allDay ? new Date(y, m - 1, d - 1) : new Date(y, m - 1, d - 1, 23, 59, 59);
+  }
+  const afterRule = { ...rule };
+  if (rule.count !== void 0) afterRule.count = rule.count - counted;
+  const before = { ...series, repeat: asWritten(series, beforeRule), exceptions: exceptions.filter((x) => x < date) };
+  const after = { ...series, id, start: first.start, ...first.end ? { end: first.end } : {}, repeat: asWritten(series, afterRule), exceptions: exceptions.filter((x) => x >= date) };
+  if (!changes) return { before, after, moveKey: (key) => key };
+  const edit = repeatChanged(series, changes) ? changes : editOf(changes);
+  const { next, moveKey } = changeSeries(after, typeof at === "string" ? date : at, edit);
+  return { before, after: next, moveKey };
+}
+function detachOccurrence(series, date, id = `${series.id}-${date}`, changes) {
+  return {
+    series: { ...series, exceptions: [.../* @__PURE__ */ new Set([...series.exceptions ?? [], date])].sort() },
+    event: { ...occurrenceOnDay(series, date), ...editOf(changes), id }
+  };
+}
+var NOT_FOLLOWED = /* @__PURE__ */ new Set(["id", "series", "start", "end", "repeat", "exceptions"]);
+function follow(edited, was, now) {
+  const out = { ...edited };
+  const before = was, after = now;
+  for (const key of /* @__PURE__ */ new Set([...Object.keys(before), ...Object.keys(after)])) {
+    if (NOT_FOLLOWED.has(key) || !sameValue(out[key], before[key])) continue;
+    if (after[key] === void 0) delete out[key];
+    else out[key] = after[key];
+  }
+  const ownDay = dayIndex(edited.start) !== dayIndex(was.start);
+  const ownTimes = !sameClock(edited.start, was.start) || spanOf(edited) !== spanOf(was) || !!edited.end && !!was.end && !sameClock(edited.end, was.end);
+  const day = ownDay ? edited.start : now.start;
+  const times = ownTimes ? edited : now;
+  const start = atDay(day.getFullYear(), day.getMonth(), day.getDate(), times.start);
+  out.start = start;
+  const span = spanOf(times);
+  if (times.end && span !== null) out.end = atDay(start.getFullYear(), start.getMonth(), start.getDate() + span, times.end);
+  else delete out.end;
+  return out;
+}
+function carry(old, next, linked, moveKey, changed, opened, edit) {
+  if (!linked.length) return { next, save: [], remove: [] };
+  if (changed) {
+    const freed = new Set(linked.map((e) => moveKey(e.series.date)));
+    return { next: next.exceptions ? { ...next, exceptions: next.exceptions.filter((x) => !freed.has(x)) } : next, save: [], remove: linked.map((e) => e.id) };
+  }
+  const save = linked.map((e) => {
+    const date = moveKey(e.series.date);
+    const followed = follow(e, occurrenceOnDay(old, e.series.date), occurrenceOnDay(next, date));
+    return { ...followed, ...e.id === opened?.id ? editOf(edit) : {}, series: { id: next.id, date } };
+  });
+  return { next, save, remove: [] };
+}
+function findSeries(events, occurrence) {
+  const stored = events.find((e) => e.id === occurrence.id);
+  const link = (stored ?? occurrence).series;
+  const series = link ? events.find((e) => e.id === link.id && readRecurrence(e.repeat) !== null) : void 0;
+  return { series, stored, date: link?.date };
+}
+function commit(events, save, remove) {
+  const gone = new Set(remove);
+  const saved = new Map(save.map((e) => [e.id, e]));
+  const had = new Set(events.map((e) => e.id));
+  return { events: [...events.filter((e) => !gone.has(e.id)).map((e) => saved.get(e.id) ?? e), ...save.filter((e) => !had.has(e.id))], save, remove };
+}
+function saveOccurrence(events, occurrence, scope, changes, newId) {
+  const { series, stored, date } = findSeries(events, occurrence);
+  if (!series || date === void 0) return commit(events, stored ? [{ ...stored, ...editOf(changes) }] : [], []);
+  const opened = stored ?? occurrenceOnDay(series, date);
+  const edit = editFrom(opened, series, changes);
+  if (scope === "this") {
+    if (stored) return commit(events, [{ ...stored, ...editOf(edit) }], []);
+    const { series: kept, event } = detachOccurrence(series, date, newId, edit);
+    return commit(events, [kept, event], []);
+  }
+  const linked = editedOf(events, series.id);
+  const changed = repeatChanged(series, edit);
+  if (scope === "following" && date > dayKey(series.start)) {
+    const { before, after, moveKey: moveKey2 } = splitWith(series, date, newId, opened, edit);
+    const carried2 = carry(series, after, linked.filter((e) => e.series.date >= date), moveKey2, changed, stored, edit);
+    return commit(events, [...before ? [before] : [], carried2.next, ...carried2.save], carried2.remove);
+  }
+  const { next, moveKey } = changeSeries(series, opened, edit);
+  const carried = carry(series, next, linked, moveKey, changed, stored, edit);
+  return commit(events, [carried.next, ...carried.save], carried.remove);
+}
+function deleteOccurrence(events, occurrence, scope) {
+  const { series, stored, date } = findSeries(events, occurrence);
+  if (!series || date === void 0) return commit(events, [], stored ? [stored.id] : []);
+  if (scope === "this") return stored ? commit(events, [], [stored.id]) : commit(events, [detachOccurrence(series, date).series], []);
+  const linked = editedOf(events, series.id);
+  if (scope === "following" && date > dayKey(series.start)) {
+    const { before } = splitWith(series, date, series.id, date);
+    return commit(events, before ? [before] : [], linked.filter((e) => e.series.date >= date).map((e) => e.id));
+  }
+  return commit(events, [], [series.id, ...linked.map((e) => e.id)]);
+}
+function countEdited(events, occurrence) {
+  const { series, date } = findSeries(events, occurrence);
+  if (!series || date === void 0) return { following: 0, all: 0 };
+  const linked = editedOf(events, series.id);
+  return { following: date > dayKey(series.start) ? linked.filter((e) => e.series.date >= date).length : linked.length, all: linked.length };
+}
+var formats = localeCache(128);
+function format(options, date, locale) {
+  return formats(`${locale ?? ""}|${JSON.stringify(options)}`, () => new Intl.DateTimeFormat(locale, options)).format(date);
+}
+var weekdayName = (d, locale) => format({ weekday: "long" }, new Date(2026, 0, 4 + d), locale);
+var monthName = (m, locale) => format({ month: "long" }, new Date(2026, m - 1, 1), locale);
+var ORDINAL = { 1: "first", 2: "second", 3: "third", 4: "fourth", [-1]: "last" };
+var list = (items) => items.length < 2 ? items.join("") : `${items.slice(0, -1).join(", ")} and ${items[items.length - 1]}`;
+var every = (n, one, many) => n > 1 ? `Every ${n} ${many}` : `Every ${one}`;
+function describeRecurrence(rule, start, locale = formatLocale()) {
+  const n = Math.max(1, Math.floor(rule.interval ?? 1));
+  const weekStart = rule.weekStart ?? 1;
+  let text;
+  if (rule.freq === "daily") text = every(n, "day", "days");
+  else if (rule.freq === "weekly") {
+    const days = inWeekOrder(rule.weekdays?.length ? rule.weekdays : [start.getDay()], weekStart);
+    if (days.length === 7) text = every(n, "day", "weeks on every day");
+    else if (n === 1 && days.join() === "1,2,3,4,5") text = "Every weekday (Monday to Friday)";
+    else text = `${every(n, "week", "weeks")} on ${list(days.map((d) => weekdayName(d, locale)))}`;
+  } else {
+    const nth = rule.nth ? `the ${ORDINAL[rule.nth.week]} ${weekdayName(rule.nth.weekday, locale)}` : void 0;
+    if (rule.freq === "monthly") {
+      const on = nth ?? (rule.day === -1 ? "the last day" : `day ${rule.day ?? start.getDate()}`);
+      text = `${every(n, "month", "months")} on ${on}`;
+    } else {
+      const month = rule.month ?? start.getMonth() + 1;
+      const on = nth ? `${nth} of ${monthName(month, locale)}` : rule.day === -1 ? `the last day of ${monthName(month, locale)}` : (
+        // a leap year, so 29 February reads as itself
+        format({ day: "numeric", month: "long" }, new Date(2028, month - 1, rule.day ?? start.getDate()), locale)
+      );
+      text = `${every(n, "year", "years")} on ${on}`;
+    }
+  }
+  if (rule.until) text += `, until ${format({ day: "numeric", month: "long", year: "numeric" }, rule.until, locale)}`;
+  else if (rule.count !== void 0) text += rule.count === 1 ? ", once" : `, ${rule.count} times`;
+  return text;
+}
+function recurrencePresets(start, locale = formatLocale()) {
+  const rules = [{ freq: "daily" }];
+  const weekday2 = start.getDay();
+  if (weekday2 >= 1 && weekday2 <= 5) rules.push({ freq: "weekly", weekdays: [1, 2, 3, 4, 5] });
+  rules.push({ freq: "weekly" }, ...nthChoices(start).map((nth) => ({ freq: "monthly", nth })), { freq: "monthly" });
+  if (start.getDate() === daysIn(start.getFullYear(), start.getMonth())) rules.push({ freq: "monthly", day: -1 });
+  rules.push({ freq: "yearly" });
+  return rules.map((rule) => ({ rule, label: describeRecurrence(rule, start, locale) }));
+}
+function sameRecurrence(a, b) {
+  if (!a || !b) return a === b;
+  const norm = (r) => toRRule({ ...r, weekdays: r.weekdays?.length ? [...r.weekdays].sort() : void 0 });
+  return norm(a) === norm(b);
+}
+var DAYS_MESSAGE = "Choose at least one day";
+var UNTIL_MESSAGE = "The end date must be after the event starts";
+var UNTIL_MISSING = "Enter the end date";
+var UNITS = { daily: ["day", "days"], weekly: ["week", "weeks"], monthly: ["month", "months"], yearly: ["year", "years"] };
+var ORDINAL2 = { 1: "first", 2: "second", 3: "third", 4: "fourth", [-1]: "last" };
+var weekdayName2 = (d, width, locale) => new Intl.DateTimeFormat(locale, { weekday: width }).format(new Date(2026, 0, 4 + d));
+var daysIn2 = (d) => new Date(d.getFullYear(), d.getMonth() + 1, 0).getDate();
+var clean = (rule) => Object.fromEntries(Object.entries(rule).filter(([, v]) => v !== void 0));
+var kindOf = (r) => [r.freq, r.weekdays?.length ? "days" : "", r.nth ? r.nth.week === -1 ? "nth-last" : "nth" : "", r.day === -1 ? "last" : ""].join(":");
+var endOfDay = (d) => new Date(d.getFullYear(), d.getMonth(), d.getDate(), 23, 59, 59);
+var noDays = (r) => r?.freq === "weekly" && Array.isArray(r.weekdays) && r.weekdays.length === 0;
+var PENDING_OPTIONS = [{ id: "pending", label: "" }];
+function RecurrencePicker({ value, onChange: onChangeProp, start, label, weekStartsOn, className, ...wiring }) {
+  const onChange = useReportedChange(onChangeProp, value);
+  const field = useField();
+  const weekStart = useWeekStart(weekStartsOn);
+  const locale = useFormatLocale();
+  const hydrated = useHydrated();
+  const base = useId();
+  const ids = { summary: `${base}-summary`, interval: `${base}-interval`, days: `${base}-days`, daysError: `${base}-days-error`, untilError: `${base}-until-error`, count: `${base}-count` };
+  const startKey = dayKey(start);
+  const presets = useMemo(() => recurrencePresets(start, locale), [startKey, locale]);
+  const rule = readRecurrence(value);
+  const unreadable = value !== null && !rule;
+  const presetIndex = rule && !noDays(rule) ? presets.findIndex((p) => sameRecurrence(p.rule, rule)) : -1;
+  const [customOpen, setCustomOpen] = useState(() => !!rule && presetIndex < 0);
+  const openRule = rule && (customOpen || presetIndex < 0) ? rule : null;
+  const choice = value === null ? "none" : unreadable ? "unreadable" : openRule ? "custom" : `preset-${presetIndex}`;
+  const [untilPending, setUntilPending] = useState(false);
+  const lastStart = useRef(start);
+  useEffect(() => {
+    const before = lastStart.current;
+    lastStart.current = start;
+    if (dayKey(before) === startKey || !rule || customOpen) return;
+    const was = recurrencePresets(before, locale).find((p) => sameRecurrence(p.rule, rule));
+    const now2 = was && (presets.find((p) => kindOf(p.rule) === kindOf(was.rule)) ?? (was.rule.nth ? presets.find((p) => !!p.rule.nth) : void 0));
+    if (now2 && !sameRecurrence(now2.rule, rule)) onChangeProp(now2.rule);
+  }, [startKey]);
+  const explicit = (r) => {
+    const week = weekStart !== 1 ? { weekStart } : {};
+    if (!r || r.freq === "weekly" && r.weekdays === void 0) return clean({ ...r ?? {}, freq: "weekly", weekdays: [start.getDay()], ...week });
+    if (r.freq === "monthly" && r.day === void 0 && !r.nth) return { ...r, day: start.getDate() };
+    if (r.freq === "yearly" && r.month === void 0) return { ...r, month: start.getMonth() + 1, day: start.getDate() };
+    return r;
+  };
+  const edit = (patch) => onChange(clean({ ...explicit(rule), ...patch }));
+  const custom = openRule ? explicit(openRule) : null;
+  const unit = (freq) => {
+    const keep = { interval: rule?.interval, until: rule?.until, count: rule?.count };
+    const week = weekStart !== 1 ? { weekStart } : {};
+    const by = {
+      daily: { freq },
+      weekly: { freq, weekdays: [start.getDay()], ...week },
+      monthly: { freq, day: start.getDate() },
+      yearly: { freq, month: start.getMonth() + 1, day: start.getDate() }
+    };
+    onChange(clean({ ...by[freq], ...keep }));
+  };
+  const form = useOptionalFormContext();
+  const check = (r, s, open, pending) => ({
+    // every day taken off: an implied rule (no days written) repeats on the start's day, so it has one
+    days: open && noDays(r) ? DAYS_MESSAGE : void 0,
+    until: open && pending && !r?.until ? UNTIL_MISSING : r?.until && dayKey(r.until) <= s ? UNTIL_MESSAGE : void 0
+  });
+  const latest = useLatest({ rule, startKey, custom: !!custom, untilPending });
+  const problems = () => check(latest.current.rule, latest.current.startKey, latest.current.custom, latest.current.untilPending);
+  const register = form?.register;
+  useEffect(() => register?.(ids.days, () => problems().days), [register, ids.days]);
+  useEffect(() => register?.(ids.untilError, () => problems().until), [register, ids.untilError]);
+  const now = check(rule, startKey, !!custom, untilPending);
+  const setError = form?.setError;
+  const shownDays = form ? form.errors[ids.days] : now.days;
+  const shownUntil = form ? form.errors[ids.untilError] : now.until;
+  useEffect(() => {
+    if (shownDays !== void 0 && shownDays !== now.days) setError?.(ids.days, now.days);
+    if (shownUntil !== void 0 && shownUntil !== now.until) setError?.(ids.untilError, now.until);
+  });
+  const options = [
+    { id: "none", label: "Does not repeat" },
+    ...presets.map((p, i) => ({ id: `preset-${i}`, label: p.label })),
+    ...unreadable ? [{ id: "unreadable", label: "Custom repeat" }] : [],
+    { id: "custom", label: "Custom\u2026" }
+  ];
+  const choose = (id) => {
+    if (id === "unreadable") return;
+    setUntilPending(false);
+    if (id === "none") {
+      setCustomOpen(false);
+      onChange(null);
+      return;
+    }
+    if (id === "custom") {
+      setCustomOpen(true);
+      onChange(explicit(rule));
+      return;
+    }
+    setCustomOpen(false);
+    onChange(presets[Number(id.slice("preset-".length))].rule);
+  };
+  const summary = rule && !noDays(rule) ? describeRecurrence(rule, start, locale) : unreadable ? "Repeats by a rule set in another app. Choose another to replace it." : null;
+  const describedBy = [wiring["aria-describedby"], summary ? ids.summary : void 0].filter(Boolean).join(" ") || void 0;
+  const order = Array.from({ length: 7 }, (_, i) => (weekStart + i) % 7);
+  const interval = custom?.interval ?? 1;
+  const monthDay = custom?.day !== void 0 && custom.day > 0 ? custom.day : start.getDate();
+  const nths = nthChoices(start);
+  if (custom?.nth && !nths.some((n) => n.week === custom.nth.week && n.weekday === custom.nth.weekday)) nths.unshift(custom.nth);
+  const nthId = (n) => `nth:${n.week}:${n.weekday}`;
+  const monthlyOn = custom?.nth ? nthId(custom.nth) : custom?.day === -1 ? "last" : "day";
+  const ends = custom?.until ? "until" : custom?.count !== void 0 ? "count" : untilPending ? "until" : "never";
+  if (!hydrated) {
+    return /* @__PURE__ */ jsxs("div", { "data-gs": "recurrence-picker", "data-recurrence-pending": "", "aria-busy": "true", className: cn("space-y-ds-2", className), children: [
+      /* @__PURE__ */ jsx(Dropdown, { ...wiring, label: field ? void 0 : label ?? "Repeat", options: PENDING_OPTIONS, value: "pending", onChange: () => {
+      } }),
+      (rule && !noDays(rule) || unreadable) && /* @__PURE__ */ jsx("p", { "aria-hidden": "true", className: "text-xs", children: "\xA0" })
+    ] });
+  }
+  return /* @__PURE__ */ jsxs("div", { "data-gs": "recurrence-picker", className: cn("space-y-ds-2", className), children: [
+    /* @__PURE__ */ jsx(
+      Dropdown,
+      {
+        ...wiring,
+        "aria-describedby": describedBy,
+        label: field ? void 0 : label ?? "Repeat",
+        options,
+        value: choice,
+        onChange: (v) => choose(v)
+      }
+    ),
+    custom && /* @__PURE__ */ jsx(OutsideField, { children: /* @__PURE__ */ jsxs("div", { "data-gs": "recurrence-custom", className: "space-y-ds-4 pl-ds-4 border-l-[length:var(--ds-border-width)] border-[var(--ds-border-default)]", children: [
+      /* @__PURE__ */ jsxs("div", { className: "flex flex-wrap items-center gap-ds-2", children: [
+        /* @__PURE__ */ jsx("label", { htmlFor: ids.interval, className: "text-sm text-[var(--ds-text-primary)]", children: "Every" }),
+        /* @__PURE__ */ jsx(NumberInput, { id: ids.interval, size: "sm", value: interval, min: 1, max: 99, onChange: (n) => edit({ interval: n > 1 ? n : void 0 }), className: "w-28" }),
+        /* @__PURE__ */ jsx(
+          Dropdown,
+          {
+            "aria-label": "Days, weeks, months or years",
+            size: "sm",
+            className: "w-36",
+            options: Object.keys(UNITS).map((f) => ({ id: f, label: UNITS[f][interval > 1 ? 1 : 0] })),
+            value: custom.freq,
+            onChange: (v) => unit(v)
+          }
+        )
+      ] }),
+      custom.freq === "weekly" && /* @__PURE__ */ jsxs("div", { className: "space-y-ds-2", children: [
+        /* @__PURE__ */ jsx("p", { "aria-hidden": "true", className: "text-sm font-medium text-[var(--ds-text-primary)]", children: "On" }),
+        /* @__PURE__ */ jsx("div", { role: "group", id: ids.days, "aria-label": "Repeat on", "aria-invalid": !!shownDays || void 0, "aria-describedby": shownDays ? ids.daysError : void 0, className: "flex flex-wrap gap-ds-1.5", children: order.map((d) => {
+          const on = !!custom.weekdays?.includes(d);
+          return /* @__PURE__ */ jsx(
+            "button",
+            {
+              type: "button",
+              role: "checkbox",
+              "aria-checked": on,
+              "aria-label": weekdayName2(d, "long", locale),
+              onClick: () => edit({ weekdays: (on ? (custom.weekdays ?? []).filter((x) => x !== d) : [...custom.weekdays ?? [], d]).sort((a, b) => a - b) }),
+              className: cn(
+                "inline-flex h-8 min-w-8 items-center justify-center px-ds-2 rounded-[var(--ds-radius-full)] text-xs font-medium",
+                "border-[length:var(--ds-border-width)] cursor-pointer select-none outline-none transition-colors",
+                "focus-visible:shadow-[var(--ds-shadow-focus)]",
+                // chosen: the accent's readable pair, so its text reads 4.5:1 in every theme (the house's one way
+                // to colour text on a colour, as the Calendar's accent events), and the checked border at 3:1
+                // marking the state; the tick colour on the checked fill read 3.2:1 in three themes
+                on ? "bg-[var(--ds-accent-bg,var(--ds-accent-subtle))] text-[var(--ds-accent-text,var(--ds-text-primary))] border-[var(--ds-check-border)]" : "bg-[var(--ds-input-bg)] border-[var(--ds-input-border)] text-[var(--ds-text-primary)] hover:border-[var(--ds-input-border-hover)]"
+              ),
+              children: weekdayName2(d, "short", locale)
+            },
+            d
+          );
+        }) }),
+        shownDays && /* @__PURE__ */ jsx(InlineFieldError, { id: ids.daysError, message: shownDays, className: "mt-0" })
+      ] }),
+      custom.freq === "monthly" && /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          label: "On",
+          value: monthlyOn,
+          onChange: (v) => {
+            if (v === "last") edit({ day: -1, nth: void 0 });
+            else if (v === "day") edit({ day: monthDay, nth: void 0 });
+            else {
+              const [, week, weekday2] = v.split(":").map(Number);
+              edit({ nth: { week, weekday: weekday2 }, day: void 0 });
+            }
+          },
+          options: [
+            { value: "day", label: `On day ${monthDay}` },
+            ...nths.map((n) => ({ value: nthId(n), label: `On the ${ORDINAL2[n.week]} ${weekdayName2(n.weekday, "long", locale)}` })),
+            ...start.getDate() === daysIn2(start) || custom.day === -1 ? [{ value: "last", label: "On the last day" }] : []
+          ]
+        }
+      ),
+      /* @__PURE__ */ jsx(
+        RadioGroup,
+        {
+          label: "Ends",
+          value: ends,
+          onChange: (v) => {
+            setUntilPending(false);
+            if (v === "never") edit({ until: void 0, count: void 0 });
+            else if (v === "until") edit({ count: void 0, until: endOfDay(new Date(start.getFullYear(), start.getMonth() + 1, start.getDate())) });
+            else edit({ until: void 0, count: 10 });
+          },
+          options: [
+            { value: "never", label: "Never" },
+            {
+              value: "until",
+              label: "On a date",
+              reveal: /* @__PURE__ */ jsxs("div", { children: [
+                /* @__PURE__ */ jsx(
+                  DatePicker,
+                  {
+                    label: "End date",
+                    size: "sm",
+                    value: custom.until ?? null,
+                    min: new Date(start.getFullYear(), start.getMonth(), start.getDate() + 1),
+                    onChange: (d) => {
+                      setUntilPending(!d);
+                      edit({ until: d ? endOfDay(d) : void 0 });
+                    },
+                    error: !!shownUntil,
+                    "aria-describedby": shownUntil ? ids.untilError : void 0
+                  }
+                ),
+                shownUntil && /* @__PURE__ */ jsx(InlineFieldError, { id: ids.untilError, message: shownUntil })
+              ] })
+            },
+            {
+              value: "count",
+              label: "After a number of times",
+              reveal: /* @__PURE__ */ jsxs("div", { className: "space-y-ds-1", children: [
+                /* @__PURE__ */ jsx("label", { htmlFor: ids.count, className: "block text-sm font-medium text-[var(--ds-text-primary)]", children: "Number of times" }),
+                /* @__PURE__ */ jsx(NumberInput, { id: ids.count, size: "sm", value: custom.count ?? 10, min: 1, max: 999, onChange: (n) => edit({ count: Math.max(1, n) }), className: "w-28" })
+              ] })
+            }
+          ]
+        }
+      )
+    ] }) }),
+    summary && /* @__PURE__ */ jsx("p", { id: ids.summary, className: "text-xs text-[var(--ds-text-secondary)]", children: summary })
+  ] });
+}
+var DEFAULT_BUTTON_ATTR = "data-dialog-default-button";
+var sizeClasses = {
+  // round 16 (the owner's item 5): the small dialog is 448 px, not 384 — a delete confirmation with a typed field was cramped
+  sm: "max-w-md",
+  md: "max-w-lg",
+  lg: "max-w-2xl",
+  xl: "max-w-4xl",
+  full: "max-w-[calc(100vw-2rem)]"
+};
+function Dialog({ open, onClose: onCloseProp, title, description, children, footer, variant = "default", size = "md", alert = false, container, onSubmit, dirty, onDiscard }) {
+  const { marked, mark } = useOverlayMark(open);
+  const guard = useDirtyGuard(dirty ?? marked, onCloseProp, onDiscard);
+  const onClose = guard.requestClose;
+  const titleId = useId();
+  const descriptionId = useId();
+  const isMobile = useBreakpoint("sm");
+  const overlayRef = useRef(null);
+  const dialogRef = useRef(null);
+  const opener = useRef(null);
+  const defaultButtonRef = useRef(null);
+  const bodyRef = useScrollbarInset();
+  const onCloseRef = useLatest(onClose);
+  const onSubmitRef = useLatest(onSubmit);
+  const isTopLayer = useOverlayLayer(open);
+  useFocusTrap(dialogRef, open, isTopLayer);
+  const before = useFocusBeforeOpen(open);
+  useEffect(() => {
+    if (!open) return;
+    const active = before.current;
+    opener.current = active instanceof HTMLElement && active !== document.body && active.isConnected ? rememberFocus(active) : null;
+  }, [open, before]);
+  useEffect(() => {
+    if (!open) return;
+    requestAnimationFrame(() => {
+      focusInitial(dialogRef.current, { destructive: variant === "destructive" });
+    });
+  }, [open, variant]);
+  useEffect(() => {
+    if (!open) return;
+    const handler = (e) => {
+      if (e.key !== "Escape" || e.defaultPrevented || !isTopLayer()) return;
+      e.preventDefault();
+      onCloseRef.current();
+    };
+    document.addEventListener("keydown", handler);
+    return () => {
+      document.removeEventListener("keydown", handler);
+    };
+  }, [open, onCloseRef, isTopLayer]);
+  useEffect(() => {
+    if (!open) return;
+    lockBodyScroll();
+    return () => {
+      unlockBodyScroll();
+      const r = opener.current;
+      opener.current = null;
+      const active = document.activeElement;
+      if (!active || active === document.body || !active.isConnected) r?.restore();
+    };
+  }, [open]);
+  if (!open) return null;
+  return createPortal(
+    /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: overlayRef,
+        className: cn("fixed inset-0 z-[var(--ds-z-modal)] flex items-center justify-center", !isMobile && "p-ds-4"),
+        children: [
+          /* @__PURE__ */ jsx(
+            "div",
+            {
+              className: "fixed inset-0 bg-black/50 [backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))] [-webkit-backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))]",
+              onClick: alert ? void 0 : onClose,
+              "aria-hidden": "true"
+            }
+          ),
+          /* @__PURE__ */ jsxs(
+            "form",
+            {
+              onSubmit: (e) => {
+                if (e.target !== e.currentTarget) return;
+                e.preventDefault();
+                e.stopPropagation();
+                if (variant === "destructive") return;
+                const submitter = e.nativeEvent.submitter;
+                const implicit = !submitter || submitter === defaultButtonRef.current;
+                if (!implicit && submitter.getAttribute("type") !== "submit") return;
+                if (implicit) {
+                  const explicit = e.currentTarget.querySelector(`button[type="submit"]:not([${DEFAULT_BUTTON_ATTR}])`);
+                  if (explicit?.disabled) return;
+                }
+                onSubmitRef.current?.();
+              },
+              className: "contents",
+              children: [
+                /* @__PURE__ */ jsx(
+                  "button",
+                  {
+                    ref: defaultButtonRef,
+                    type: "submit",
+                    tabIndex: -1,
+                    "aria-hidden": "true",
+                    className: "sr-only",
+                    ...{ [DEFAULT_BUTTON_ATTR]: "" }
+                  }
+                ),
+                /* @__PURE__ */ jsxs(
+                  "div",
+                  {
+                    ref: dialogRef,
+                    role: alert ? "alertdialog" : "dialog",
+                    ...{ [OVERLAY_ROOT_ATTR]: "" },
+                    "aria-modal": "true",
+                    "data-gs": "dialog",
+                    "aria-labelledby": titleId,
+                    "aria-describedby": description ? descriptionId : void 0,
+                    style: { containerType: "inline-size", "--ds-form-max": "none" },
+                    className: cn(
+                      // a column: the title row, a body that scrolls when it is taller than the room, and the footer (Sprint 25.14,
+                      // with A36's full-screen phone dialog: its content ran past the screen with the footer cut off)
+                      "relative z-10 w-full flex flex-col max-h-full",
+                      isMobile ? "max-w-none h-full" : sizeClasses[size],
+                      OVERLAY_SURFACE,
+                      "text-[var(--ds-text-primary)]",
+                      GLASS_OVERLAY,
+                      // full screen on a phone: no edge to draw, so the content sits at the gutter from the screen's edge
+                      isMobile ? "rounded-none" : "rounded-[var(--ds-radius-xl)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
+                      "overflow-hidden",
+                      "animate-in fade-in-0 zoom-in-95"
+                    ),
+                    children: [
+                      /* @__PURE__ */ jsxs("div", { className: cn("shrink-0 flex items-start gap-ds-3 pt-ds-6 px-[var(--ds-page-gutter)]", children ? "pb-ds-4" : "pb-ds-6"), children: [
+                        variant === "destructive" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 w-10 h-10 rounded-[var(--ds-radius-full)] bg-[var(--ds-status-error-bg)]", children: /* @__PURE__ */ jsx(Icon, { name: "warning", size: 20, className: "text-[var(--ds-status-error)]" }) }),
+                        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
+                          /* @__PURE__ */ jsx(
+                            "h2",
+                            {
+                              id: titleId,
+                              className: "font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] leading-none tracking-tight",
+                              children: title
+                            }
+                          ),
+                          description && /* @__PURE__ */ jsx("p", { id: descriptionId, className: "mt-ds-2 text-sm text-[var(--ds-text-muted)]", children: description })
+                        ] }),
+                        /* @__PURE__ */ jsx(
+                          "button",
+                          {
+                            type: "button",
+                            onClick: onClose,
+                            ...{ [OVERLAY_CLOSE_ATTR]: "" },
+                            className: "shrink-0 text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors cursor-pointer",
+                            "aria-label": "Close",
+                            children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 18 })
+                          }
+                        )
+                      ] }),
+                      children && /* @__PURE__ */ jsx(
+                        "div",
+                        {
+                          ref: bodyRef,
+                          className: "min-h-0 flex-[0_1_auto] overflow-y-auto pb-ds-6",
+                          style: {
+                            paddingLeft: variant === "destructive" ? "calc(var(--ds-page-gutter) + 2.5rem + var(--ds-space-3))" : "var(--ds-page-gutter)",
+                            paddingRight: insetLessScrollbar("var(--ds-page-gutter)")
+                          },
+                          children: /* @__PURE__ */ jsx(SurfaceBoundary, { children: /* @__PURE__ */ jsx(DrawerFooterCtx, { value: null, children: /* @__PURE__ */ jsx(OverlayMarkScope, { mark, children: /* @__PURE__ */ jsx(OverlayCloseCtx, { value: onClose, children }) }) }) })
+                        }
+                      ),
+                      isMobile && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "flex-1 min-h-0" }),
+                      /* @__PURE__ */ jsx(DiscardConfirm, { open: guard.confirming, onKeep: guard.keep, onDiscard: guard.discard }),
+                      footer && /* @__PURE__ */ jsx("div", { className: cn(
+                        "shrink-0 flex justify-end gap-ds-2 py-ds-4 px-[var(--ds-page-gutter)]",
+                        "border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]",
+                        "bg-[var(--ds-bg-muted)]",
+                        !isMobile && "rounded-b-[var(--ds-radius-xl)]"
+                      ), children: footer })
+                    ]
+                  }
+                )
+              ]
+            }
+          )
         ]
       }
     ),
-    open && createPortal(
-      /* @__PURE__ */ jsxs(
-        "div",
-        {
-          ref: panelRef,
-          role: "dialog",
-          "aria-label": "Choose a date range",
-          tabIndex: -1,
-          className: cn(
-            "fixed z-[var(--ds-z-popover)] flex outline-none",
-            "bg-[var(--ds-bg-surface-elevated)]",
-            "[backdrop-filter:var(--ds-glass-filter)] [-webkit-backdrop-filter:var(--ds-glass-filter)]",
-            "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
-            "rounded-[var(--ds-radius-md)]",
-            "shadow-[var(--ds-shadow-dropdown),var(--ds-glass-inset)]"
-          ),
-          style: { top: pos.top, left: pos.left },
-          children: [
-            presets.length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-col gap-ds-0.5 p-ds-2 border-r-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] min-w-[140px]", children: presets.map((p) => /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", className: "justify-start", onClick: () => {
-              const r = p.range();
-              returnFocus();
-              onChange(r);
-              setViewDate(r.start ?? /* @__PURE__ */ new Date());
-              setOpen(false);
-            }, children: p.label }, p.label)) }),
-            /* @__PURE__ */ jsxs("div", { className: "flex flex-col", children: [
-              /* @__PURE__ */ jsxs("div", { className: "flex items-center justify-between bg-[var(--ds-bg-muted)] rounded-tr-[var(--ds-radius-md)] px-ds-3 py-ds-2", children: [
-                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => pageMonths(-1), "aria-label": "Previous month", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14, className: "rotate-180" }) }),
-                /* @__PURE__ */ jsx("span", { className: "text-sm font-medium text-[var(--ds-text-primary)]", children: formatMonthRange(months[0], months[1]) }),
-                /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", onClick: () => pageMonths(1), "aria-label": "Next month", children: /* @__PURE__ */ jsx(Icon, { name: "chevron-right", size: 14 }) })
-              ] }),
-              /* @__PURE__ */ jsx("div", { ref: gridRef, onKeyDown: grid.onKeyDown, className: "flex gap-ds-4 px-ds-3 py-ds-2", onMouseLeave: () => setHover(null), children: months.map((m) => /* @__PURE__ */ jsxs("div", { role: "grid", "aria-label": formatMonthYear(m), className: "w-[224px] flex flex-col gap-ds-0.5", children: [
-                /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5 mb-ds-0.5", children: dayNames.map((d, i) => /* @__PURE__ */ jsx("div", { role: "columnheader", "aria-label": dayNamesLong[i], className: "text-center text-2xs font-medium text-[var(--ds-text-muted)] py-ds-1", children: d }, i)) }),
-                getMonthGrid(m.getFullYear(), m.getMonth(), weekStartsOn).map((week, w) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7 gap-ds-0.5", children: week.map((d) => {
-                  if (!isSameMonth(d, m)) return /* @__PURE__ */ jsx("div", { role: "gridcell" }, d.toISOString());
-                  const isStart = !!rangeStart && isSameDay(d, rangeStart);
-                  const isEnd = !!rangeEnd2 && isSameDay(d, rangeEnd2);
-                  const between = inRange(d);
-                  const dis = isDisabledDay(d);
-                  return /* @__PURE__ */ jsx(
-                    "button",
-                    {
-                      type: "button",
-                      role: "gridcell",
-                      "data-grid-key": dayKey(d),
-                      tabIndex: grid.tabIndexOf(d),
-                      "aria-disabled": dis || void 0,
-                      onClick: () => selectDay(d),
-                      onFocus: () => {
-                        if (!isSameDay(d, focusDate)) setFocusDate(d);
-                      },
-                      onMouseEnter: () => setHover(d),
-                      "aria-selected": isStart || isEnd || between,
-                      "aria-current": isSameDay(d, today) ? "date" : void 0,
-                      "aria-label": formatDayLong(d),
-                      className: cn(
-                        "w-full aspect-square flex items-center justify-center text-xs",
-                        "transition-colors cursor-pointer",
-                        "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
-                        isStart || isEnd ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)] font-bold rounded-[var(--ds-radius-sm)]" : between ? "bg-[var(--ds-accent-subtle)] text-[var(--ds-accent-subtle-text)] rounded-none" : isSameDay(d, today) ? "border-[length:var(--ds-border-width)] border-[var(--ds-accent-primary)] text-[var(--ds-accent-primary)] font-medium rounded-[var(--ds-radius-sm)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)] rounded-[var(--ds-radius-sm)]",
-                        dis && "opacity-disabled cursor-not-allowed hover:bg-transparent"
-                      ),
-                      children: d.getDate()
-                    },
-                    d.toISOString()
-                  );
-                }) }, w))
-              ] }, `${m.getFullYear()}-${m.getMonth()}`)) }),
-              /* @__PURE__ */ jsxs("div", { className: "flex justify-between items-center bg-[var(--ds-bg-muted)] border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] rounded-br-[var(--ds-radius-md)] px-ds-3 py-ds-2", children: [
-                /* @__PURE__ */ jsx("span", { className: "text-xs text-[var(--ds-text-muted)]", children: value.start && !value.end ? "Now pick an end date" : summary ?? "Pick a start date" }),
-                (value.start || value.end) && /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", onClick: () => {
-                  onChange({ start: null, end: null });
-                  setHover(null);
-                }, children: "Clear" })
-              ] })
-            ] })
-          ]
-        }
-      ),
-      container ?? document.body
-    )
-  ] });
+    container ?? document.body
+  );
+}
+var SCOPES = [
+  { value: "this", label: "This event" },
+  { value: "following", label: "This and following events" },
+  { value: "all", label: "All events" }
+];
+function RecurrenceScopeDialog({ open, title, verb, destructive = false, repeatChanged: repeatChanged2 = false, edited, onChoose, onCancel }) {
+  const first = repeatChanged2 ? "following" : "this";
+  const [scope, setScope] = useState(first);
+  const [wasOpen, setWasOpen] = useState(open);
+  if (open !== wasOpen) {
+    setWasOpen(open);
+    if (open) setScope(first);
+  }
+  const chosen = repeatChanged2 && scope === "this" ? first : scope;
+  const noteId = useId();
+  const undone = repeatChanged2 && chosen !== "this" ? edited?.[chosen] ?? 0 : 0;
+  return /* @__PURE__ */ jsxs(
+    Dialog,
+    {
+      open,
+      onClose: onCancel,
+      title,
+      size: "sm",
+      variant: destructive ? "destructive" : "default",
+      footer: /* @__PURE__ */ jsxs(Fragment, { children: [
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "secondary", onClick: onCancel, children: "Cancel" }),
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: destructive ? "destructive" : "default", onClick: () => onChoose(chosen), children: verb })
+      ] }),
+      children: [
+        /* @__PURE__ */ jsx(RadioGroup, { label: "Apply to", value: chosen, onChange: (v) => setScope(v), options: repeatChanged2 ? SCOPES.slice(1) : SCOPES, "aria-describedby": undone > 0 ? noteId : void 0 }),
+        undone > 0 && /* @__PURE__ */ jsx("p", { id: noteId, className: "mt-ds-3 text-sm text-[var(--ds-text-secondary)]", children: undone === 1 ? "1 of these events was changed on its own. Changing how it repeats undoes its changes." : `${undone} of these events were changed on their own. Changing how it repeats undoes their changes.` })
+      ]
+    }
+  );
 }
 
 // ../../showcase/src/lib/file-accept.ts
@@ -1952,12 +2990,12 @@ function fileFormat(file) {
 function matches(file, tokens) {
   if (tokens.length === 0 || tokens.some((t) => t.kind === "any")) return true;
   const name = file.name.toLowerCase();
-  const format2 = fileFormat(file);
+  const format3 = fileFormat(file);
   const type = file.type.toLowerCase();
   return tokens.some((t) => {
     if (t.kind === "family") return type === "" || type.startsWith(`${t.family}/`);
     if (t.kind !== "format") return false;
-    return t.name === format2 || t.suffix != null && name.endsWith(t.suffix) || t.mime != null && t.mime === type;
+    return t.name === format3 || t.suffix != null && name.endsWith(t.suffix) || t.mime != null && t.mime === type;
   });
 }
 var joinOr = (items) => items.length < 2 ? items.join("") : `${items.slice(0, -1).join(", ")} or ${items[items.length - 1]}`;
@@ -1969,9 +3007,9 @@ function typeWords(accept) {
   const tokens = parseAccept(accept);
   if (tokens.length === 0 || tokens.some((t) => t.kind === "any" || t.kind === "family" && !FAMILIES[t.family])) return null;
   const families = [...new Set(tokens.flatMap((t) => t.kind === "family" ? [t.family] : []))].map((f) => FAMILIES[f]);
-  const formats2 = [...new Set(tokens.flatMap((t) => t.kind === "format" ? [t.name] : []))];
-  const many = `${joinOr([...families.map((f) => f.many), ...formats2])}${formats2.length ? " files" : ""}`;
-  const one = families.length === 0 ? `${article(formats2[0])} ${joinOr(formats2)}` : joinOr([...families.map((f) => f.one), ...formats2.map((f) => `${article(f)} ${f}`)]);
+  const formats3 = [...new Set(tokens.flatMap((t) => t.kind === "format" ? [t.name] : []))];
+  const many = `${joinOr([...families.map((f) => f.many), ...formats3])}${formats3.length ? " files" : ""}`;
+  const one = families.length === 0 ? `${article(formats3[0])} ${joinOr(formats3)}` : joinOr([...families.map((f) => f.one), ...formats3.map((f) => `${article(f)} ${f}`)]);
   return { one, many };
 }
 function sizeWords(bytes) {
@@ -2198,10 +3236,10 @@ function FileUpload({ onFiles, files, upload, onCancel, onRetry, onRemove, accep
       focusAfterRemoval(rows, gone.index, inputRef.current);
       return;
     }
-    const last = lastAction.current;
+    const last2 = lastAction.current;
     const active = document.activeElement;
-    if (!last || last.el.isConnected || active && active !== document.body) return;
-    const row = Array.from(listRef.current?.querySelectorAll(":scope > li") ?? []).find((li) => li.dataset.uploadId === last.id);
+    if (!last2 || last2.el.isConnected || active && active !== document.body) return;
+    const row = Array.from(listRef.current?.querySelectorAll(":scope > li") ?? []).find((li) => li.dataset.uploadId === last2.id);
     row?.querySelector("button")?.focus();
   }, [shown]);
   const addFiles = useCallback(
@@ -2526,7 +3564,7 @@ var TEXT_SIZE4 = {
   md: "text-sm",
   lg: "text-base"
 };
-function pad(n) {
+function pad3(n) {
   return n.toString().padStart(2, "0");
 }
 function generateHours(use24) {
@@ -2602,7 +3640,7 @@ function TimePicker({
     setPrevOpen(open);
     if (open) setColumnStop({});
   }
-  const stopOf = (column, chosen) => columnStop[column] ?? Math.max(0, chosen);
+  const stopOf2 = (column, chosen) => columnStop[column] ?? Math.max(0, chosen);
   const holdStop = (column, index) => setColumnStop((s) => s[column] === index ? s : { ...s, [column]: index });
   const chosenHour = hours.findIndex((h) => use24Hour ? h === parseInt(value) : h === parsed.hour);
   const chosenMinute = minutes.findIndex((m) => m === parsed.minute);
@@ -2641,7 +3679,7 @@ function TimePicker({
       if (period === "AM" && hour === 12) h24 = 0;
       else if (period === "PM" && hour !== 12) h24 = hour + 12;
     }
-    onChange(`${pad(h24)}:${pad(minute)}`);
+    onChange(`${pad3(h24)}:${pad3(minute)}`);
   }
   const specs = timeSegments(use24Hour);
   const [segs, setSegs] = useState(() => fromValue(value, use24Hour));
@@ -2688,10 +3726,10 @@ function TimePicker({
     lastCommitted.current = out;
     if (out !== value) onChange(out);
   };
-  const setSegment = (key, v, commit = true) => {
+  const setSegment = (key, v, commit2 = true) => {
     setSegs((s) => {
       const next = { ...s, [key]: v };
-      if (commit) commitIfComplete(next);
+      if (commit2) commitIfComplete(next);
       return next;
     });
   };
@@ -2893,7 +3931,7 @@ function TimePicker({
               "button",
               {
                 type: "button",
-                tabIndex: i === stopOf("hour", chosenHour) ? 0 : -1,
+                tabIndex: i === stopOf2("hour", chosenHour) ? 0 : -1,
                 onFocus: () => holdStop("hour", i),
                 "data-selected": use24Hour ? h === parseInt(value) : h === parsed.hour,
                 onMouseDown: (e) => e.preventDefault(),
@@ -2903,7 +3941,7 @@ function TimePicker({
                   "transition-colors focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
                   (use24Hour ? h === parseInt(value) : h === parsed.hour) ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)]"
                 ),
-                children: pad(h)
+                children: pad3(h)
               },
               h
             )) }),
@@ -2912,7 +3950,7 @@ function TimePicker({
               "button",
               {
                 type: "button",
-                tabIndex: i === stopOf("minute", chosenMinute) ? 0 : -1,
+                tabIndex: i === stopOf2("minute", chosenMinute) ? 0 : -1,
                 onFocus: () => holdStop("minute", i),
                 "data-selected": m === parsed.minute,
                 onMouseDown: (e) => e.preventDefault(),
@@ -2922,7 +3960,7 @@ function TimePicker({
                   "transition-colors focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
                   m === parsed.minute ? "bg-[var(--ds-accent-primary)] text-[var(--ds-text-on-primary)]" : "text-[var(--ds-text-secondary)] hover:bg-[var(--ds-bg-emphasis)]"
                 ),
-                children: pad(m)
+                children: pad3(m)
               },
               m
             )) }),
@@ -2932,7 +3970,7 @@ function TimePicker({
                 "button",
                 {
                   type: "button",
-                  tabIndex: i === stopOf("period", chosenPeriod) ? 0 : -1,
+                  tabIndex: i === stopOf2("period", chosenPeriod) ? 0 : -1,
                   onFocus: () => holdStop("period", i),
                   "data-selected": p === parsed.period,
                   onMouseDown: (e) => e.preventDefault(),
@@ -4069,14 +5107,16 @@ function AddAnother({ items, getId, itemName, columns, renderRow, onAdd, onRemov
   const body = /* @__PURE__ */ jsxs("div", { "data-add-another": "", className: cn("@container flex flex-col gap-ds-3", className), style: grid, children: [
     /* @__PURE__ */ jsxs("div", { "aria-hidden": "true", className: "hidden gap-ds-3 text-sm font-medium text-[var(--ds-text-secondary)] @min-[30rem]:grid @min-[30rem]:grid-cols-[var(--gs-add-another-cols)]", children: [
       columns.map((column) => /* @__PURE__ */ jsx("span", { children: column }, column)),
-      canRemove && /* @__PURE__ */ jsx("span", { className: "invisible inline-flex items-center whitespace-nowrap px-ds-4 text-xs font-medium", children: "Remove" })
+      canRemove && /* @__PURE__ */ jsx("span", { className: "invisible inline-flex items-center whitespace-nowrap text-xs font-medium", children: "Remove" })
     ] }),
     /* @__PURE__ */ jsx("ul", { ref: listRef, className: "flex flex-col gap-ds-4 @min-[30rem]:gap-ds-3", children: items.map((item, index) => {
       const id = getId(item);
       return /* @__PURE__ */ jsxs("li", { "data-add-another-row": "", className: "grid grid-cols-1 items-start gap-ds-3 @min-[30rem]:grid-cols-[var(--gs-add-another-cols)]", children: [
         /* @__PURE__ */ jsx(AddAnotherRowCtx.Provider, { value: true, children: renderRow(item, index, (column) => `${column}, ${itemName(index)}`) }),
-        canRemove && // the visible "Remove" starts its name, which says whose row it removes (WCAG 2.5.3 label in name)
-        /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "sm", "aria-label": `Remove ${itemName(index)}`, className: "justify-self-start @min-[30rem]:mt-[calc((var(--ds-control-height-md)-var(--ds-control-height-sm))/2)]", onClick: () => {
+        canRemove && // the visible "Remove" starts its name, which says whose row it removes (WCAG 2.5.3 label in name). A
+        // link, alone under or beside its fields (Sprint 25.19 G4, page_composition#51): its word lines up with
+        // the fields' edge, and beside them it takes a field's height, so it sits on their middle
+        /* @__PURE__ */ jsx(Button, { type: "button", variant: "link", size: "sm", "aria-label": `Remove ${itemName(index)}`, className: "justify-self-start @min-[30rem]:h-[var(--ds-control-height-md)]", onClick: () => {
           pending.current = { kind: "remove", id, index };
           reportChange?.();
           onRemove(id);
@@ -4531,7 +5571,7 @@ function holdsHeader(children) {
   Children.forEach(children, (child) => {
     if (found || !isValidElement(child)) return;
     if (child.type === Fragment$1) found = holdsHeader(child.props.children);
-    else if (child.type === CardHeader) found = true;
+    else if (elementType(child.type) === CardHeader) found = true;
   });
   return found;
 }
@@ -4847,7 +5887,7 @@ function partsOf(children) {
 }
 function splitTitle(children) {
   const parts = partsOf(children);
-  const at = parts.findIndex((p) => isValidElement(p) && p.type === CardTitle);
+  const at = parts.findIndex((p) => isValidElement(p) && elementType(p.type) === CardTitle);
   if (at < 0) return { lead: [], title: parts[0] ?? null, rest: parts.slice(1) };
   return { lead: parts.slice(0, at), title: parts[at], rest: parts.slice(at + 1) };
 }
@@ -4896,7 +5936,7 @@ var CardHeader = forwardRef(function CardHeader2(allProps, ref) {
   const { lead, title, rest } = splitTitle(children);
   const leadBlock = lead.length > 0 ? /* @__PURE__ */ jsx("div", { "data-card-lead": "", className: "flex flex-col space-y-ds-1.5 min-w-0 grow", children: lead }) : null;
   const topLine = iconBlock ?? leadBlock;
-  const ownBlock = title !== null && !(isValidElement(title) && title.type === CardTitle);
+  const ownBlock = title !== null && !(isValidElement(title) && elementType(title.type) === CardTitle);
   const actionsSlot = "actions" in allProps ? /* @__PURE__ */ jsx("div", { "data-header-actions": "", className: "contents", children: partsOf(actions).map((item, i) => /* @__PURE__ */ jsx("span", { className: cn("flex items-center shrink-0", TITLE_LINE), children: item }, isValidElement(item) && item.key !== null ? item.key : i)) }) : null;
   return /* @__PURE__ */ jsxs("div", { ref, "data-card-header": "", className: cn("flex flex-col px-ds-5 pt-ds-4 last:pb-ds-4 min-w-0", className), ...props, children: [
     topLine && /* @__PURE__ */ jsxs("div", { "data-card-icon-row": iconBlock ? "" : void 0, "data-card-lead-row": iconBlock ? void 0 : "", className: cn("flex items-start gap-ds-2", iconBlock ? "mb-ds-2.5" : "mb-ds-1.5"), children: [
@@ -5489,7 +6529,7 @@ function useTitleFloorFits(rowRef, active) {
 }
 function actionsAreBadges(actions) {
   const items = Children.toArray(actions);
-  return items.length > 0 && items.every((item) => isValidElement(item) && (item.type === Fragment$1 ? actionsAreBadges(item.props.children) : item.type === Badge));
+  return items.length > 0 && items.every((item) => isValidElement(item) && (item.type === Fragment$1 ? actionsAreBadges(item.props.children) : elementType(item.type) === Badge));
 }
 function TruncCell({ children, lines }) {
   const { ref, isTruncated } = useTextOverflow({ lines });
@@ -5536,19 +6576,13 @@ function sortableValue(v) {
   if (typeof v === "boolean") return v ? 1 : 0;
   return isValidElement(v) || typeof v === "object" ? null : String(v);
 }
-var COLLATORS = /* @__PURE__ */ new Map();
-function collator() {
-  const locale = formatLocale() ?? "";
-  let c = COLLATORS.get(locale);
-  if (!c) {
-    c = new Intl.Collator(locale || void 0, { numeric: true });
-    COLLATORS.set(locale, c);
-  }
-  return c;
+var COLLATORS = localeCache(32);
+function collator(given) {
+  return COLLATORS(given ?? "", () => new Intl.Collator(given || void 0, { numeric: true }));
 }
-function compareValues(a, b) {
+function compareValues(a, b, locale) {
   if (typeof a === "number" && typeof b === "number") return a - b;
-  return collator().compare(String(a), String(b));
+  return collator(locale).compare(String(a), String(b));
 }
 var UNIT_SCALE = {
   "": 1,
@@ -5710,12 +6744,13 @@ function Table({
   );
   const columnKeys = useMemo(() => columns.map((c) => c.key), [columns]);
   const inferredKinds = useMemo(() => inferColumnKinds(data, columnKeys), [data, columnKeys]);
-  const kindOf = useCallback(
+  const kindOf2 = useCallback(
     (col) => col.kind ?? inferredKinds.get(col.key),
     [inferredKinds]
   );
   const sortColumn = sortKey ? columns.find((c) => c.key === sortKey) : void 0;
-  const sortKind = sortColumn ? kindOf(sortColumn) : void 0;
+  const sortKind = sortColumn ? kindOf2(sortColumn) : void 0;
+  const locale = useFormatLocale();
   const { sortedAll, unsortable } = useMemo(() => {
     const indexed = data.map((row, i) => ({ row, originalIdx: i }));
     if (!sortKey || !sortDir) return { sortedAll: indexed, unsortable: null };
@@ -5729,11 +6764,11 @@ function Table({
     const elements = valued.some((v) => v.value === null);
     const sorted = elements ? indexed : valued.sort((a, b) => {
       if (a.value === void 0 || b.value === void 0) return a.value === b.value ? 0 : a.value === void 0 ? 1 : -1;
-      const cmp = compareValues(a.value, b.value);
+      const cmp = compareValues(a.value, b.value, locale);
       return sortDir === "asc" ? cmp : -cmp;
     });
     return { sortedAll: sorted, unsortable: elements ? sortKey : null };
-  }, [data, sortKey, sortDir, sortColumn, sortKind]);
+  }, [data, sortKey, sortDir, sortColumn, sortKind, locale]);
   const canSort = useMemo(() => {
     const can = /* @__PURE__ */ new Set();
     for (const col of columns) if (col.sortValue || data.every((row) => sortableValue(row[col.key]) !== null)) can.add(col.key);
@@ -5828,8 +6863,8 @@ function Table({
       const frame = scroller.clientWidth;
       const nameFits = nameIndex >= 0 && frame > 0 && at + nameWidth + fromRight <= frame / 2;
       if (nameFits) start.push(at);
-      const pad3 = (cell, side) => cell ? parseFloat(getComputedStyle(cell)[side]) || 0 : 0;
-      const panel = cells.length > lead ? [at + pad3(cells[lead], "paddingLeft"), pad3(cells[cells.length - 1], "paddingRight")] : null;
+      const pad4 = (cell, side) => cell ? parseFloat(getComputedStyle(cell)[side]) || 0 : 0;
+      const panel = cells.length > lead ? [at + pad4(cells[lead], "paddingLeft"), pad4(cells[cells.length - 1], "paddingRight")] : null;
       const next = { start, end, nameFits, frame, panel };
       setPins((prev) => samePins(prev, next) ? prev : next);
     };
@@ -5860,13 +6895,13 @@ function Table({
     if (!table2 || isMobile) return;
     const next = /* @__PURE__ */ new Map();
     for (const col of columns) {
-      if (kindOf(col)) continue;
+      if (kindOf2(col)) continue;
       const texts = Array.from(table2.querySelectorAll(`:scope > tbody > tr > td[data-col="${CSS.escape(col.key)}"]`)).slice(0, 50).map((td) => td.textContent ?? "");
       const kind = texts.length ? kindOfRenderedText(texts) : void 0;
       if (kind) next.set(col.key, kind);
     }
     setRenderedKinds((prev) => prev.size === next.size && [...next].every(([k, v]) => prev.get(k) === v) ? prev : next);
-  }, [columns, kindOf, drawn, isMobile]);
+  }, [columns, kindOf2, drawn, isMobile]);
   const expandedKey = expanded.map(String).join("
");
   const shownBefore = useRef(/* @__PURE__ */ new Set());
   const pendingScroll = useRef(null);
@@ -5913,10 +6948,10 @@ function Table({
   const control = pager && !loading && data.length > 0 ? /* @__PURE__ */ jsx(Pagination, { ...pager.props }) : null;
   const listRoot = control ? void 0 : setRoot;
   const listClass = control ? void 0 : className;
-  const withControl = (list) => control ? /* @__PURE__ */ jsxs("div", { ref: setRoot, "data-gs-paged": "", className: cn("flex flex-col min-w-0", className), children: [
-    list,
+  const withControl = (list2) => control ? /* @__PURE__ */ jsxs("div", { ref: setRoot, "data-gs-paged": "", className: cn("flex flex-col min-w-0", className), children: [
+    list2,
     control
-  ] }) : list;
+  ] }) : list2;
   const focusWas = useRef(null);
   const noteFocus = (e) => {
     const target = e.target;
@@ -6055,7 +7090,7 @@ function Table({
       columns.map((col, c) => {
         const isSortable = col.header.trim() !== "" && (col.sortable ?? (!!sortable && canSort.has(col.key)));
         const isActiveSort = sortKey === col.key && !!sortDir && unsortable !== col.key;
-        const headerKind = kindOf(col);
+        const headerKind = kindOf2(col);
         const headerAlign = col.align ?? (headerKind === "number" ? "right" : "left");
         const shrink = (headerKind === "number" || headerKind === "date") && !col.maxWidth;
         const style = { maxWidth: col.maxWidth, width: col.width, minWidth: col.minWidth, ...pinStyle(lead + c, cellCount) };
@@ -6177,11 +7212,11 @@ function Table({
               ) }),
               columns.map((col, c) => {
                 const truncLines = col.truncate === true ? 1 : col.truncate ? col.truncate.lines : 0;
-                const kind = kindOf(col);
+                const kind = kindOf2(col);
                 const alignClass = col.align ? col.align === "right" ? "text-right" : col.align === "center" ? "text-center" : "text-left" : kind === "number" ? "text-right" : "text-left";
                 const cellContent = row[col.key];
                 const shrink = (kind === "number" || kind === "date") && !col.maxWidth;
-                const whole = !kind && renderedKinds.has(col.key);
+                const whole2 = !kind && renderedKinds.has(col.key);
                 let inner;
                 if (truncLines > 0) {
                   inner = /* @__PURE__ */ jsx(TruncCell, { lines: truncLines, children: cellContent });
@@ -6204,7 +7239,7 @@ function Table({
                       "text-[var(--ds-text-primary)]",
                       alignClass,
                       shrink && "w-px whitespace-nowrap",
-                      whole && "whitespace-nowrap",
+                      whole2 && "whitespace-nowrap",
                       kind === "identifier" && "[overflow-wrap:anywhere]"
                     ),
                     style: col.maxWidth || col.width || col.minWidth || c + lead < pinnedStart || c >= columns.length - endCount ? { maxWidth: col.maxWidth, width: col.width, minWidth: col.minWidth, ...pinStyle(lead + c, cellCount) } : void 0,
@@ -6444,7 +7479,7 @@ function SegmentedControl({
         // theme's radius; the segments inside sit concentric with it (SEGMENT_RADIUS)
         "rounded-[var(--ds-radius-md)]",
         // The frame's edge is a button's: each segment is a labelled button, so the frame isn't what identifies the
-        // control, and WCAG 1.4.11 asks no 3:1 of it. The selected segment carries the 3:1 edge instead (below)
+        // control, and WCAG 1.4.11 asks no 3:1 of it
         variant === "default" && "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
         control.invalid && "border-[length:var(--ds-border-width)] border-[var(--ds-status-error)]",
         className
@@ -6457,9 +7492,11 @@ function SegmentedControl({
             className: cn(
               "absolute rounded-[var(--ds-segment-radius)]",
               "bg-[var(--ds-bg-surface)]",
-              // The selected state is what the control shows, so its edge is the one at 3:1 (WCAG 1.4.11), against the
-              // frame's fill and its own: the surface on the muted fill alone measures 1.05–1.46:1 across the presets
-              "border-[length:var(--ds-border-width)] border-[var(--ds-input-border)]",
+              // The selected segment is a kind of button, so it takes a secondary button's surface and edge, as the frame
+              // takes a button's edge (the owner, 3 October 2026: the 3:1 strong edge it kept from Sprint 25.14 drew the
+              // darker outline 25.19 took off the fields). It shows its state as the raised surface on the muted track, with
+              // the default variant's shadow and its label's stronger colour
+              "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
               variant === "default" && "shadow-[var(--ds-shadow-sm)]",
               "transition-all motion-reduce:transition-none"
             ),
@@ -6533,12 +7570,13 @@ var ACCENT = {
 var NEUTRAL = {
   fill: "var(--ds-bg-muted)",
   text: "var(--ds-text-primary)",
-  edge: "var(--ds-input-border)"
+  edge: "var(--ds-control-edge-strong)"
 };
 function EventBar({ event, category, compact, onOpen, inert, showTime = true, continuesBefore, continuesAfter, className, style }) {
   const ref = useRef(null);
   const colours = eventColours(category);
-  const name = eventName(event, category);
+  const words = useDateWords();
+  const name = eventName(event, category, words);
   const look = cn(
     "border-[length:var(--ds-border-width)] border-solid rounded-[var(--ds-radius-sm)]",
     continuesBefore && "rounded-s-none border-s-0",
@@ -6591,17 +7629,18 @@ function EventBar({ event, category, compact, onOpen, inert, showTime = true, co
       },
       "aria-label": name,
       children: [
-        showTime && !event.allDay && /* @__PURE__ */ jsx("span", { className: "font-medium mr-ds-1", children: formatTime(event.start) }),
+        showTime && !event.allDay && /* @__PURE__ */ jsx("span", { className: "font-medium mr-ds-1", children: words.formatTime(event.start) }),
         event.title
       ]
     }
   );
 }
-function eventName(event, category) {
-  return [event.title, formatEventWhen(event, true), category?.label].filter(Boolean).join(", ");
+function eventName(event, category, words) {
+  return [event.title, words.formatEventWhen(event, true), category?.label].filter(Boolean).join(", ");
 }
 var CALENDAR_LAYER = "data-calendar-layer";
-function EventCard({ event, category, anchor, actions, onClose, fallbackFocus }) {
+function EventCard({ event, category, anchor, actions, onClose, fallbackFocus, repeatSummary }) {
+  const words = useDateWords();
   const anchorRef = useMemo(() => ({ current: anchor }), [anchor]);
   const panelRef = useRef(null);
   const titleId = useId();
@@ -6645,14 +7684,14 @@ function EventCard({ event, category, anchor, actions, onClose, fallbackFocus })
     };
   }, [anchor, isTop, returnFocus, closeRef]);
   const run = (action) => {
-    const list = anchor.closest(`[${CALENDAR_LAYER}]`);
+    const list2 = anchor.closest(`[${CALENDAR_LAYER}]`);
     returnFocus();
     onClose();
     action.onClick(event);
     requestAnimationFrame(() => {
       const now = document.activeElement;
       if (now && now !== document.body && now.isConnected) return;
-      if (list?.isConnected && focusInitial(list)) return;
+      if (list2?.isConnected && focusInitial(list2)) return;
       fallbackFocus?.()?.focus();
     });
   };
@@ -6700,15 +7739,19 @@ function EventCard({ event, category, anchor, actions, onClose, fallbackFocus })
             category.label
           ] }),
           /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--ds-text-secondary)] tabular-nums", children: [
-            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: formatEventWhen(event) }),
-            /* @__PURE__ */ jsx("span", { className: "sr-only", children: formatEventWhen(event, true) })
+            /* @__PURE__ */ jsx("span", { "aria-hidden": "true", children: words.formatEventWhen(event) }),
+            /* @__PURE__ */ jsx("span", { className: "sr-only", children: words.formatEventWhen(event, true) })
+          ] }),
+          repeatSummary && /* @__PURE__ */ jsxs("p", { "data-card-repeat": "", className: "text-xs text-[var(--ds-text-secondary)] flex items-start gap-ds-1", children: [
+            /* @__PURE__ */ jsx(Icon, { name: "refresh", size: 14, className: "shrink-0 mt-px" }),
+            /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: repeatSummary })
           ] }),
           event.location && /* @__PURE__ */ jsxs("p", { className: "text-xs text-[var(--ds-text-secondary)] flex items-start gap-ds-1", children: [
             /* @__PURE__ */ jsx(Icon, { name: "map-pin", size: 14, className: "shrink-0 mt-px" }),
             /* @__PURE__ */ jsx("span", { className: "min-w-0 break-words", children: event.location })
           ] }),
           event.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--ds-text-secondary)] whitespace-pre-line break-words", children: event.description }),
-          event.attendees && event.attendees.length > 0 && /* @__PURE__ */ jsx("div", { ref: setAttendeeScroll, className: "max-h-32 overflow-y-auto", children: /* @__PURE__ */ jsx("ul", { "aria-label": "Attendees", className: "space-y-ds-1", children: event.attendees.map((person, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-ds-2 text-xs text-[var(--ds-text-primary)]", children: [
+          event.attendees && event.attendees.length > 0 && /* @__PURE__ */ jsx("div", { ref: setAttendeeScroll, className: cn("max-h-32 overflow-y-auto -mx-[2px] p-[2px]", FOCUS_INSET), children: /* @__PURE__ */ jsx("ul", { "aria-label": "Attendees", className: "space-y-ds-1", children: event.attendees.map((person, i) => /* @__PURE__ */ jsxs("li", { className: "flex items-center gap-ds-2 text-xs text-[var(--ds-text-primary)]", children: [
             /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "shrink-0", children: /* @__PURE__ */ jsx(Avatar, { size: "sm", initials: person.initials ?? person.name }) }),
             /* @__PURE__ */ jsx("span", { className: "min-w-0 truncate", children: person.name })
           ] }, `${person.name}-${i}`)) }) }),
@@ -6720,6 +7763,7 @@ function EventCard({ event, category, anchor, actions, onClose, fallbackFocus })
   );
 }
 function DayList({ day, events, categories, anchor, onOpenEvent, onNewEvent, onClose }) {
+  const { formatDayLong, formatDayShort } = useDateWords();
   const anchorRef = useMemo(() => ({ current: anchor }), [anchor]);
   const panelRef = useRef(null);
   const pos = usePosition(anchorRef, panelRef, true, { side: "bottom", align: "start", offset: 4, flip: true });
@@ -6803,16 +7847,18 @@ var LANE_GAP = 4;
 var NUMBER_ROW = 30;
 var INSET = "var(--ds-space-1)";
 function MonthView({ date, events, categories, selectedDate, onDayClick, canStartEvent, onOpenEvent, onNavigate, weekStartsOn }) {
+  const { weekdayNames, formatDayLong, formatMonthYear } = useDateWords();
+  const now = useToday();
   const weeks = useMemo(() => getMonthGrid(date.getFullYear(), date.getMonth(), weekStartsOn), [date, weekStartsOn]);
   const phone = useBreakpoint("sm");
   const names = { short: weekdayNames(weekStartsOn, "short"), narrow: weekdayNames(weekStartsOn, "narrow"), long: weekdayNames(weekStartsOn, "long") };
   const layouts = useMemo(() => weeks.map((week) => layoutWeek(events, week, LANES)), [weeks, events]);
   const currentMonth = date.getMonth();
   const gridRef = useRef(null);
-  const [list, setList] = useState(null);
+  const [list2, setList] = useState(null);
   const inMonth = (d) => !!d && d.getMonth() === currentMonth && d.getFullYear() === date.getFullYear();
-  const fallback = inMonth(selectedDate) ? selectedDate : inMonth(/* @__PURE__ */ new Date()) ? /* @__PURE__ */ new Date() : new Date(date.getFullYear(), currentMonth, 1);
-  const [activeDay, setActiveDay] = useState(fallback);
+  const fallback = inMonth(selectedDate) ? selectedDate : inMonth(now) ? now : new Date(date.getFullYear(), currentMonth, 1);
+  const [activeDay, setActiveDay] = useState(null);
   const active = inMonth(activeDay) ? activeDay : fallback;
   const openList = (day, anchor) => setList({ day, anchor });
   const choose = (day, anchor) => phone ? openList(day, anchor) : onDayClick(day);
@@ -6836,7 +7882,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
         return /* @__PURE__ */ jsx("div", { role: "row", className: "relative grid grid-cols-7 flex-1", children: week.map((day, di) => {
           const dayEvents = getEventsForDay(events, day);
           const isCurrentMonth = day.getMonth() === currentMonth;
-          const today = isToday(day);
+          const today = now !== null && isSameDay(day, now);
           const selected = !!selectedDate && isSameDay(day, selectedDate);
           const weekend = isWeekend(day);
           const more = layout.more[di];
@@ -6851,7 +7897,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
               "aria-selected": selected,
               "aria-current": today ? "date" : void 0,
               onFocus: () => {
-                if (!isSameDay(day, active)) setActiveDay(day);
+                if (!activeDay || !isSameDay(day, activeDay)) setActiveDay(day);
               },
               onClick: (e) => choose(day, e.currentTarget),
               className: cn(
@@ -6900,7 +7946,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
                     {
                       type: "button",
                       "aria-haspopup": "dialog",
-                      "aria-expanded": !!list && isSameDay(list.day, day),
+                      "aria-expanded": !!list2 && isSameDay(list2.day, day),
                       className: "absolute z-[1] text-2xs text-[var(--ds-accent-text,var(--ds-accent-primary))] font-medium cursor-pointer hover:underline px-ds-1.5 rounded-[var(--ds-radius-sm)] focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
                       style: { top: NUMBER_ROW + (LANES - 1) * (LANE_H + LANE_GAP), left: INSET, height: LANE_H },
                       onClick: (e) => {
@@ -6922,13 +7968,13 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
         }) }, dayKey(week[0]));
       }) })
     ] }),
-    list && /* @__PURE__ */ jsx(
+    list2 && /* @__PURE__ */ jsx(
       DayList,
       {
-        day: list.day,
-        events: getEventsForDay(events, list.day),
+        day: list2.day,
+        events: getEventsForDay(events, list2.day),
         categories,
-        anchor: list.anchor,
+        anchor: list2.anchor,
         onOpenEvent,
         onNewEvent: phone && canStartEvent ? onDayClick : void 0,
         onClose: () => setList(null)
@@ -6964,6 +8010,7 @@ function NowLine() {
   return /* @__PURE__ */ jsx("div", { "data-now-line": "", "aria-hidden": "true", className: "absolute left-0 right-0 z-[2] pointer-events-none", style: { top: timeToFraction(now) * GRID_HEIGHT }, children: /* @__PURE__ */ jsx("div", { className: "relative border-t-2 border-[var(--ds-accent-primary)]", children: /* @__PURE__ */ jsx("span", { className: "absolute -left-1 -top-[5px] box-border w-2 h-2 rounded-[var(--ds-radius-full)] border-4 border-[var(--ds-accent-primary)]" }) }) });
 }
 function TimedEvent({ placed, category, onOpen, onFocusEvent }) {
+  const words = useDateWords();
   const { piece, column, columns } = placed;
   const { event } = piece;
   const top = timeToFraction(piece.start) * GRID_HEIGHT;
@@ -6979,7 +8026,7 @@ function TimedEvent({ placed, category, onOpen, onFocusEvent }) {
     {
       type: "button",
       "data-calendar-event": event.id,
-      "aria-label": eventName(event, category),
+      "aria-label": eventName(event, category, words),
       className: cn(
         // a short event keeps its title whole: no padding above and below it
         "absolute pointer-events-auto text-left px-ds-1.5 text-xs leading-tight",
@@ -7007,13 +8054,16 @@ function TimedEvent({ placed, category, onOpen, onFocusEvent }) {
       onFocus: onFocusEvent,
       children: [
         /* @__PURE__ */ jsx("span", { className: "font-medium truncate w-full", children: event.title }),
-        height > 30 && /* @__PURE__ */ jsx("span", { className: "text-2xs truncate w-full tabular-nums", children: formatTimeRange(event.start, end) })
+        height > 30 && /* @__PURE__ */ jsx("span", { className: "text-2xs truncate w-full tabular-nums", children: words.formatTimeRange(event.start, end) })
       ]
     }
   );
 }
 function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEvent, onNavigate, weekStartsOn }) {
   const days = useMemo(() => getWeekDays(date, weekStartsOn), [date, weekStartsOn]);
+  const { weekdayNames, formatHourLabel, formatTime: formatTime2, formatDayLong, formatWeekRange } = useDateWords();
+  const now = useToday();
+  const isToday = (d) => now !== null && isSameDay(d, now);
   const names = weekdayNames(weekStartsOn, "short");
   const barEvents = useMemo(() => events.filter(isBarEvent), [events]);
   const allDay = useMemo(() => layoutWeek(barEvents, days, ALL_DAY_LANES), [barEvents, days]);
@@ -7023,7 +8073,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
   const scrollerRef = useRef(null);
   const syncingScroll = useRef(false);
   const { ref: edgesRef, measure: measureEdges, fadeProps: edgeFade } = useScrollEdges();
-  const [list, setList] = useState(null);
+  const [list2, setList] = useState(null);
   const handleScroll = useCallback((e) => {
     if (syncingScroll.current) return;
     syncingScroll.current = true;
@@ -7038,8 +8088,8 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
     panels?.forEach((panel) => panel.addEventListener("scroll", handleScroll));
     return () => panels?.forEach((panel) => panel.removeEventListener("scroll", handleScroll));
   }, [handleScroll]);
-  const starts = pieces.flat().filter((p) => p.piece.start.getTime() === p.piece.event.start.getTime()).map((p) => p.piece.start.getHours() + p.piece.start.getMinutes() / 60);
-  const earliest = Math.floor(Math.min(WORKING_DAY, ...starts));
+  const starts2 = pieces.flat().filter((p) => p.piece.start.getTime() === p.piece.event.start.getTime()).map((p) => p.piece.start.getHours() + p.piece.start.getMinutes() / 60);
+  const earliest = Math.floor(Math.min(WORKING_DAY, ...starts2));
   const topOf = (hour) => Math.max(0, hour * HOUR_HEIGHT - HOUR_LABEL_ROOM);
   const openingHourRef = useLatest(earliest);
   const opened = useRef(null);
@@ -7079,8 +8129,8 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
   }, [earliest, week]);
   const inWeek = (d) => days.some((day) => isSameDay(day, d));
   const anchorDay = selectedDate && inWeek(selectedDate) ? selectedDate : days.find(isToday) ?? days[0];
-  const [activeKey, setActiveKey] = useState(() => cellKey(anchorDay, openingHour));
-  const active = inWeek(parseKey(activeKey).day) ? activeKey : cellKey(anchorDay, parseKey(activeKey).hour);
+  const [activeKey, setActiveKey] = useState(null);
+  const active = activeKey !== null && inWeek(parseKey(activeKey).day) ? activeKey : cellKey(anchorDay, activeKey !== null ? parseKey(activeKey).hour : openingHour);
   const firstVisibleHour = () => Math.min(23, Math.ceil((scrollerRef.current?.scrollTop ?? 0) / HOUR_HEIGHT));
   const placeInView = (_key, el) => {
     const scroller = scrollerRef.current;
@@ -7165,7 +8215,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
             tabIndex: grid.tabIndexOf(key),
             "aria-label": `${formatDayLong(day)}, all day`,
             onFocus: () => {
-              if (active !== key) setActiveKey(key);
+              if (activeKey !== key) setActiveKey(key);
             },
             onClick: () => onDayClick(day),
             className: cn("relative cursor-pointer", FOCUS_INSET, i > 0 && "border-l-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]"),
@@ -7193,7 +8243,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
                 {
                   type: "button",
                   "aria-haspopup": "dialog",
-                  "aria-expanded": !!list && isSameDay(list.day, day),
+                  "aria-expanded": !!list2 && isSameDay(list2.day, day),
                   className: "absolute z-[1] text-2xs text-[var(--ds-accent-text,var(--ds-accent-primary))] font-medium cursor-pointer hover:underline px-ds-1.5 rounded-[var(--ds-radius-sm)] focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
                   style: { top: 2 + (ALL_DAY_LANES - 1) * (LANE_H2 + LANE_GAP2), left: 2, height: LANE_H2 },
                   onClick: (e) => {
@@ -7224,9 +8274,9 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
               role: "gridcell",
               "data-grid-key": key,
               tabIndex: grid.tabIndexOf(key),
-              "aria-label": `${formatDayLong(day)}, ${formatTime(new Date(day.getFullYear(), day.getMonth(), day.getDate(), hour))}`,
+              "aria-label": `${formatDayLong(day)}, ${formatTime2(new Date(day.getFullYear(), day.getMonth(), day.getDate(), hour))}`,
               onFocus: () => {
-                if (active !== key) setActiveKey(key);
+                if (activeKey !== key) setActiveKey(key);
               },
               onClick: chooseHour(day, hour),
               className: cn(
@@ -7253,18 +8303,21 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
         ] }, i)) })
       ] }) })
     ] }),
-    list && /* @__PURE__ */ jsx(DayList, { day: list.day, events: getEventsForDay(barEvents, list.day), categories, anchor: list.anchor, onOpenEvent, onClose: () => setList(null) })
+    list2 && /* @__PURE__ */ jsx(DayList, { day: list2.day, events: getEventsForDay(barEvents, list2.day), categories, anchor: list2.anchor, onOpenEvent, onClose: () => setList(null) })
   ] });
 }
 var WEEKS_SHOWN = 6;
 var COLS = WEEKS_SHOWN * 7;
+var NONE = [];
 function DayCellWithPopover({
   day,
   month,
   events,
   categories,
   selectedDate,
-  isEvenRow
+  isEvenRow,
+  today: now,
+  words
 }) {
   const [open, setOpen] = useState(false);
   const cellRef = useRef(null);
@@ -7277,8 +8330,8 @@ function DayCellWithPopover({
   });
   const hoverTimeout = useRef(void 0);
   const inMonth = day.getMonth() === month;
-  const dayEvents = inMonth ? getEventsForDay(events, day) : [];
-  const today = inMonth && isToday(day);
+  const dayEvents = inMonth ? events : NONE;
+  const today = inMonth && now !== null && isSameDay(day, now);
   const selected = inMonth && selectedDate && isSameDay(day, selectedDate);
   const hasEvents = dayEvents.length > 0;
   const handleMouseEnter = () => {
@@ -7334,7 +8387,7 @@ function DayCellWithPopover({
               style: { top: pos.top, left: pos.left },
               role: "tooltip",
               children: [
-                /* @__PURE__ */ jsx("p", { className: "text-2xs font-medium text-[var(--ds-text-muted)] px-ds-1 mb-ds-0.5", children: formatDayShort(day) }),
+                /* @__PURE__ */ jsx("p", { className: "text-2xs font-medium text-[var(--ds-text-muted)] px-ds-1 mb-ds-0.5", children: words.formatDayShort(day) }),
                 dayEvents.map((event) => /* @__PURE__ */ jsx(EventBar, { event, category: categories[event.category ?? ""], inert: true }, event.id))
               ]
             }
@@ -7348,11 +8401,13 @@ function DayCellWithPopover({
 function MonthRow({
   year,
   month,
-  events,
+  byDay,
   categories,
   selectedDate,
   onClick,
-  weekStartsOn
+  weekStartsOn,
+  today,
+  words
 }) {
   const grid = useMemo(
     () => getMonthGrid(year, month, weekStartsOn),
@@ -7361,15 +8416,18 @@ function MonthRow({
   const flat = grid.flat();
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(
-      "div",
+      "button",
       {
+        type: "button",
+        "aria-label": `${words.monthName(month, "short")} ${year}`,
         className: cn(
           "sticky left-0 z-10 flex items-center justify-center px-ds-2 text-xs font-semibold text-[var(--ds-text-primary)]",
           "bg-[var(--ds-bg-muted)] cursor-pointer hover:text-[var(--ds-accent-primary)] transition-colors",
-          "border-r-[length:var(--ds-divider-width)] border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]"
+          "border-r-[length:var(--ds-divider-width)] border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]",
+          FOCUS_INSET
         ),
         onClick,
-        children: monthName(month, "short")
+        children: words.monthName(month, "short")
       }
     ),
     flat.map((day, i) => /* @__PURE__ */ jsx(
@@ -7377,10 +8435,12 @@ function MonthRow({
       {
         day,
         month,
-        events,
+        events: byDay.get(dayKey(day)) ?? NONE,
         categories,
         selectedDate,
-        isEvenRow: month % 2 === 0
+        isEvenRow: month % 2 === 0,
+        today,
+        words
       },
       i
     ))
@@ -7395,7 +8455,10 @@ function YearView({
   weekStartsOn
 }) {
   const year = date.getFullYear();
-  const dayNames = weekdayNames(weekStartsOn, "narrow");
+  const words = useDateWords();
+  const today = useToday();
+  const dayNames = words.weekdayNames(weekStartsOn, "narrow");
+  const byDay = useMemo(() => groupEventsByDay(events, new Date(year, 0, 1), new Date(year + 1, 0, 1)), [events, year]);
   const repeatedHeaders = useMemo(() => {
     const headers = [];
     for (let w = 0; w < WEEKS_SHOWN; w++) {
@@ -7432,11 +8495,13 @@ function YearView({
           {
             year,
             month,
-            events,
+            byDay,
             categories,
             selectedDate,
             onClick: () => onMonthClick(month),
-            weekStartsOn
+            weekStartsOn,
+            today,
+            words
           },
           month
         ))
@@ -7445,14 +8510,16 @@ function YearView({
   ) });
 }
 function CompactMonthView({ date, events, categories, selectedDate, onDayClick, onOpenEvent, onNavigate, weekStartsOn }) {
+  const { weekdayNames, formatDayLong, formatMonthYear } = useDateWords();
+  const now = useToday();
   const weeks = useMemo(() => getMonthGrid(date.getFullYear(), date.getMonth(), weekStartsOn), [date, weekStartsOn]);
   const names = { narrow: weekdayNames(weekStartsOn, "narrow"), long: weekdayNames(weekStartsOn, "long") };
   const currentMonth = date.getMonth();
   const gridRef = useRef(null);
-  const [list, setList] = useState(null);
+  const [list2, setList] = useState(null);
   const inMonth = (d) => !!d && d.getMonth() === currentMonth && d.getFullYear() === date.getFullYear();
-  const fallback = inMonth(selectedDate) ? selectedDate : inMonth(/* @__PURE__ */ new Date()) ? /* @__PURE__ */ new Date() : new Date(date.getFullYear(), currentMonth, 1);
-  const [activeDay, setActiveDay] = useState(fallback);
+  const fallback = inMonth(selectedDate) ? selectedDate : inMonth(now) ? now : new Date(date.getFullYear(), currentMonth, 1);
+  const [activeDay, setActiveDay] = useState(null);
   const active = inMonth(activeDay) ? activeDay : fallback;
   const grid = useGridKeyboard({
     container: gridRef,
@@ -7470,7 +8537,7 @@ function CompactMonthView({ date, events, categories, selectedDate, onDayClick,
       weeks.map((week) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid grid-cols-7", children: week.map((day) => {
         const isCurrentMonth = day.getMonth() === currentMonth;
         const dayEvents = isCurrentMonth ? getEventsForDay(events, day) : [];
-        const today = isCurrentMonth && isToday(day);
+        const today = isCurrentMonth && now !== null && isSameDay(day, now);
         const selected = isCurrentMonth && !!selectedDate && isSameDay(day, selectedDate);
         return /* @__PURE__ */ jsxs(
           "button",
@@ -7483,7 +8550,7 @@ function CompactMonthView({ date, events, categories, selectedDate, onDayClick,
             "aria-selected": selected,
             "aria-current": today ? "date" : void 0,
             onFocus: () => {
-              if (!isSameDay(day, active)) setActiveDay(day);
+              if (!activeDay || !isSameDay(day, activeDay)) setActiveDay(day);
             },
             onClick: (e) => {
               onDayClick(day);
@@ -7506,7 +8573,7 @@ function CompactMonthView({ date, events, categories, selectedDate, onDayClick,
         );
       }) }, dayKey(week[0])))
     ] }),
-    list && /* @__PURE__ */ jsx(DayList, { day: list.day, events: getEventsForDay(events, list.day), categories, anchor: list.anchor, onOpenEvent, onClose: () => setList(null) })
+    list2 && /* @__PURE__ */ jsx(DayList, { day: list2.day, events: getEventsForDay(events, list2.day), categories, anchor: list2.anchor, onOpenEvent, onClose: () => setList(null) })
   ] });
 }
 
@@ -7539,10 +8606,19 @@ var viewLabels = {
   year: "Year"
 };
 var VIEWS = ["week", "month", "year"];
+var PENDING_HEAD = { default: "h-[97px] @min-[500px]:h-[49px]", compact: "h-[41px]" };
+var PENDING_BODY = {
+  month: "h-[513px] sm:h-[633px]",
+  week: "h-[1056px]",
+  year: "h-[455px]",
+  compact: "h-[332px]"
+};
+var NO_EVENTS = [];
 function MonthDropdown({
   currentDate,
   onSelect
 }) {
+  const { formatMonthYear, monthName: monthName2 } = useDateWords();
   const [open, setOpen] = useState(false);
   const [browseYear, setBrowseYear] = useState(currentDate.getFullYear());
   const triggerRef = useRef(null);
@@ -7642,7 +8718,7 @@ function MonthDropdown({
                 }
               )
             ] }),
-            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-ds-1", children: Array.from({ length: 12 }, (_, i) => monthName(i, "short")).map((name, i) => {
+            /* @__PURE__ */ jsx("div", { className: "grid grid-cols-3 gap-ds-1", children: Array.from({ length: 12 }, (_, i) => monthName2(i, "short")).map((name, i) => {
               const isActive2 = i === currentMonth && browseYear === currentYear;
               return /* @__PURE__ */ jsx(
                 "button",
@@ -7815,10 +8891,14 @@ function Calendar({
   onDayClick,
   eventActions,
   categories = DEFAULT_CATEGORIES,
-  weekStartsOn = 1,
+  weekStartsOn: weekStartsOnProp,
   size = "default",
   className
 }) {
+  const weekStartsOn = useWeekStart(weekStartsOnProp);
+  const { formatWeekRange, formatMonthYear } = useDateWords();
+  const locale = useFormatLocale();
+  const hydrated = useHydrated();
   const [currentView, setCurrentView] = useControllableState(
     controlledView,
     defaultView,
@@ -7885,6 +8965,32 @@ function Calendar({
   useEffect(() => {
     if (unreadable) warnOnce("Calendar", `events with a start that isn't a date aren't drawn (${unreadable}): give each a Date, or a date string Date reads.`);
   }, [unreadable]);
+  const drawnFrom = useMemo(() => {
+    if (currentView === "week") return startOfWeek(currentDate, weekStartsOn);
+    if (currentView === "year") return new Date(currentDate.getFullYear(), 0, 1);
+    return getMonthGrid(currentDate.getFullYear(), currentDate.getMonth(), weekStartsOn)[0][0];
+  }, [currentView, currentDate, weekStartsOn]);
+  const drawnTo = useMemo(() => {
+    if (currentView === "week") return addDays2(drawnFrom, 7);
+    if (currentView === "year") return new Date(drawnFrom.getFullYear() + 1, 0, 1);
+    return addDays2(drawnFrom, 42);
+  }, [currentView, drawnFrom]);
+  const { drawnEvents, unreadableRepeats } = useMemo(() => {
+    const out = [];
+    const odd = [];
+    for (const e of stableEvents) {
+      if (!e.repeat) {
+        out.push(e);
+        continue;
+      }
+      if (!readRecurrence(e.repeat)) odd.push(String(e.id));
+      out.push(...occurrences(e, drawnFrom, drawnTo));
+    }
+    return { drawnEvents: out, unreadableRepeats: odd.join(", ") };
+  }, [stableEvents, drawnFrom, drawnTo]);
+  useEffect(() => {
+    if (unreadableRepeats) warnOnce("Calendar", `events whose repeat it can't read are drawn once (${unreadableRepeats}): pass RecurrencePicker's rule, or an RRULE in the subset parseRRule reads.`);
+  }, [unreadableRepeats]);
   useEffect(() => {
     if (!onDateRangeChange) return;
     let start, end;
@@ -7924,35 +9030,133 @@ function Calendar({
     },
     [onDayClick]
   );
+  const viewRef = useRef(null);
+  const focusGridNext = useRef(null);
   const handleMonthClick = useCallback(
     (month) => {
+      focusGridNext.current = { year: currentDate.getFullYear(), month, until: Date.now() + 2e3 };
       setCurrentDate(new Date(currentDate.getFullYear(), month, 1));
       setCurrentView("month");
     },
     [currentDate, setCurrentDate, setCurrentView]
   );
+  useEffect(() => {
+    const wish = focusGridNext.current;
+    if (!wish) return;
+    if (Date.now() > wish.until || currentView !== "month" && currentView !== "year") {
+      focusGridNext.current = null;
+      return;
+    }
+    if (currentView !== "month" || currentDate.getFullYear() !== wish.year || currentDate.getMonth() !== wish.month) return;
+    focusGridNext.current = null;
+    viewRef.current?.querySelector('[role="grid"] [role="gridcell"][tabindex="0"]')?.focus();
+  }, [currentView, currentDate]);
   const headerLabel = useMemo(() => {
     if (currentView === "week") return formatWeekRange(currentDate, weekStartsOn);
     return void 0;
-  }, [currentView, currentDate, weekStartsOn]);
-  const live = openEvent && stableEvents.find((e) => e.id === openEvent.event.id);
+  }, [currentView, currentDate, weekStartsOn, formatWeekRange]);
+  const lastEvent = useRef(null);
+  const drawnRef = useLatest(drawnEvents);
+  const rememberEvent = useCallback((e) => {
+    const id = e.target.closest?.("[data-calendar-event]")?.getAttribute("data-calendar-event");
+    const event = id ? drawnRef.current.find((x) => x.id === id) : void 0;
+    if (event) lastEvent.current = event;
+  }, [drawnRef]);
+  const forgetEvent = useCallback((e) => {
+    const to = e.relatedTarget;
+    if (to && (rootRef.current?.contains(to) || to.closest('[role="dialog"], [role="alertdialog"]'))) return;
+    lastEvent.current = null;
+  }, []);
+  useEffect(() => {
+    const gone = lastEvent.current;
+    if (!gone || drawnEvents.some((e) => e.id === gone.id)) return;
+    const key = currentView === "week" && !gone.allDay ? `${dayKey(gone.start)}T${String(gone.start.getHours()).padStart(2, "0")}` : dayKey(gone.start);
+    const fallen = () => {
+      const active = document.activeElement;
+      return !active || active === document.body || !active.isConnected;
+    };
+    const inOverlay = () => !!document.activeElement?.closest?.('[role="dialog"], [role="alertdialog"]');
+    const SETTLE_MS = 120;
+    let check;
+    const settle = () => {
+      if (fallen()) {
+        rootRef.current?.querySelector(`[role="gridcell"][data-grid-key="${key}"]`)?.focus();
+        stop();
+        return;
+      }
+      if (!inOverlay()) {
+        stop();
+        return;
+      }
+      check = setTimeout(settle, SETTLE_MS);
+    };
+    const onOut = () => {
+      clearTimeout(check);
+      check = setTimeout(settle, SETTLE_MS);
+    };
+    check = setTimeout(settle, SETTLE_MS);
+    const timer = setTimeout(() => stop(), 1e4);
+    function stop() {
+      document.removeEventListener("focusout", onOut, true);
+      clearTimeout(timer);
+      clearTimeout(check);
+      lastEvent.current = null;
+    }
+    document.addEventListener("focusout", onOut, true);
+    return () => {
+      document.removeEventListener("focusout", onOut, true);
+      clearTimeout(timer);
+      clearTimeout(check);
+    };
+  }, [drawnEvents, currentView]);
+  const live = openEvent && drawnEvents.find((e) => e.id === openEvent.event.id);
+  const series = live?.series ? stableEvents.find((e) => e.id === live.series.id) : live?.repeat ? live : void 0;
+  const seriesRule = series ? readRecurrence(series.repeat) : null;
+  const repeatSummary = series?.repeat ? seriesRule ? describeRecurrence(seriesRule, series.start, locale) : "Repeats" : void 0;
   const card = openEvent && live ? /* @__PURE__ */ jsx(
     EventCard,
     {
       event: live,
       category: categories[live.category ?? ""],
       anchor: openEvent.anchor,
+      repeatSummary,
       actions: typeof eventActions === "function" ? eventActions(live) : eventActions ?? [],
       onClose: () => setOpenEvent(null),
       fallbackFocus: () => rootRef.current?.querySelector('[role="gridcell"][tabindex="0"]')
     },
     openEvent.event.id
   ) : null;
+  const shownEvents = hydrated ? drawnEvents : NO_EVENTS;
+  if (!hydrated) {
+    return /* @__PURE__ */ jsxs(
+      "div",
+      {
+        ref: containerRef,
+        "aria-busy": "true",
+        "data-calendar-pending": "",
+        className: cn(
+          "flex flex-col @container",
+          "bg-[var(--ds-bg-surface)]",
+          "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
+          size === "compact" ? "rounded-[var(--ds-radius-md)]" : "rounded-[var(--ds-radius-lg)]",
+          "shadow-[var(--ds-shadow-sm)]",
+          "overflow-hidden",
+          className
+        ),
+        children: [
+          /* @__PURE__ */ jsx("div", { className: cn("bg-[var(--ds-bg-muted)] border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]", size === "compact" ? PENDING_HEAD.compact : PENDING_HEAD.default) }),
+          /* @__PURE__ */ jsx("div", { className: size === "compact" ? PENDING_BODY.compact : PENDING_BODY[currentView] })
+        ]
+      }
+    );
+  }
   if (size === "compact") {
     return /* @__PURE__ */ jsxs(
       "div",
       {
         ref: containerRef,
+        onFocus: rememberEvent,
+        onBlur: forgetEvent,
         className: cn(
           "flex flex-col",
           "bg-[var(--ds-bg-surface)]",
@@ -8006,7 +9210,7 @@ function Calendar({
             CompactMonthView,
             {
               date: currentDate,
-              events: stableEvents,
+              events: shownEvents,
               categories,
               selectedDate,
               onDayClick: handleDayClick,
@@ -8024,6 +9228,8 @@ function Calendar({
     "div",
     {
       ref: containerRef,
+      onFocus: rememberEvent,
+      onBlur: forgetEvent,
       "data-fill": fill2 != null ? "" : void 0,
       className: cn(
         "flex flex-col",
@@ -8094,12 +9300,12 @@ function Calendar({
             ]
           }
         ),
-        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-h-0", style: { minHeight: currentView === "week" ? fill2 != null || inPane ? void 0 : 420 : currentView === "month" ? isNarrow ? 360 : 500 : void 0 }, children: [
+        /* @__PURE__ */ jsxs("div", { ref: viewRef, className: "flex-1 min-h-0", style: { minHeight: currentView === "week" ? fill2 != null || inPane ? void 0 : 420 : currentView === "month" ? isNarrow ? 360 : 500 : void 0 }, children: [
           currentView === "month" && /* @__PURE__ */ jsx(
             MonthView,
             {
               date: currentDate,
-              events: stableEvents,
+              events: shownEvents,
               categories,
               selectedDate,
               onDayClick: handleDayClick,
@@ -8113,7 +9319,7 @@ function Calendar({
             WeekView,
             {
               date: currentDate,
-              events: stableEvents,
+              events: shownEvents,
               categories,
               selectedDate,
               onDayClick: handleDayClick,
@@ -8126,7 +9332,7 @@ function Calendar({
             YearView,
             {
               date: currentDate,
-              events: stableEvents,
+              events: shownEvents,
               categories,
               selectedDate,
               onMonthClick: handleMonthClick,
@@ -8201,7 +9407,7 @@ var defaultIcons = {
 var FRAME_ICON_SIZE = 28;
 function renderIcon(icon) {
   if (typeof icon === "string") return /* @__PURE__ */ jsx(Icon, { name: icon, size: FRAME_ICON_SIZE, className: "text-[var(--ds-text-muted)]", from: "EmptyState's icon" });
-  if (isValidElement(icon) && icon.type === Icon) return cloneElement(icon, { size: FRAME_ICON_SIZE });
+  if (isValidElement(icon) && elementType(icon.type) === Icon) return cloneElement(icon, { size: FRAME_ICON_SIZE });
   return icon;
 }
 function EmptyState({ icon, iconFrame = "circle", title, description, action, variant = "empty", bordered = false, style: styleProp, className }) {
@@ -8459,30 +9665,32 @@ function HorizontalLayout({ items, minItemWidth, className }) {
     ] }, i);
   }) });
 }
-var EXACT = { format: (d) => new Intl.DateTimeFormat(formatLocale(), { dateStyle: "medium", timeStyle: "short" }).format(d) };
-var EXACT_DAY = { format: (d) => new Intl.DateTimeFormat(formatLocale(), { dateStyle: "medium" }).format(d) };
+var exactFormat = (locale, d) => new Intl.DateTimeFormat(locale, { dateStyle: "medium", timeStyle: "short" }).format(d);
+var exactDayFormat = (locale, d) => new Intl.DateTimeFormat(locale, { dateStyle: "medium" }).format(d);
 var DATE_ONLY = /^(\d{4})-(\d{2})-(\d{2})$/;
-function exactTime(value) {
+function exactTime(value, locale) {
   if (typeof value === "string") {
     const day = DATE_ONLY.exec(value.trim());
     if (day) {
       const [y, m, d] = [Number(day[1]), Number(day[2]) - 1, Number(day[3])];
       const date2 = new Date(y, m, d);
-      return date2.getFullYear() === y && date2.getMonth() === m && date2.getDate() === d ? { iso: value.trim(), text: EXACT_DAY.format(date2) } : null;
+      return date2.getFullYear() === y && date2.getMonth() === m && date2.getDate() === d ? { iso: value.trim(), text: exactDayFormat(locale, date2) } : null;
     }
   }
   const date = value instanceof Date ? value : new Date(value);
-  return Number.isNaN(date.getTime()) ? null : { iso: date.toISOString(), text: EXACT.format(date) };
+  return Number.isNaN(date.getTime()) ? null : { iso: date.toISOString(), text: exactFormat(locale, date) };
 }
 function ItemTime({ item }) {
+  const locale = useFormatLocale();
+  const hydrated = useHydrated();
   if (item.time !== void 0) {
     return /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--ds-text-muted)] mt-ds-0.5 tabular-nums", children: /* @__PURE__ */ jsx(RelativeTime, { time: item.time }) });
   }
-  const exact = item.dateTime ? exactTime(item.dateTime) : null;
+  const exact = item.dateTime ? exactTime(item.dateTime, locale) : null;
   if (!item.timestamp && !exact) return null;
-  return /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--ds-text-muted)] mt-ds-0.5 tabular-nums", children: exact ? /* @__PURE__ */ jsxs("time", { dateTime: exact.iso, title: exact.text, children: [
-    item.timestamp ?? exact.text,
-    item.timestamp && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
+  return /* @__PURE__ */ jsx("p", { className: "text-2xs text-[var(--ds-text-muted)] mt-ds-0.5 tabular-nums", children: exact ? /* @__PURE__ */ jsxs("time", { dateTime: exact.iso, title: hydrated ? exact.text : void 0, children: [
+    item.timestamp ?? (hydrated ? exact.text : "\xA0"),
+    item.timestamp && hydrated && /* @__PURE__ */ jsxs("span", { className: "sr-only", children: [
       " (",
       exact.text,
       ")"
@@ -8515,10 +9723,10 @@ function Timeline({ items: allItems, orientation = "vertical", minItemWidth = 20
   }, [ref]);
   const fits = width === 0 || width >= items.length * minItemWidth;
   const horizontal = orientation === "horizontal" || orientation === "responsive" && fits;
-  const list = /* @__PURE__ */ jsx("div", { ref: setRefs, "data-ds-list": "", "data-timeline-orientation": horizontal ? "horizontal" : "vertical", className: pager ? void 0 : className, children: /* @__PURE__ */ jsx(RowsCtx, { value: true, children: horizontal ? /* @__PURE__ */ jsx(HorizontalLayout, { items, minItemWidth }) : /* @__PURE__ */ jsx(VerticalLayout, { items }) }) });
-  if (!pager) return list;
+  const list2 = /* @__PURE__ */ jsx("div", { ref: setRefs, "data-ds-list": "", "data-timeline-orientation": horizontal ? "horizontal" : "vertical", className: pager ? void 0 : className, children: /* @__PURE__ */ jsx(RowsCtx, { value: true, children: horizontal ? /* @__PURE__ */ jsx(HorizontalLayout, { items, minItemWidth }) : /* @__PURE__ */ jsx(VerticalLayout, { items }) }) });
+  if (!pager) return list2;
   return /* @__PURE__ */ jsxs("div", { "data-gs-paged": "", className: cn("flex flex-col min-w-0", className), children: [
-    list,
+    list2,
     allItems.length > 0 && /* @__PURE__ */ jsx(Pagination, { ...pager.props })
   ] });
 }
@@ -8733,8 +9941,8 @@ function TreeView({
   );
   const flatNodes = useCallback(() => {
     const result = [];
-    const walk = (list, depth) => {
-      for (const node of list) {
+    const walk = (list2, depth) => {
+      for (const node of list2) {
         result.push({ node, depth });
         if (node.children && expanded.has(node.id)) walk(node.children, depth + 1);
       }
@@ -9083,8 +10291,8 @@ function Carousel({
     }
   );
 }
-function formatTime2(d) {
-  return d.toLocaleTimeString(formatLocale(), { hour: "2-digit", minute: "2-digit" });
+function formatTime(d, locale) {
+  return d.toLocaleTimeString(locale, { hour: "2-digit", minute: "2-digit" });
 }
 function isSameMinute(a, b) {
   return a.getFullYear() === b.getFullYear() && a.getMonth() === b.getMonth() && a.getDate() === b.getDate() && a.getHours() === b.getHours() && a.getMinutes() === b.getMinutes();
@@ -9164,6 +10372,9 @@ function SourcesRow({ sources }) {
 }
 var StreamingCaret = () => /* @__PURE__ */ jsx("span", { "aria-hidden": "true", className: "ml-ds-0.5 inline-block animate-pulse text-[var(--ds-accent-primary)]", children: "\u258D" });
 var ChatMessageItem = memo(function ChatMessageItem2({ message: msg, grouped, spaced, layout, onAction, renderContent }) {
+  const locale = useFormatLocale();
+  const hydrated = useHydrated();
+  const time = hydrated ? formatTime(msg.timestamp, locale) : "\xA0";
   const streaming = msg.status === "streaming";
   const content = renderContent ? renderContent(msg) : msg.content;
   if (layout === "block") {
@@ -9178,7 +10389,7 @@ var ChatMessageItem = memo(function ChatMessageItem2({ message: msg, grouped, sp
           !grouped && /* @__PURE__ */ jsxs("div", { className: "mb-ds-2 flex items-center gap-ds-2", children: [
             !msg.isOwn && /* @__PURE__ */ jsx(SenderVisual, { sender: msg.sender }),
             /* @__PURE__ */ jsx("span", { className: "text-xs font-medium text-[var(--ds-text-secondary)]", children: msg.isOwn ? "You" : msg.sender.name }),
-            /* @__PURE__ */ jsx("span", { className: "text-2xs text-[var(--ds-text-muted)]", children: formatTime2(msg.timestamp) })
+            /* @__PURE__ */ jsx("span", { className: "text-2xs text-[var(--ds-text-muted)]", children: time })
           ] }),
           msg.status === "error" ? /* @__PURE__ */ jsx(Alert, { variant: "error", title: "Reply failed", children: typeof content === "string" && content ? content : void 0 }) : /* @__PURE__ */ jsx("div", { className: "space-y-ds-4 text-sm leading-relaxed text-[var(--ds-text-primary)]", children: typeof content === "string" ? /* @__PURE__ */ jsxs("p", { className: "whitespace-pre-wrap", children: [
             content,
@@ -9218,7 +10429,7 @@ var ChatMessageItem = memo(function ChatMessageItem2({ message: msg, grouped, sp
               ]
             }
           ),
-          !grouped && /* @__PURE__ */ jsx("span", { className: "text-2xs text-[var(--ds-text-muted)] mt-ds-0.5 mx-ds-1", children: formatTime2(msg.timestamp) }),
+          !grouped && /* @__PURE__ */ jsx("span", { className: "text-2xs text-[var(--ds-text-muted)] mt-ds-0.5 mx-ds-1", children: time }),
           msg.sources && msg.sources.length > 0 && /* @__PURE__ */ jsx(SourcesRow, { sources: msg.sources }),
           /* @__PURE__ */ jsx(ActionsRow, { message: msg, onAction })
         ] })
@@ -9248,7 +10459,7 @@ function ChatInputBar({ onSend, busy, onStop, onAttach, onVoice, placeholder })
       className: cn(
         "flex flex-col",
         "rounded-[var(--ds-radius-lg)]",
-        // Sprint 25.14 A20: the composer is a field, its edge at 3:1 like every other control's
+        // the composer is a field: its edge is every other control's resting edge (Sprint 25.14 A20, 25.19 K1)
         "border-[length:var(--ds-border-width)] border-[var(--ds-input-border)]",
         "bg-[var(--ds-input-bg)]",
         "shadow-[var(--ds-input-shadow)]",
@@ -9526,12 +10737,12 @@ function apply(target, corner) {
 }
 function claimCornerInset(corner, inset, priority, target) {
   const claim = { inset, priority, seq: ++seq };
-  const list = claimsFor(target)[corner];
-  list.push(claim);
+  const list2 = claimsFor(target)[corner];
+  list2.push(claim);
   apply(target, corner);
   return () => {
-    const i = list.indexOf(claim);
-    if (i >= 0) list.splice(i, 1);
+    const i = list2.indexOf(claim);
+    if (i >= 0) list2.splice(i, 1);
     apply(target, corner);
   };
 }
@@ -9865,7 +11076,7 @@ var StackedList = forwardRef(function StackedList2({
   const stackMeta = isPhone && articles;
   const selectable = selectedId !== void 0 || items.some((i) => i.selected !== void 0);
   const inset = articles ? inCard ? "px-ds-5" : "px-0" : inCard ? "px-ds-5" : inPane ? "pl-ds-3 pr-ds-4" : selectable ? "pl-ds-3 pr-0" : "px-0";
-  const list = /* @__PURE__ */ jsx(
+  const list2 = /* @__PURE__ */ jsx(
     "ul",
     {
       ref,
@@ -9967,12 +11178,14 @@ var StackedList = forwardRef(function StackedList2({
       }) })
     }
   );
-  if (!pager) return list;
+  if (!pager) return list2;
   return /* @__PURE__ */ jsxs("div", { "data-gs-paged": "", className: cn("flex flex-col min-w-0", className), children: [
-    list,
+    list2,
     items.length > 0 && /* @__PURE__ */ jsx(Pagination, { ...pager.props })
   ] });
 });
+
+// ../../showcase/src/lib/time-days.ts
 var TIME_ZOOMS = ["day", "week", "month", "quarter"];
 var DAY_MS2 = 864e5;
 var DATE_ONLY2 = /^(\d{4})-(\d{2})-(\d{2})$/;
@@ -9999,9 +11212,15 @@ function dayOf(value) {
   return back.getUTCFullYear() === y && back.getUTCMonth() === mo && back.getUTCDate() === d ? day : NaN;
 }
 function dateOfDay(day) {
-  const whole = Math.floor(day);
-  const u = new Date(whole * DAY_MS2);
-  return new Date(u.getUTCFullYear(), u.getUTCMonth(), u.getUTCDate(), 0, 0, 0, Math.round((day - whole) * DAY_MS2));
+  const whole2 = Math.floor(day);
+  const u = new Date(whole2 * DAY_MS2);
+  return new Date(u.getUTCFullYear(), u.getUTCMonth(), u.getUTCDate(), 0, 0, 0, Math.round((day - whole2) * DAY_MS2));
+}
+function isZoned(value) {
+  if (value instanceof Date) return !Number.isNaN(value.getTime());
+  if (typeof value !== "string") return false;
+  const text = value.trim();
+  return !DATE_ONLY2.test(text) && !Number.isNaN(new Date(text).getTime());
 }
 function isWholeDay(value) {
   return typeof value === "string" ? DATE_ONLY2.test(value.trim()) : Number.isInteger(dayOf(value));
@@ -10013,6 +11232,60 @@ function endDayOf(value) {
 function rangeEnd(start, end) {
   return end instanceof Date && !isWholeDay(start) ? dayOf(end) : endDayOf(end);
 }
+var formats2 = localeCache(128);
+function dayFormatter(given, options) {
+  const locale = given ?? formatLocale();
+  return formats2(`${locale ?? ""}|${JSON.stringify(options)}`, () => new Intl.DateTimeFormat(locale, { ...options, timeZone: "UTC" }));
+}
+function timeExtent(ranges) {
+  let start = Infinity;
+  let end = -Infinity;
+  for (const r of ranges) {
+    if (r == null) continue;
+    const s = dayOf(r.start);
+    const e = r.end == null ? endDayOf(r.start) : rangeEnd(r.start, r.end);
+    if (Number.isFinite(s)) start = Math.min(start, s);
+    if (Number.isFinite(e)) end = Math.max(end, e);
+  }
+  return Number.isFinite(start) && Number.isFinite(end) ? { start, end: Math.max(start, end) } : { start: NaN, end: NaN };
+}
+var DAY_WORDS = { day: "numeric", month: "long" };
+var TIME_WORDS = { hour: "2-digit", minute: "2-digit" };
+var SEPARATOR = /\s*[\u2010-\u2015\u2212~\uff5e\u301c-]\s*/;
+var english = (f) => new Intl.Locale(f.resolvedOptions().locale).language === "en";
+function range(f, a, b, to) {
+  if (typeof f.formatRangeToParts !== "function") return to === void 0 ? f.formatRange(a, b) : `${f.format(a)}${to}${f.format(b)}`;
+  const parts = f.formatRangeToParts(a, b);
+  const lastOfStart = parts.map((p) => p.source).lastIndexOf("startRange");
+  const firstOfEnd = parts.findIndex((p) => p.source === "endRange");
+  if (lastOfStart < 0 || firstOfEnd < 0) return f.format(a);
+  if (to === void 0) return parts.map((p) => p.value).join("");
+  let joined = false;
+  const out = parts.map((p, i) => {
+    if (joined || i <= lastOfStart || i >= firstOfEnd || !SEPARATOR.test(p.value)) return p.value;
+    joined = true;
+    return p.value.replace(SEPARATOR, to);
+  });
+  if (!joined) out.splice(lastOfStart + 1, 0, to);
+  return out.join("");
+}
+function formatDateRange(start, end, words) {
+  const { locale, to, day = DAY_WORDS, time = TIME_WORDS } = words ?? {};
+  const until = end ?? start;
+  const from = dayOf(start);
+  const stop = rangeEnd(start, until);
+  if (!Number.isFinite(from) || !Number.isFinite(stop)) return "";
+  const timed = !isWholeDay(start) || !isWholeDay(until);
+  const first = timed ? from : Math.floor(from);
+  const last2 = timed ? Math.max(from, stop) : Math.max(first, Math.ceil(stop) - 1);
+  const a = new Date(first * DAY_MS2);
+  const b = new Date(last2 * DAY_MS2);
+  const years = a.getUTCFullYear() !== b.getUTCFullYear() && day.year === void 0;
+  const f = dayFormatter(locale, { ...day, ...years ? { year: "numeric" } : {}, ...timed ? time : {} });
+  return first === last2 ? f.format(a) : range(f, a, b, to ?? (english(f) ? " to " : void 0));
+}
+
+// ../../showcase/src/lib/time-scale.ts
 var MINOR = { day: "day", week: "week", month: "month", quarter: "quarter" };
 var MAJOR = { day: "month", week: "month", month: "year", quarter: "year" };
 var weekday = (day) => (day % 7 + 7 + 4) % 7;
@@ -10037,19 +11310,8 @@ function periodAfter(unit, start) {
   if (unit === "quarter") return utcDay(y, m + 3, 1);
   return utcDay(y + 1, 0, 1);
 }
-var formats = /* @__PURE__ */ new Map();
-function formatter(given, options) {
-  const locale = given ?? formatLocale();
-  const key = `${locale ?? ""}|${JSON.stringify(options)}`;
-  let f = formats.get(key);
-  if (!f) {
-    f = new Intl.DateTimeFormat(locale, { ...options, timeZone: "UTC" });
-    formats.set(key, f);
-  }
-  return f;
-}
-function format(day, locale, options) {
-  return formatter(locale, options).format(new Date(day * DAY_MS2));
+function format2(day, locale, options) {
+  return dayFormatter(locale, options).format(new Date(day * DAY_MS2));
 }
 var pad22 = (n) => String(n).padStart(2, "0");
 function keyOf(unit, day) {
@@ -10062,7 +11324,7 @@ function keyOf(unit, day) {
   return `${y}-${pad22(m + 1)}-${pad22(u.getUTCDate())}`;
 }
 function labelsOf(unit, role, day, locale) {
-  const f = (options) => format(day, locale, options);
+  const f = (options) => format2(day, locale, options);
   let forms;
   if (unit === "day") forms = [f({ weekday: "short", day: "numeric" }), f({ day: "numeric" })];
   else if (unit === "week") forms = [f({ day: "numeric", month: "short" }), f({ day: "numeric" })];
@@ -10122,7 +11384,7 @@ function build(s) {
   return scale;
 }
 var toMinute = (day) => Math.floor(day * 1440 + 1e-6) / 1440;
-function scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, pxPerDay, pad3) {
+function scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, pxPerDay, pad4) {
   const fallback = Number.isFinite(todayValue) ? Math.floor(todayValue) : 0;
   const a = Number.isFinite(from) ? from : fallback;
   const b = Number.isFinite(to) ? to : Math.floor(a) + 1;
@@ -10131,7 +11393,7 @@ function scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, pxPerDay, p
   const unit = MINOR[zoom];
   let startDay = periodStart(unit, lo, weekStartsOn);
   let endDay = periodAfter(unit, periodStart(unit, hi - 1, weekStartsOn));
-  for (let i = 0; i < pad3; i++) {
+  for (let i = 0; i < pad4; i++) {
     startDay = periodStart(unit, startDay - 1, weekStartsOn);
     endDay = periodAfter(unit, endDay);
   }
@@ -10140,8 +11402,8 @@ function scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, pxPerDay, p
 function extendedEnd(scale, width) {
   if (!(width > scale.width) || !(scale.pxPerDay > 0)) return scale.endDay;
   const unit = MINOR[scale.zoom];
-  const last = scale.startDay + Math.ceil(width / scale.pxPerDay) - 1;
-  return periodAfter(unit, periodStart(unit, last, scale.weekStartsOn));
+  const last2 = scale.startDay + Math.ceil(width / scale.pxPerDay) - 1;
+  return periodAfter(unit, periodStart(unit, last2, scale.weekStartsOn));
 }
 function extendTimeScaleTo(scale, endDay) {
   if (!(endDay > scale.endDay)) return scale;
@@ -10154,7 +11416,10 @@ var noSubscription = () => () => {
 };
 var inBrowser2 = () => true;
 var onServer2 = () => false;
-function useTimeScale({ start, end, zoom, today, weekStartsOn = 1, locale, pxPerDay, pad: pad3 = 0 }) {
+function useTimeScale({ start, end, zoom, today, weekStartsOn: own, locale: ownLocale, pxPerDay, pad: pad4 = 0 }) {
+  const weekStartsOn = useWeekStart(own, ownLocale);
+  const pageLocale = useFormatLocale();
+  const locale = ownLocale ?? pageLocale;
   const readable = useSyncExternalStore(noSubscription, inBrowser2, onServer2);
   const [mounted] = useState(() => toMinute(dayOf(/* @__PURE__ */ new Date())));
   const pending = today === void 0 && !readable;
@@ -10163,57 +11428,10 @@ function useTimeScale({ start, end, zoom, today, weekStartsOn = 1, locale, pxPer
   const todayValue = today !== void 0 ? toMinute(dayOf(today)) : pending ? NaN : mounted;
   const density = pxPerDay?.[zoom] ?? DENSITY[zoom];
   return useMemo(() => {
-    const scale = scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, density, pad3);
+    const scale = scaleOver(from, to, zoom, todayValue, weekStartsOn, locale, density, pad4);
     if (pending) awaiting.add(scale);
     return scale;
-  }, [from, to, zoom, todayValue, weekStartsOn, locale, density, pad3, pending]);
-}
-function timeExtent(ranges) {
-  let start = Infinity;
-  let end = -Infinity;
-  for (const r of ranges) {
-    if (r == null) continue;
-    const s = dayOf(r.start);
-    const e = r.end == null ? endDayOf(r.start) : rangeEnd(r.start, r.end);
-    if (Number.isFinite(s)) start = Math.min(start, s);
-    if (Number.isFinite(e)) end = Math.max(end, e);
-  }
-  return Number.isFinite(start) && Number.isFinite(end) ? { start, end: Math.max(start, end) } : { start: NaN, end: NaN };
-}
-var DAY_WORDS = { day: "numeric", month: "long" };
-var TIME_WORDS = { hour: "2-digit", minute: "2-digit" };
-var SEPARATOR = /\s*[\u2010-\u2015\u2212~\uff5e\u301c-]\s*/;
-var english = (f) => new Intl.Locale(f.resolvedOptions().locale).language === "en";
-function range(f, a, b, to) {
-  if (typeof f.formatRangeToParts !== "function") return to === void 0 ? f.formatRange(a, b) : `${f.format(a)}${to}${f.format(b)}`;
-  const parts = f.formatRangeToParts(a, b);
-  const lastOfStart = parts.map((p) => p.source).lastIndexOf("startRange");
-  const firstOfEnd = parts.findIndex((p) => p.source === "endRange");
-  if (lastOfStart < 0 || firstOfEnd < 0) return f.format(a);
-  if (to === void 0) return parts.map((p) => p.value).join("");
-  let joined = false;
-  const out = parts.map((p, i) => {
-    if (joined || i <= lastOfStart || i >= firstOfEnd || !SEPARATOR.test(p.value)) return p.value;
-    joined = true;
-    return p.value.replace(SEPARATOR, to);
-  });
-  if (!joined) out.splice(lastOfStart + 1, 0, to);
-  return out.join("");
-}
-function formatDateRange(start, end, words) {
-  const { locale, to, day = DAY_WORDS, time = TIME_WORDS } = words ?? {};
-  const until = end ?? start;
-  const from = dayOf(start);
-  const stop = rangeEnd(start, until);
-  if (!Number.isFinite(from) || !Number.isFinite(stop)) return "";
-  const timed = !isWholeDay(start) || !isWholeDay(until);
-  const first = timed ? from : Math.floor(from);
-  const last = timed ? Math.max(from, stop) : Math.max(first, Math.ceil(stop) - 1);
-  const a = new Date(first * DAY_MS2);
-  const b = new Date(last * DAY_MS2);
-  const years = a.getUTCFullYear() !== b.getUTCFullYear() && day.year === void 0;
-  const f = formatter(locale, { ...day, ...years ? { year: "numeric" } : {}, ...timed ? time : {} });
-  return first === last ? f.format(a) : range(f, a, b, to ?? (english(f) ? " to " : void 0));
+  }, [from, to, zoom, todayValue, weekStartsOn, locale, density, pad4, pending]);
 }
 function createScrollStore() {
   let current = { scrollLeft: 0, visibleWidth: 0 };
@@ -10334,11 +11552,11 @@ function measurer(info) {
     return v;
   };
 }
-function useTextMeasure(ref) {
+function useTextMeasure(ref, active = true) {
   const [info, setInfo] = useState(null);
   useLayoutEffect(() => {
     const el = ref.current;
-    if (!el) return;
+    if (!active || !el) return;
     let live = true;
     const read = (fresh) => {
       if (!live) return;
@@ -10358,7 +11576,7 @@ function useTextMeasure(ref) {
       ro?.disconnect();
       fonts?.removeEventListener?.("loadingdone", loaded);
     };
-  }, [ref]);
+  }, [ref, active]);
   return useMemo(() => measurer(info), [info]);
 }
 var fontGeneration = 0;
@@ -10449,6 +11667,7 @@ function TimeScaleHeader({ todayLabel = "Today", className }) {
   const todayRef = useRef(null);
   const measured = visibleWidth > 0;
   const view = { start: scrollLeft, end: scrollLeft + visibleWidth };
+  const hydrated = useHydrated();
   const major = useFittedLabels(scale.major, majorRef, measured ? { visible: view } : {});
   const minor = useFittedLabels(scale.minor, minorRef, measured ? { align: "center", visible: view } : { align: "center" });
   const measureToday = useTextMeasure(todayRef);
@@ -10461,12 +11680,12 @@ function TimeScaleHeader({ todayLabel = "Today", className }) {
     /* @__PURE__ */ jsxs("div", { "data-scale-row": "major", className: "relative h-7 font-medium text-[var(--ds-text-primary)]", children: [
       /* @__PURE__ */ jsx("span", { ref: majorRef, className: "invisible absolute whitespace-nowrap leading-none", children: "0" }),
       scale.major.slice(1).map((t) => /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 border-s-[length:1px] border-[var(--ds-border-subtle)]", style: { insetInlineStart: t.x } }, `line-${t.key}`)),
-      major.map((l) => l.text && /* @__PURE__ */ jsx("span", { "data-scale-label": "", className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap leading-none", style: { insetInlineStart: l.x }, children: l.text }, l.key))
+      hydrated && major.map((l) => l.text && /* @__PURE__ */ jsx("span", { "data-scale-label": "", className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap leading-none", style: { insetInlineStart: l.x }, children: l.text }, l.key))
     ] }),
     /* @__PURE__ */ jsxs("div", { "data-scale-row": "minor", className: "relative h-7 border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)] text-[var(--ds-text-secondary)]", children: [
       /* @__PURE__ */ jsx("span", { ref: minorRef, className: "invisible absolute whitespace-nowrap leading-none tabular-nums", children: "0" }),
       scale.minor.slice(1).map((t) => /* @__PURE__ */ jsx("span", { className: "absolute inset-y-0 border-s-[length:1px] border-[var(--ds-border-subtle)]", style: { insetInlineStart: t.x } }, `line-${t.key}`)),
-      minor.map((l) => l.text && !underToday(l.x, l.width) && /* @__PURE__ */ jsx("span", { "data-scale-label": "", className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap leading-none tabular-nums", style: { insetInlineStart: l.x }, children: l.text }, l.key)),
+      hydrated && minor.map((l) => l.text && !underToday(l.x, l.width) && /* @__PURE__ */ jsx("span", { "data-scale-label": "", className: "absolute top-1/2 -translate-y-1/2 whitespace-nowrap leading-none tabular-nums", style: { insetInlineStart: l.x }, children: l.text }, l.key)),
       /* @__PURE__ */ jsx(
         "span",
         {
@@ -10643,8 +11862,8 @@ var TimeViewport = forwardRef(function TimeViewport2({
   if (shadeDays && drawn.pxPerDay >= SHADE_MIN) {
     for (let d = drawn.startDay; d < drawn.endDay; d++) {
       if (!shadeDays(calendarDay(d))) continue;
-      const last = shaded[shaded.length - 1];
-      if (last && Math.abs(last.x + last.width - drawn.x(d)) < 0.5) last.width += drawn.pxPerDay;
+      const last2 = shaded[shaded.length - 1];
+      if (last2 && Math.abs(last2.x + last2.width - drawn.x(d)) < 0.5) last2.width += drawn.pxPerDay;
       else shaded.push({ key: String(d), x: drawn.x(d), width: drawn.pxPerDay });
     }
   }
@@ -10771,6 +11990,7 @@ var TimeViewport = forwardRef(function TimeViewport2({
             ref: scrollerRef,
             role: "region",
             "aria-label": ariaLabel,
+            suppressHydrationWarning: true,
             tabIndex: tabStop ? 0 : void 0,
             onScroll,
             className: "peer h-full overflow-auto isolate outline-none",
@@ -10875,6 +12095,10 @@ function TimeBar({ start, end, minWidth = 0, labels, children, className, style,
     }
   );
 }
+function LocaleProvider({ lang, acceptLanguage, children }) {
+  const value = useMemo(() => localeChoice(lang, acceptLanguage), [lang, acceptLanguage]);
+  return /* @__PURE__ */ jsx(LocaleContext.Provider, { value, children });
+}
 
 // ../../showcase/src/lib/gantt-layout.ts
 var ROW_HEIGHT2 = 40;
@@ -10895,18 +12119,18 @@ function datesOf(item) {
   const end = asDate(item.end);
   return end !== void 0 && Number.isFinite(endDayOf(end)) ? { start, end } : null;
 }
-function uniqueById(list) {
+function uniqueById(list2) {
   const seen = /* @__PURE__ */ new Set();
   const repeated = /* @__PURE__ */ new Set();
   const unique = [];
-  for (const entry of list) {
+  for (const entry of list2) {
     if (seen.has(entry.id)) repeated.add(entry.id);
     else {
       seen.add(entry.id);
       unique.push(entry);
     }
   }
-  return repeated.size ? { unique, repeated: [...repeated] } : { unique: list, repeated: [] };
+  return repeated.size ? { unique, repeated: [...repeated] } : { unique: list2, repeated: [] };
 }
 function ganttRows(items, groups, collapsed) {
   const known = new Set(groups.map((g) => g.id));
@@ -10917,8 +12141,8 @@ function ganttRows(items, groups, collapsed) {
       loose.push(item);
       continue;
     }
-    const list = byGroup.get(item.group);
-    if (list) list.push(item);
+    const list2 = byGroup.get(item.group);
+    if (list2) list2.push(item);
     else byGroup.set(item.group, [item]);
   }
   const shown = groups.filter((g) => byGroup.has(g.id));
@@ -10988,8 +12212,8 @@ function ganttArrows(items, rows, shapeOf, collapsed) {
   }
   return arrows;
 }
-function labelPlace(shape, textWidth, scaleWidth, { pad: pad3 = 8, gap = BESIDE } = {}) {
-  if (shape.kind === "bar" && textWidth + 2 * pad3 <= shape.x1 - shape.x0) return "inside";
+function labelPlace(shape, textWidth, scaleWidth, { pad: pad4 = 8, gap = BESIDE } = {}) {
+  if (shape.kind === "bar" && textWidth + 2 * pad4 <= shape.x1 - shape.x0) return "inside";
   if (shape.x1 + gap + textWidth <= scaleWidth) return "after";
   return shape.x0 - gap - textWidth >= 0 ? "before" : "after";
 }
@@ -11121,6 +12345,11 @@ function Gantt({
     if (phases.repeated.length) warnOnce2(`more than one group has the id ${quoted(phases.repeated)}; only the first of each is shown.`);
   }, [plan, phases]);
   const tasks = plan.unique;
+  const pageLocale = useFormatLocale();
+  const writeLocale = locale ?? pageLocale;
+  const hydrated = useHydrated();
+  const zoned = useMemo(() => isZoned(today) || tasks.some((t) => isZoned(t.start) || isZoned(t.end)), [tasks, today]);
+  const pending = zoned && !hydrated;
   const extent = useMemo(() => itemsExtent(tasks), [tasks]);
   const scale = useTimeScale({ start: extent.start, end: extent.end, zoom, today, weekStartsOn, locale, pad: 1 });
   const rows = useMemo(() => ganttRows(tasks, phases.unique, collapsed), [tasks, phases, collapsed]);
@@ -11130,7 +12359,7 @@ function Gantt({
   const byKey = useMemo(() => new Map(rows.map((r) => [r.key, r])), [rows]);
   const names = useMemo(() => {
     const byId = new Map(tasks.map((i) => [i.id, i]));
-    const list = new Intl.ListFormat(locale ?? formatLocale(), { type: "conjunction" });
+    const list2 = new Intl.ListFormat(writeLocale, { type: "conjunction" });
     const out = /* @__PURE__ */ new Map();
     for (const item of tasks) {
       const dates = datesOf(item);
@@ -11139,29 +12368,29 @@ function Gantt({
       out.set(itemKey(item.id), [
         item.title,
         item.milestone ? "milestone" : null,
-        dates ? formatDateRange(dates.start, dates.end, { locale }) : NO_DATES,
+        dates ? formatDateRange(dates.start, dates.end, { locale: writeLocale }) : NO_DATES,
         status?.label ?? null,
-        after.length ? `after ${list.format(after)}` : null
+        after.length ? `after ${list2.format(after)}` : null
       ].filter((part) => part).join(", "));
     }
     for (const row of rows) {
       if (!row.group || !row.children) continue;
       const e = extents.get(row.group.id);
       const count = row.children.length === 1 ? "1 item" : `${row.children.length} items`;
-      const span = Number.isFinite(e.start) ? formatDateRange(e.start, e.end, { locale }) : NO_DATES;
+      const span = Number.isFinite(e.start) ? formatDateRange(e.start, e.end, { locale: writeLocale }) : NO_DATES;
       out.set(row.key, [row.group.title, span, count].filter((part) => part).join(", "));
     }
     return out;
-  }, [tasks, rows, extents, statuses, locale]);
+  }, [tasks, rows, extents, statuses, writeLocale]);
   const nameOf = (row) => {
     const name = names.get(row.key) ?? "";
     const words = row.item && describe ? describe(row.item) : "";
     return words ? `${name}, ${words}` : name;
   };
   const regionLabel = useMemo(() => {
-    const span = Number.isFinite(extent.start) ? formatDateRange(extent.start, extent.end, { locale }) : "";
+    const span = Number.isFinite(extent.start) ? formatDateRange(extent.start, extent.end, { locale: writeLocale }) : "";
     return `${ariaLabel}, ${span || NO_DATES}`;
-  }, [ariaLabel, extent, locale]);
+  }, [ariaLabel, extent, writeLocale]);
   const hasStatuses = useMemo(() => Object.keys(statuses).length > 0, [statuses]);
   const toneOf = (item) => {
     const status = item.status === void 0 ? void 0 : statuses[item.status];
@@ -11169,7 +12398,7 @@ function Gantt({
     return { tone, cue: hasStatuses ? status?.icon ?? tone.icon : void 0 };
   };
   const probeRef = useRef(null);
-  const measure = useTextMeasure(probeRef);
+  const measure = useTextMeasure(probeRef, !pending);
   const treeRef = useRef(null);
   const viewportRef = useRef(null);
   const [activeState, setActive] = useState(null);
@@ -11280,6 +12509,9 @@ function Gantt({
     "aria-setsize": row.setSize,
     "aria-posinset": row.posInSet,
     "aria-label": nameOf(row),
+    // a plan of days is named on the server too: the same dates, which the server's date data and the browser's can write
+    // a space apart ("5–9 Oct", "5 – 9 Oct"), so hydrating keeps the server's name (Sprint 25.20's review)
+    suppressHydrationWarning: true,
     "data-grid-key": row.key,
     tabIndex: grid.tabIndexOf(row.key),
     onFocus: () => {
@@ -11381,7 +12613,8 @@ function Gantt({
   const legend = /* @__PURE__ */ jsx(Legend, { statuses });
   const legendApart = toolbar === false && hasStatuses;
   const apartRef = useRef(null);
-  const apartFill = useFillHeight(apartRef, legendApart);
+  const apartFill = useFillHeight(apartRef, legendApart && !pending);
+  if (pending) return /* @__PURE__ */ jsx("div", { "aria-busy": "true", "data-gantt-pending": "", className: cn(className), style: { minHeight: rows.length * ROW_HEIGHT2 + 96 } });
   const chart = /* @__PURE__ */ jsx(
     TimeViewport,
     {
@@ -12174,6 +13407,7 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
   const tabRow = useHeaderTabRow();
   const narrow = useNarrowRow(tabRow?.row ?? null);
   const inHeader = isHorizontal && tabRow != null;
+  const kindOf2 = (step) => !onStepChange ? "progress" : step.disabled ? "locked" : "open";
   if (inHeader && narrow) {
     const current = steps[currentStep];
     const where = `Step ${Math.min(currentStep + 1, steps.length)} of ${steps.length}`;
@@ -12198,12 +13432,12 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
     ] });
   }
   if (inHeader) {
-    return /* @__PURE__ */ jsx("nav", { "data-gs": "stepper", "aria-label": "Progress", className: cn("flex items-start mx-ds-1", className), children: steps.map((step, i) => {
+    return /* @__PURE__ */ jsx("nav", { "data-gs": "stepper", "aria-label": "Progress", className: cn("mx-ds-1", className), children: /* @__PURE__ */ jsx("ol", { role: "list", className: STEP_LIST, children: steps.map((step, i) => {
       const status = step.status ?? (i < currentStep ? "complete" : i === currentStep ? "current" : "upcoming");
       const isLast = i === steps.length - 1;
-      return /* @__PURE__ */ jsxs("div", { className: cn("flex flex-col items-start min-w-0", isLast ? "flex-none" : "flex-1"), children: [
+      return /* @__PURE__ */ jsxs("li", { className: cn("flex flex-col items-start min-w-0", isLast ? "flex-none" : "flex-1"), children: [
         /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
-          /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, onClick: onStepChange && !step.disabled ? () => onStepChange(i) : void 0, clickable: !!onStepChange && !step.disabled }),
+          /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, kind: kindOf2(step), onClick: () => onStepChange?.(i) }),
           !isLast && /* @__PURE__ */ jsx(
             "div",
             {
@@ -12220,7 +13454,7 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
             {
               className: cn(
                 "text-xs font-medium",
-                status === "current" ? "text-[var(--ds-accent-primary)]" : "text-[var(--ds-text-primary)]"
+                status === "current" ? "text-[var(--ds-accent-primary)]" : kindOf2(step) === "locked" ? "text-[var(--ds-text-muted)]" : "text-[var(--ds-text-primary)]"
               ),
               children: step.label
             }
@@ -12228,15 +13462,15 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
           step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--ds-text-muted)] mt-ds-0.5", children: step.description })
         ] })
       ] }, i);
-    }) });
+    }) }) });
   }
   if (!isHorizontal) {
-    return /* @__PURE__ */ jsx("nav", { "data-gs": "stepper", "aria-label": "Progress", className: cn("flex flex-col", className), children: steps.map((step, i) => {
+    return /* @__PURE__ */ jsx("nav", { "data-gs": "stepper", "aria-label": "Progress", className, children: /* @__PURE__ */ jsx("ol", { role: "list", className: cn(STEP_LIST, "flex-col items-stretch"), children: steps.map((step, i) => {
       const status = step.status ?? (i < currentStep ? "complete" : i === currentStep ? "current" : "upcoming");
       const isLast = i === steps.length - 1;
-      return /* @__PURE__ */ jsxs("div", { className: "flex gap-ds-3", children: [
+      return /* @__PURE__ */ jsxs("li", { className: "flex gap-ds-3", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-col items-center", children: [
-          /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, onClick: onStepChange && !step.disabled ? () => onStepChange(i) : void 0, clickable: !!onStepChange && !step.disabled }),
+          /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, kind: kindOf2(step), onClick: () => onStepChange?.(i) }),
           !isLast && /* @__PURE__ */ jsx(
             "div",
             {
@@ -12253,7 +13487,7 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
             {
               className: cn(
                 "text-xs font-medium leading-8",
-                status === "current" ? "text-[var(--ds-accent-primary)]" : "text-[var(--ds-text-primary)]"
+                status === "current" ? "text-[var(--ds-accent-primary)]" : kindOf2(step) === "locked" ? "text-[var(--ds-text-muted)]" : "text-[var(--ds-text-primary)]"
               ),
               children: step.label
             }
@@ -12261,18 +13495,18 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
           step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--ds-text-muted)] -mt-1", children: step.description })
         ] })
       ] }, i);
-    }) });
+    }) }) });
   }
   return /* @__PURE__ */ jsx(
     "nav",
     {
       "data-gs": "stepper",
       "aria-label": "Progress",
-      className: cn("flex items-start", className),
-      children: steps.map((step, i) => {
+      className,
+      children: /* @__PURE__ */ jsx("ol", { role: "list", className: STEP_LIST, children: steps.map((step, i) => {
         const status = step.status ?? (i < currentStep ? "complete" : i === currentStep ? "current" : "upcoming");
         const isLast = i === steps.length - 1;
-        return /* @__PURE__ */ jsxs("div", { className: "flex flex-1 flex-col items-center", children: [
+        return /* @__PURE__ */ jsxs("li", { className: "flex flex-1 flex-col items-center", children: [
           /* @__PURE__ */ jsxs("div", { className: "flex items-center w-full", children: [
             /* @__PURE__ */ jsx(
               "div",
@@ -12283,7 +13517,7 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
                 )
               }
             ),
-            /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, onClick: onStepChange && !step.disabled ? () => onStepChange(i) : void 0, clickable: !!onStepChange && !step.disabled }),
+            /* @__PURE__ */ jsx(StepCircle, { status, index: i, label: step.label, kind: kindOf2(step), onClick: () => onStepChange?.(i) }),
             /* @__PURE__ */ jsx(
               "div",
               {
@@ -12300,7 +13534,7 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
               {
                 className: cn(
                   "text-xs font-medium",
-                  status === "current" ? "text-[var(--ds-accent-primary)]" : "text-[var(--ds-text-primary)]"
+                  status === "current" ? "text-[var(--ds-accent-primary)]" : kindOf2(step) === "locked" ? "text-[var(--ds-text-muted)]" : "text-[var(--ds-text-primary)]"
                 ),
                 children: step.label
               }
@@ -12308,33 +13542,41 @@ function Stepper({ steps, currentStep, onStepChange, orientation = "horizontal",
             step.description && /* @__PURE__ */ jsx("p", { className: "text-xs text-[var(--ds-text-muted)] mt-ds-0.5", children: step.description })
           ] })
         ] }, i);
-      })
+      }) })
     }
   );
 }
-function StepCircle({ status, index, label, onClick, clickable }) {
+var STEP_LIST = "flex items-start list-none m-0 p-0";
+function StepCircle({ status, index, label, kind, onClick }) {
+  const name = `Step ${index + 1}: ${label}${status === "complete" ? ", completed" : ""}`;
+  const look = cn(
+    "flex items-center justify-center shrink-0 w-8 h-8 rounded-[var(--ds-radius-full)] text-xs font-bold transition-colors",
+    status === "complete" && "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]",
+    status === "current" && `border-2 ${ACTIVE_RING} text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)]`,
+    status === "error" && "bg-[var(--ds-status-error)] text-[var(--ds-text-on-error)]",
+    status === "loading" && `border-2 ${ACTIVE_RING} text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)] animate-pulse`,
+    status === "upcoming" && "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)] text-[var(--ds-text-muted)] bg-[var(--ds-bg-surface)]"
+  );
+  const glyph = status === "complete" ? /* @__PURE__ */ jsx(Icon, { name: "check", size: 14 }) : status === "error" ? /* @__PURE__ */ jsx(Icon, { name: "warning", size: 14 }) : index + 1;
+  if (kind === "progress") {
+    return /* @__PURE__ */ jsx("span", { role: "img", "aria-label": name, "aria-current": status === "current" ? "step" : void 0, className: look, children: glyph });
+  }
   return /* @__PURE__ */ jsx(
     "button",
     {
       type: "button",
-      onClick,
-      disabled: !clickable,
-      "aria-label": `Step ${index + 1}: ${label}${status === "complete" ? ", completed" : ""}`,
+      onClick: kind === "open" ? onClick : void 0,
+      disabled: kind === "locked",
+      "aria-label": kind === "locked" ? `${name}, cannot start yet` : name,
       "aria-current": status === "current" ? "step" : void 0,
       className: cn(
-        "flex items-center justify-center shrink-0 w-8 h-8 rounded-[var(--ds-radius-full)] text-xs font-bold transition-colors",
+        look,
         "focus-visible:outline-none focus-visible:shadow-[var(--ds-shadow-focus)]",
-        clickable && "cursor-pointer",
-        !clickable && "cursor-default",
-        status === "complete" && "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)]",
-        status === "current" && `border-2 ${ACTIVE_RING} text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)]`,
-        status === "error" && "bg-[var(--ds-status-error)] text-[var(--ds-text-on-error)]",
-        status === "loading" && `border-2 ${ACTIVE_RING} text-[var(--ds-accent-primary)] bg-[var(--ds-bg-surface)] animate-pulse`,
-        status === "upcoming" && "border-[length:var(--ds-border-width)] border-[var(--ds-border-default)] text-[var(--ds-text-muted)] bg-[var(--ds-bg-surface)]",
+        kind === "open" ? "cursor-pointer" : "cursor-not-allowed opacity-disabled",
         // a step reached but not done (the user went back) can be gone to: it answers the pointer as the done ones do
-        status === "upcoming" && clickable && "hover:border-[var(--ds-accent-primary)] hover:text-[var(--ds-accent-primary)]"
+        status === "upcoming" && kind === "open" && "hover:border-[var(--ds-accent-primary)] hover:text-[var(--ds-accent-primary)]"
       ),
-      children: status === "complete" ? /* @__PURE__ */ jsx(Icon, { name: "check", size: 14 }) : status === "error" ? /* @__PURE__ */ jsx(Icon, { name: "warning", size: 14 }) : index + 1
+      children: glyph
     }
   );
 }
@@ -12546,6 +13788,7 @@ var Sidebar = forwardRef(function Sidebar2({
     effectiveDarkMode = false;
   }
   const isDark = effectiveDarkMode ?? variant === "dark";
+  const hydrated = useHydrated();
   const showCollapse = type === "traditional" && !mini && !fill2;
   const isMinimal = type === "minimal";
   const isCompact = type === "compact";
@@ -12620,7 +13863,7 @@ var Sidebar = forwardRef(function Sidebar2({
             children: footer
           }
         ),
-        isDark && (() => {
+        isDark && hydrated && (() => {
           const root = document.documentElement;
           const pageIsDark = root.getAttribute("data-mode") === "dark";
           const shadow = root.getAttribute("data-shadow") || "flat";
@@ -13406,7 +14649,7 @@ function fill(entries, slots) {
 }
 function ToastProvider({ children, maxVisible = 3, position = "bottom-right", duration = 5e3, mode, pauseOnHover = true, coalesce = true }) {
   const slots = Math.max(1, Math.floor(Number.isFinite(maxVisible) ? maxVisible : 1));
-  const [list, setList] = useState([]);
+  const [list2, setList] = useState([]);
   const entries = useRef([]);
   const isMobile = useBreakpoint("sm");
   const shownDuringRuns = useRef([]);
@@ -13435,7 +14678,7 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
       setBottomNavs((n) => n - 1);
     };
   }, []);
-  const commit = useCallback((next) => {
+  const commit2 = useCallback((next) => {
     entries.current = fill(next, slots);
     setList(entries.current);
   }, [slots]);
@@ -13444,9 +14687,9 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
     const reslotted = entries.current.map((e) => e.shown && ++kept > slots ? { ...e, shown: false } : e);
     const next = fill(reslotted, slots);
     if (next.length === entries.current.length && next.every((e, i) => e === entries.current[i])) return;
-    commit(next);
-  }, [slots, commit]);
-  if (list.every((t) => !t.shown) && (hovered || focusInside)) {
+    commit2(next);
+  }, [slots, commit2]);
+  if (list2.every((t) => !t.shown) && (hovered || focusInside)) {
     setHovered(false);
     setFocusInside(false);
   }
@@ -13463,11 +14706,11 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
       }).filter((h) => h.text);
       pendingHeard.current.clear();
       if (!batch.length) return;
-      setHeard((list2) => [...list2, ...batch].slice(-5));
+      setHeard((list3) => [...list3, ...batch].slice(-5));
       const ids = new Set(batch.map((h) => h.id));
       const timer = setTimeout(() => {
         clearTimers.current.delete(timer);
-        setHeard((list2) => list2.filter((h) => !ids.has(h.id)));
+        setHeard((list3) => list3.filter((h) => !ids.has(h.id)));
       }, HEARD_MS);
       clearTimers.current.add(timer);
     }, 0);
@@ -13487,60 +14730,60 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
   }, []);
   const remove = useCallback((id) => {
     leaving(id);
-    commit(entries.current.filter((t) => t.id !== id));
-  }, [commit, leaving]);
+    commit2(entries.current.filter((t) => t.id !== id));
+  }, [commit2, leaving]);
   const dismissAll = useCallback(() => {
     leaving();
-    commit([]);
-  }, [commit, leaving]);
+    commit2([]);
+  }, [commit2, leaving]);
   const noteShown = useCallback((id, variant, action, fresh) => {
     if (runs.current.size) shownDuringRuns.current.push({ seq: ++showSeq.current, at: Date.now(), id, variant, action, fresh });
   }, []);
   const update2 = useCallback((id, message, options = {}) => {
-    const list2 = entries.current;
-    const at = list2.findIndex((t2) => t2.id === id);
+    const list3 = entries.current;
+    const at = list3.findIndex((t2) => t2.id === id);
     if (at === -1) return;
     pressed.current.delete(id);
-    const t = list2[at];
-    const next = [...list2];
+    const t = list3[at];
+    const next = [...list3];
     next[at] = { ...t, message, variant: options.variant ?? t.variant, duration: options.duration ?? t.duration, action: options.action ?? t.action, actionWindow: options.actionWindow ?? t.actionWindow, key: options.key ?? t.key, version: t.version + 1 };
-    commit(next);
+    commit2(next);
     announce(next[at]);
     noteShown(id, next[at].variant, !!next[at].action, false);
-  }, [commit, announce, noteShown]);
+  }, [commit2, announce, noteShown]);
   const toast = useCallback((message, options = {}) => {
-    const list2 = entries.current;
+    const list3 = entries.current;
     const base = { message, variant: options.variant ?? "default", duration: options.duration ?? duration, action: options.action, actionWindow: options.actionWindow, key: options.key };
     if (options.id) {
-      const at = list2.findIndex((t) => t.id === options.id);
+      const at = list3.findIndex((t) => t.id === options.id);
       if (at !== -1) {
-        const next = [...list2];
-        next[at] = { ...list2[at], ...base, version: list2[at].version + 1 };
+        const next = [...list3];
+        next[at] = { ...list3[at], ...base, version: list3[at].version + 1 };
         pressed.current.delete(options.id);
-        commit(next);
+        commit2(next);
         announce(next[at]);
         noteShown(options.id, base.variant, !!base.action, false);
         return options.id;
       }
     }
     if (coalesce && base.key && mergeable(base)) {
-      const at = list2.findIndex((t) => t.key === base.key && mergeable(t));
+      const at = list3.findIndex((t) => t.key === base.key && mergeable(t));
       if (at !== -1) {
-        const next = [...list2];
-        next[at] = { ...list2[at], ...base, version: list2[at].version + 1 };
-        commit(next);
+        const next = [...list3];
+        next[at] = { ...list3[at], ...base, version: list3[at].version + 1 };
+        commit2(next);
         announce(next[at]);
-        noteShown(list2[at].id, base.variant, !!base.action, false);
-        return list2[at].id;
+        noteShown(list3[at].id, base.variant, !!base.action, false);
+        return list3[at].id;
       }
     }
     const id = options.id ?? `toast-${++toastSeq}`;
     const entry = { id, ...base, shown: false, version: 0 };
-    commit([...list2, entry]);
+    commit2([...list3, entry]);
     announce(entry);
     noteShown(id, base.variant, !!base.action, true);
     return id;
-  }, [duration, coalesce, commit, announce, noteShown]);
+  }, [duration, coalesce, commit2, announce, noteShown]);
   const api = useMemo(() => ({
     toast,
     success: (m, o) => toast(m, { ...o, variant: "success" }),
@@ -13592,7 +14835,7 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
     if (!entry?.action) return;
     const run = entry.action.onClick;
     leaving(id);
-    commit(entries.current.map((t) => t.id === id ? { ...t, action: void 0, actionWindow: void 0, version: t.version + 1 } : t));
+    commit2(entries.current.map((t) => t.id === id ? { ...t, action: void 0, actionWindow: void 0, version: t.version + 1 } : t));
     pressed.current.add(id);
     const done = () => {
       if (pressed.current.delete(id)) remove(id);
@@ -13610,15 +14853,15 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
     }
     if (isThenable2(result)) result.then(done, failed);
     else done();
-  }, [commit, leaving, remove]);
+  }, [commit2, leaving, remove]);
   const lapse = useCallback((id) => {
-    const list2 = entries.current;
-    const at = list2.findIndex((t) => t.id === id);
+    const list3 = entries.current;
+    const at = list3.findIndex((t) => t.id === id);
     if (at === -1) return;
-    const next = [...list2];
-    next[at] = { ...list2[at], action: void 0, actionWindow: void 0, version: list2[at].version + 1 };
-    commit(next);
-  }, [commit]);
+    const next = [...list3];
+    next[at] = { ...list3[at], action: void 0, actionWindow: void 0, version: list3[at].version + 1 };
+    commit2(next);
+  }, [commit2]);
   useEffect(() => {
     const onKey = (e) => {
       if (e.key !== "F8" || e.defaultPrevented) return;
@@ -13654,9 +14897,9 @@ function ToastProvider({ children, maxVisible = 3, position = "bottom-right", du
       }
       main.focus();
     }
-  }, [list]);
-  const shown = list.filter((t) => t.shown);
-  const waiting = list.length - shown.length;
+  }, [list2]);
+  const shown = list2.filter((t) => t.shown);
+  const waiting = list2.length - shown.length;
   const isTop = position.startsWith("top");
   const hasBottomNav = isMobile && bottomNavs > 0;
   return /* @__PURE__ */ jsx(ToastContext.Provider, { value: api, children: /* @__PURE__ */ jsxs(ToastLedgerCtx.Provider, { value: ledger, children: [
@@ -13937,8 +15180,8 @@ function usePageActionsSlot() {
   const [asking, setAsking] = useState(0);
   const [slots, setSlots] = useState([]);
   const register = useCallback((el, size) => {
-    setSlots((list) => [...list.filter((s) => s.el !== el), { el, size }]);
-    return () => setSlots((list) => list.filter((s) => s.el !== el));
+    setSlots((list2) => [...list2.filter((s) => s.el !== el), { el, size }]);
+    return () => setSlots((list2) => list2.filter((s) => s.el !== el));
   }, []);
   const outerAdd = outer?.add;
   const add = useCallback(() => {
@@ -13961,7 +15204,7 @@ function usePageContainer() {
 }
 function isPageHeaderElement(node) {
   if (!isValidElement(node)) return false;
-  const type = node.type;
+  const type = elementType(node.type);
   return !!type && typeof type !== "string" && type[PAGE_HEADER_MARK] === true;
 }
 var OVERLAP_MIN = 24;
@@ -14106,7 +15349,7 @@ var PageContainer = forwardRef(function PageContainer2({
   const placement = block ? "block" : r.outside ? "outside" : "inside";
   const breadcrumbsInsideHeader = snapping && floatingHeader && contained;
   const strip = contained && !breadcrumbsInsideHeader && crumbs ? /* @__PURE__ */ jsx(Breadcrumbs, { variant: "contained", itemVariant: r.breadcrumbStyle, bleed: true, contentMaxWidth: maxWidthValue, separator: r.breadcrumbSeparator, items: headerEl.props.title ? [...crumbs, { label: headerEl.props.title }] : crumbs }) : null;
-  const columnClass = (pad3) => cn("w-full", paddingClasses[pad3], centered && "mx-auto");
+  const columnClass = (pad4) => cn("w-full", paddingClasses[pad4], centered && "mx-auto");
   const columnStyle = { maxWidth: maxWidthValue, containerType: "inline-size" };
   const header = /* @__PURE__ */ jsx(PageContainerContext, { value: { contentMaxWidth: maxWidthValue, placement, containedBreadcrumbs: contained, breadcrumbsInsideHeader, noBottomMargin: block, overlap: overlapActive, setPinnedHeight, reportHeader, requestContentWidth }, children: renderHeader ? renderHeader(headerEl) : headerEl });
   const contentPadding = floatingHeader && shell?.isMobile ? "none" : padding;
@@ -14156,7 +15399,7 @@ function outerHeight(el) {
   return el.getBoundingClientRect().height + (parseFloat(s.marginTop) || 0) + (parseFloat(s.marginBottom) || 0);
 }
 function Breadcrumbs2({ items, onLight, onTint, pill, separator = "chevron" }) {
-  const follow = useCrumbFollow();
+  const follow2 = useCrumbFollow();
   if (!items.length) return null;
   const mutedCls = onLight ? "text-[var(--ds-text-on-primary)]/40" : onTint ? "text-[var(--ds-text-muted-on-tint)]" : "text-[var(--ds-text-secondary)]";
   const sepEl = (key) => {
@@ -14179,7 +15422,7 @@ function Breadcrumbs2({ items, onLight, onTint, pill, separator = "chevron" }) {
         "a",
         {
           href: item.href ?? "#",
-          onClick: (e) => follow(e, item),
+          onClick: (e) => follow2(e, item),
           className: cn(
             "transition-colors duration-[var(--ds-transition-speed)]",
             onLight ? "text-[var(--ds-text-on-primary)]/60 hover:text-[var(--ds-text-on-primary)]/90" : cn(mutedCls, "hover:text-[var(--ds-text-primary)]"),
@@ -14343,7 +15586,7 @@ var PageHeader = forwardRef(function PageHeader2({
   const contentMaxWidth = contentMaxWidthProp ?? container?.contentMaxWidth;
   const insidePaddedColumn = !!container?.insidePaddedColumn;
   const gutterWidth = insidePaddedColumn ? void 0 : contentMaxWidth;
-  const floating = isFloating && !insidePaddedColumn;
+  const floating = isFloating && !insidePaddedColumn && container?.placement !== "block";
   const stickyTop = shell ? "top-0" : "top-[var(--ds-navbar-height)]";
   const snapping = behavior === "snapping";
   const inlineBreadcrumbs = container?.containedBreadcrumbs && !snapping ? void 0 : breadcrumbs;
@@ -14392,7 +15635,7 @@ var PageHeader = forwardRef(function PageHeader2({
   }
   let header;
   if (variant === "minimal") {
-    header = /* @__PURE__ */ jsx(MinimalHeader, { title, description, caption, focusBack, badge, breadcrumbs: inlineBreadcrumbs, actions: shownActions, tabs, breadcrumbPill: bcPill, breadcrumbSeparator: bcSep, as: Heading, className, headerRef: floating ? void 0 : ref, isFloating: floating, contentMaxWidth: gutterWidth });
+    header = /* @__PURE__ */ jsx(MinimalHeader, { title, caption, focusBack, badge, breadcrumbs: inlineBreadcrumbs, actions: shownActions, tabs, breadcrumbPill: bcPill, breadcrumbSeparator: bcSep, as: Heading, className, headerRef: floating ? void 0 : ref, isFloating: floating, contentMaxWidth: gutterWidth });
   } else if (variant === "tabs-integrated") {
     header = /* @__PURE__ */ jsx(
       TabsIntegratedHeader,
@@ -14567,7 +15810,6 @@ function DefaultHeader({
 }
 function MinimalHeader({
   title,
-  description,
   caption,
   focusBack,
   badge,
@@ -14595,7 +15837,6 @@ function MinimalHeader({
       ] }),
       actions && /* @__PURE__ */ jsx(ControlSizeContext.Provider, { value: "sm", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-ds-2 shrink-0", children: actions }) })
     ] }),
-    description && /* @__PURE__ */ jsx(ClampedText, { className: "mt-ds-1 text-sm text-[var(--ds-text-secondary)]", children: description }),
     tabs && /* @__PURE__ */ jsx(TabRow, { hasCaption: !!caption, className: "mt-ds-3 -mx-ds-1", children: tabs })
   ] }) });
 }
@@ -14887,7 +16128,6 @@ function SnappingHeader({
               ] }),
               actions && /* @__PURE__ */ jsx(ControlSizeContext.Provider, { value: "sm", children: /* @__PURE__ */ jsx("div", { className: "flex items-center gap-ds-2 shrink-0", children: actions }) })
             ] }),
-            description && /* @__PURE__ */ jsx(ClampedText, { className: "mt-ds-1 text-sm text-[var(--ds-text-secondary)]", children: description }),
             filters && /* @__PURE__ */ jsx(FilterRow, { className: "mt-ds-3", children: filters }),
             expandedContent && /* @__PURE__ */ jsx("div", { className: "mt-ds-3", children: expandedContent }),
             tabs && /* @__PURE__ */ jsx(TabRow, { hasCaption: !!caption, className: "mt-ds-3 -mx-ds-1", children: tabs })
@@ -15022,7 +16262,7 @@ function TabsIntegratedHeader({
 }) {
   const hasBreadcrumbs = !!(breadcrumbs && breadcrumbs.length > 0);
   const inner = floatingContentProps(isFloating, contentMaxWidth);
-  return /* @__PURE__ */ jsx("header", { "data-gs": "page-header", ref: headerRef, className: cn(hasBreadcrumbs ? "pt-ds-3" : "pt-ds-6", "pb-ds-4", isFloating && cn(FLOATING_HEADER, "overflow-hidden"), className), children: /* @__PURE__ */ jsxs("div", { className: inner.className, style: inner.style, children: [
+  return /* @__PURE__ */ jsx("header", { "data-gs": "page-header", ref: headerRef, className: cn(hasBreadcrumbs ? "pt-ds-3" : "pt-ds-6", "pb-ds-6", isFloating && cn(FLOATING_HEADER, "overflow-hidden"), className), children: /* @__PURE__ */ jsxs("div", { className: inner.className, style: inner.style, children: [
     focusBack && /* @__PURE__ */ jsx(BackLink, { onClick: focusBack }),
     hasBreadcrumbs && /* @__PURE__ */ jsx(Breadcrumbs2, { items: breadcrumbs, pill: breadcrumbPill, separator: breadcrumbSeparator }),
     /* @__PURE__ */ jsxs("div", { className: cn(
@@ -15457,194 +16697,6 @@ function NavMenuGroup({
     )) })
   ] });
 }
-var DEFAULT_BUTTON_ATTR = "data-dialog-default-button";
-var sizeClasses = {
-  // round 16 (the owner's item 5): the small dialog is 448 px, not 384 — a delete confirmation with a typed field was cramped
-  sm: "max-w-md",
-  md: "max-w-lg",
-  lg: "max-w-2xl",
-  xl: "max-w-4xl",
-  full: "max-w-[calc(100vw-2rem)]"
-};
-function Dialog({ open, onClose: onCloseProp, title, description, children, footer, variant = "default", size = "md", alert = false, container, onSubmit, dirty, onDiscard }) {
-  const { marked, mark } = useOverlayMark(open);
-  const guard = useDirtyGuard(dirty ?? marked, onCloseProp, onDiscard);
-  const onClose = guard.requestClose;
-  const titleId = useId();
-  const descriptionId = useId();
-  const isMobile = useBreakpoint("sm");
-  const overlayRef = useRef(null);
-  const dialogRef = useRef(null);
-  const opener = useRef(null);
-  const defaultButtonRef = useRef(null);
-  const bodyRef = useScrollbarInset();
-  const onCloseRef = useLatest(onClose);
-  const onSubmitRef = useLatest(onSubmit);
-  const isTopLayer = useOverlayLayer(open);
-  useFocusTrap(dialogRef, open, isTopLayer);
-  const before = useFocusBeforeOpen(open);
-  useEffect(() => {
-    if (!open) return;
-    const active = before.current;
-    opener.current = active instanceof HTMLElement && active !== document.body && active.isConnected ? rememberFocus(active) : null;
-  }, [open, before]);
-  useEffect(() => {
-    if (!open) return;
-    requestAnimationFrame(() => {
-      focusInitial(dialogRef.current, { destructive: variant === "destructive" });
-    });
-  }, [open, variant]);
-  useEffect(() => {
-    if (!open) return;
-    const handler = (e) => {
-      if (e.key !== "Escape" || e.defaultPrevented || !isTopLayer()) return;
-      e.preventDefault();
-      onCloseRef.current();
-    };
-    document.addEventListener("keydown", handler);
-    return () => {
-      document.removeEventListener("keydown", handler);
-    };
-  }, [open, onCloseRef, isTopLayer]);
-  useEffect(() => {
-    if (!open) return;
-    lockBodyScroll();
-    return () => {
-      unlockBodyScroll();
-      const r = opener.current;
-      opener.current = null;
-      const active = document.activeElement;
-      if (!active || active === document.body || !active.isConnected) r?.restore();
-    };
-  }, [open]);
-  if (!open) return null;
-  return createPortal(
-    /* @__PURE__ */ jsxs(
-      "div",
-      {
-        ref: overlayRef,
-        className: cn("fixed inset-0 z-[var(--ds-z-modal)] flex items-center justify-center", !isMobile && "p-ds-4"),
-        children: [
-          /* @__PURE__ */ jsx(
-            "div",
-            {
-              className: "fixed inset-0 bg-black/50 [backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))] [-webkit-backdrop-filter:blur(calc(var(--ds-glass-blur)*0.3))]",
-              onClick: alert ? void 0 : onClose,
-              "aria-hidden": "true"
-            }
-          ),
-          /* @__PURE__ */ jsxs(
-            "form",
-            {
-              onSubmit: (e) => {
-                if (e.target !== e.currentTarget) return;
-                e.preventDefault();
-                e.stopPropagation();
-                if (variant === "destructive") return;
-                const submitter = e.nativeEvent.submitter;
-                const implicit = !submitter || submitter === defaultButtonRef.current;
-                if (!implicit && submitter.getAttribute("type") !== "submit") return;
-                if (implicit) {
-                  const explicit = e.currentTarget.querySelector(`button[type="submit"]:not([${DEFAULT_BUTTON_ATTR}])`);
-                  if (explicit?.disabled) return;
-                }
-                onSubmitRef.current?.();
-              },
-              className: "contents",
-              children: [
-                /* @__PURE__ */ jsx(
-                  "button",
-                  {
-                    ref: defaultButtonRef,
-                    type: "submit",
-                    tabIndex: -1,
-                    "aria-hidden": "true",
-                    className: "sr-only",
-                    ...{ [DEFAULT_BUTTON_ATTR]: "" }
-                  }
-                ),
-                /* @__PURE__ */ jsxs(
-                  "div",
-                  {
-                    ref: dialogRef,
-                    role: alert ? "alertdialog" : "dialog",
-                    ...{ [OVERLAY_ROOT_ATTR]: "" },
-                    "aria-modal": "true",
-                    "data-gs": "dialog",
-                    "aria-labelledby": titleId,
-                    "aria-describedby": description ? descriptionId : void 0,
-                    style: { containerType: "inline-size", "--ds-form-max": "none" },
-                    className: cn(
-                      // a column: the title row, a body that scrolls when it is taller than the room, and the footer (Sprint 25.14,
-                      // with A36's full-screen phone dialog: its content ran past the screen with the footer cut off)
-                      "relative z-10 w-full flex flex-col max-h-full",
-                      isMobile ? "max-w-none h-full" : sizeClasses[size],
-                      OVERLAY_SURFACE,
-                      "text-[var(--ds-text-primary)]",
-                      GLASS_OVERLAY,
-                      // full screen on a phone: no edge to draw, so the content sits at the gutter from the screen's edge
-                      isMobile ? "rounded-none" : "rounded-[var(--ds-radius-xl)] border-[length:var(--ds-border-width)] border-[var(--ds-border-default)]",
-                      "overflow-hidden",
-                      "animate-in fade-in-0 zoom-in-95"
-                    ),
-                    children: [
-                      /* @__PURE__ */ jsxs("div", { className: cn("shrink-0 flex items-start gap-ds-3 pt-ds-6 px-[var(--ds-page-gutter)]", children ? "pb-ds-4" : "pb-ds-6"), children: [
-                        variant === "destructive" && /* @__PURE__ */ jsx("div", { className: "flex items-center justify-center shrink-0 w-10 h-10 rounded-[var(--ds-radius-full)] bg-[var(--ds-status-error-bg)]", children: /* @__PURE__ */ jsx(Icon, { name: "warning", size: 20, className: "text-[var(--ds-status-error)]" }) }),
-                        /* @__PURE__ */ jsxs("div", { className: "flex-1 min-w-0", children: [
-                          /* @__PURE__ */ jsx(
-                            "h2",
-                            {
-                              id: titleId,
-                              className: "font-[family-name:var(--ds-font-display)] text-lg font-[var(--ds-weight-heading)] leading-none tracking-tight",
-                              children: title
-                            }
-                          ),
-                          description && /* @__PURE__ */ jsx("p", { id: descriptionId, className: "mt-ds-2 text-sm text-[var(--ds-text-muted)]", children: description })
-                        ] }),
-                        /* @__PURE__ */ jsx(
-                          "button",
-                          {
-                            type: "button",
-                            onClick: onClose,
-                            ...{ [OVERLAY_CLOSE_ATTR]: "" },
-                            className: "shrink-0 text-[var(--ds-text-muted)] hover:text-[var(--ds-text-primary)] transition-colors cursor-pointer",
-                            "aria-label": "Close",
-                            children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 18 })
-                          }
-                        )
-                      ] }),
-                      children && /* @__PURE__ */ jsx(
-                        "div",
-                        {
-                          ref: bodyRef,
-                          className: "min-h-0 flex-[0_1_auto] overflow-y-auto pb-ds-6",
-                          style: {
-                            paddingLeft: variant === "destructive" ? "calc(var(--ds-page-gutter) + 2.5rem + var(--ds-space-3))" : "var(--ds-page-gutter)",
-                            paddingRight: insetLessScrollbar("var(--ds-page-gutter)")
-                          },
-                          children: /* @__PURE__ */ jsx(SurfaceBoundary, { children: /* @__PURE__ */ jsx(DrawerFooterCtx, { value: null, children: /* @__PURE__ */ jsx(OverlayMarkScope, { mark, children: /* @__PURE__ */ jsx(OverlayCloseCtx, { value: onClose, children }) }) }) })
-                        }
-                      ),
-                      isMobile && /* @__PURE__ */ jsx("div", { "aria-hidden": true, className: "flex-1 min-h-0" }),
-                      /* @__PURE__ */ jsx(DiscardConfirm, { open: guard.confirming, onKeep: guard.keep, onDiscard: guard.discard }),
-                      footer && /* @__PURE__ */ jsx("div", { className: cn(
-                        "shrink-0 flex justify-end gap-ds-2 py-ds-4 px-[var(--ds-page-gutter)]",
-                        "border-t-[length:var(--ds-border-width)] border-[var(--ds-border-subtle)]",
-                        "bg-[var(--ds-bg-muted)]",
-                        !isMobile && "rounded-b-[var(--ds-radius-xl)]"
-                      ), children: footer })
-                    ]
-                  }
-                )
-              ]
-            }
-          )
-        ]
-      }
-    ),
-    container ?? document.body
-  );
-}
 function HamburgerButton({ onClick, open, className: cls }) {
   return /* @__PURE__ */ jsx(
     "button",
@@ -17130,7 +18182,7 @@ function useFlowSteps(options) {
       const prev = { ...initialAnswers, ...before.answers };
       const next2 = { ...prev, ...patch };
       const here = Math.max(step, before.current ?? step);
-      const ahead = (list) => list.slice(here).map((s) => s.label).join("\0");
+      const ahead = (list2) => list2.slice(here).map((s) => s.label).join("\0");
       const changes = ahead(shownSteps(steps, prev)) !== ahead(shownSteps(steps, next2));
       return { ...before, furthest: changes ? Math.min(before.furthest, here) : before.furthest, answers: next2 };
     });
@@ -17139,10 +18191,12 @@ function useFlowSteps(options) {
     if (key) storeFor(key).focusStep = target;
     go(href(target));
   }, [key, go, href]);
+  const canGoBack = useShellPreferences().canNavigateBack ?? PREFERENCE_HOUSE_DEFAULTS.canNavigateBack;
   const goTo = useCallback((target) => {
     if (!Number.isInteger(target) || target < 1 || target > furthest || target === step) return;
+    if (!canGoBack && target < step) return;
     moveTo(target);
-  }, [furthest, step, moveTo]);
+  }, [furthest, step, moveTo, canGoBack]);
   const next = useCallback((patch) => {
     if (!key) return;
     if (patch) setAnswers(patch);
@@ -17151,7 +18205,7 @@ function useFlowSteps(options) {
     update(key, (v) => ({ ...v, furthest: Math.max(v.furthest, step + 1), current: step + 1 }));
     moveTo(step + 1);
   }, [key, setAnswers, steps, answers, shown, step, moveTo]);
-  const back = step > 1 ? () => moveTo(step - 1) : void 0;
+  const back = canGoBack && step > 1 ? () => moveTo(step - 1) : void 0;
   const saveAndExit = useCallback(() => {
     if (key && stored) update(key, (v) => ({ ...v, current: step }));
     const left = focusAfterLeaving();
@@ -17187,7 +18241,8 @@ function useFlowSteps(options) {
         disabled: i + 1 > furthest || void 0
       })),
       currentStep: step - 1,
-      onStepChange: (index) => goTo(index + 1)
+      // with going back off the list only shows progress: nothing in it can be pressed
+      onStepChange: canGoBack ? (index) => goTo(index + 1) : void 0
     },
     saveAndExit,
     finish
@@ -17559,6 +18614,6 @@ var TextOverflow = forwardRef(function TextOverflow2({
   return /* @__PURE__ */ jsx(Tooltip, { content: resolvedTooltipContent, children: content });
 });
 
-export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, Alert, AsidePanel, AvatarGroup, BottomNav, BulkActionBar, Calendar, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, ChatMessageList, ChatPanel, Checkbox, CheckboxGroup, CheckboxGroupItem, Collapsible, ColorPicker, Combobox, CommandPalette, ContextMenu, CornerPanel, DEFAULT_DATE_RANGE_PRESETS, DangerZone, DataList, DatePicker, DateRangePicker, DescriptionList, Dialog, Dock, DropdownMenu, EmptyState, EntityCell, FileUpload, FlowSaved, FormWrapper, Gantt, HoverCard, Kbd, Launcher, MentionInput, MobileHeaderMenu, NavItem, NavMenu, Navbar, NotificationCenter, PageActions, PageContainer, PageHeader, PinInput, Progress, RadioGroup, Rating, RelativeTime, ScrollArea, SectionHeading, SegmentedControl, SettingsLayout, Sheet, Sidebar, SidebarNav, SliderRange, StackedList, StatsCard, StatusDot, Stepper, TIME_ZOOMS, Table, TableToolbar, Tabs, Tag, TagInput, TextOverflow, TimeBar, TimePicker, TimeRow, TimeScaleHeader, TimeViewport, Timeline, TimezoneSelect, Toast, ToastProvider, Tour, TransferList, TreeView, browserTimeZone, canonicalTimeZone, dateOfDay, dayOf, endDayOf, fitLabel, fitLabels, formatDateRange, formatFullTime, formatRelativeTime, readFlowProgress, timeExtent, timeZoneOffset, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useRelativeTimeFormat, useSidebar, useTextMeasure, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional };
+export { Accordion, ActionPanel, ActionPanelGroup, AddAnother, Alert, AsidePanel, AvatarGroup, BottomNav, BulkActionBar, Calendar, Card, CardContent, CardDescription, CardFooter, CardGrid, CardHeader, CardTitle, Carousel, ChatMessageList, ChatPanel, Checkbox, CheckboxGroup, CheckboxGroupItem, Collapsible, CollapsibleContent, CollapsibleTrigger, ColorPicker, Combobox, CommandPalette, ContextMenu, CornerPanel, DEFAULT_DATE_RANGE_PRESETS, DangerZone, DataList, DatePicker, DateRangePicker, DescriptionList, Dialog, Dock, DropdownMenu, EmptyState, EntityCell, FileUpload, FlowSaved, FormWrapper, Gantt, HoverCard, Kbd, Launcher, LocaleProvider, MentionInput, MobileHeaderMenu, NavItem, NavMenu, Navbar, NotificationCenter, PageActions, PageContainer, PageHeader, PinInput, Progress, RadioGroup, Rating, RecurrencePicker, RecurrenceScopeDialog, RelativeTime, ScrollArea, SectionHeading, SegmentedControl, SettingsLayout, Sheet, Sidebar, SidebarNav, SliderRange, StackedList, StatsCard, StatusDot, Stepper, TIME_ZOOMS, Table, TableToolbar, Tabs, TabsContent, TabsList, TabsTrigger, Tag, TagInput, TextOverflow, TimeBar, TimePicker, TimeRow, TimeScaleHeader, TimeViewport, Timeline, TimezoneSelect, Toast, ToastProvider, Tour, TransferList, TreeView, browserTimeZone, canonicalTimeZone, countEdited, dateOfDay, dayOf, deleteOccurrence, describeRecurrence, endDayOf, fitLabel, fitLabels, formatDateRange, nthOf, occurrenceOn, occurrences, parseRRule, readFlowProgress, readRecurrence, recurrencePresets, sameRecurrence, saveOccurrence, timeExtent, timeZoneOffset, toRRule, useBrowserTimeZone, useContentWidth, useDestructiveAction, useFittedLabels, useFlowSteps, useRelativeTimeFormat, useSidebar, useTextMeasure, useTimeScale, useTimeViewport, useTimeViewportLayout, useToast, useToastOptional };
 //# sourceMappingURL=index.js.map
 //# sourceMappingURL=index.js.map