gridsmith-ui 0.28.0 → 0.29.1

package/dist/index.js

@@ -1,41 +1,41 @@
 "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-OPFJEL3Z.js';
-export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-OPFJEL3Z.js';
-import { Skeleton, TITLE_TEXT, useFormatLocale, useHydrated, useToday, LocaleContext } from './chunk-2ROVDVLZ.js';
-export { Skeleton, useFormatLocale, useHydrated } from './chunk-2ROVDVLZ.js';
+import { useAppShell, REACT_VERSION_PROBLEM, Breadcrumbs, useCrumbFollow, crumbGoes, useCornerInset, NAVBAR_INSET_PRIORITY, useOverlayMark, useDirtyGuard, useScrollbarInset, DrawerFooterCtx, OverlayMarkScope, OverlayCloseCtx, insetLessScrollbar, DiscardConfirm, OVERLAY_ROOT_ATTR, OverlayMarkCtx, useCompact, useElementWidth, DrawerPanel, useCloseSettle, besideRoom, PANEL_INSET_PRIORITY, Drawer, useRememberedWidth, pxOf, ResizeEdge, LAUNCHER_INSET_PRIORITY, defaultMaxWidth } from './chunk-4TUJXDRU.js';
+export { AppShell, Breadcrumbs, Drawer, SkipLink, useAppShell, useUnsavedChanges } from './chunk-4TUJXDRU.js';
+import { Skeleton, TITLE_TEXT, useFormatLocale, useHydrated, useToday, LocaleContext } from './chunk-MFAWJSMJ.js';
+export { Skeleton, useFormatLocale, useHydrated } from './chunk-MFAWJSMJ.js';
 import { useScrollEdges, EDGE_FADE } from './chunk-3BRQRKDO.js';
-import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-EIWXVICU.js';
-export { Avatar } from './chunk-EIWXVICU.js';
-import { Link } from './chunk-DQCHCLEJ.js';
-export { CodeBlock, Divider, Link } from './chunk-DQCHCLEJ.js';
+import { Avatar, foldForSearch, useActiveOptionInView, shownMentions, matchMentions, mentionOptionId, MentionList, initialsOf } from './chunk-6A5RHW2W.js';
+export { Avatar } from './chunk-6A5RHW2W.js';
+import { Link } from './chunk-I3MTQ3CS.js';
+export { CodeBlock, Divider, Link } from './chunk-I3MTQ3CS.js';
 import { useFillHeight, FillContext, useKeyboardScroll } from './chunk-FD4YED7O.js';
-import { Badge } from './chunk-TRDXWHD2.js';
-export { Badge } from './chunk-TRDXWHD2.js';
-import { inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, CardValue } from './chunk-BRAXJEEP.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-YUTF2X6B.js';
-export { Dropdown, Field, InlineFieldError, Input, Label, NumberInput, Pagination, Popover, Textarea, Toggle, usePagination } from './chunk-YUTF2X6B.js';
-import { Button, ControlSizeContext, triggerType, Spinner, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS, formatRelativeTime, thresholdOf, toMillis, formatFullTime, preferenceActionKey, DAY, HOUR, MINUTE } from './chunk-R4GXKH4U.js';
-export { Button, ButtonSizeContext, ControlSizeContext, PreferencesContext, Spinner, formatFullTime, formatRelativeTime, preferenceActionKey, usePreferences } from './chunk-R4GXKH4U.js';
+import { Badge } from './chunk-RECCCA7Z.js';
+export { Badge } from './chunk-RECCCA7Z.js';
+import { inferColumnKinds, useCardsSwitch, CARDS_BELOW, kindOfRenderedText, CardValue } from './chunk-QNHVPE2B.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-FUKSLQ77.js';
+export { Dropdown, Field, InlineFieldError, Input, Label, NumberInput, Pagination, Popover, Textarea, Toggle, usePagination } from './chunk-FUKSLQ77.js';
+import { Button, ControlSizeContext, triggerType, Spinner, useShellPreferences, PREFERENCE_HOUSE_DEFAULTS, formatRelativeTime, thresholdOf, toMillis, formatFullTime, preferenceActionKey, DAY, HOUR, MINUTE } from './chunk-RJEUQ7RL.js';
+export { Button, ButtonSizeContext, ControlSizeContext, PreferencesContext, Spinner, formatFullTime, formatRelativeTime, preferenceActionKey, usePreferences } from './chunk-RJEUQ7RL.js';
 import { elementType, formatLocale, localeChoice } from './chunk-OYNUU346.js';
 import { useInputModality } from './chunk-7RKC5C7G.js';
 export { INPUT_MODALITY_ATTR, inputModality, installInputModality, useInputModality } from './chunk-7RKC5C7G.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 { useBreakpoint, readBreakpointPx } from './chunk-ZHUVLBCC.js';
+export { BreakpointWidthProvider, useBreakpoint } from './chunk-ZHUVLBCC.js';
+import { FormChangeCtx, useReportedChange, useOptionalFormContext, FormCtx } from './chunk-72SDAX54.js';
+export { useFormContext } from './chunk-72SDAX54.js';
 import { CardSurfaceCtx, useScrollsInside, SplitPaneCtx, RowsCtx, PageActionsCtx, SurfaceBoundary, useFramesItself, TableCardCtx } from './chunk-QM4SJKWV.js';
 import { useRevealFocus } from './chunk-HTXP5BMM.js';
 export { useRevealFocus } from './chunk-HTXP5BMM.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 { useTextOverflow, Tooltip } from './chunk-GXMTS3YD.js';
-export { Tooltip, useTextOverflow } from './chunk-GXMTS3YD.js';
+import { useTextOverflow, AutoTooltip } from './chunk-37WOC7F7.js';
+export { Tooltip, useTextOverflow } from './chunk-37WOC7F7.js';
 import { mergeRefs, Slot } from './chunk-7Q46JXSK.js';
-import { Icon, slotIcon, warnOnce } from './chunk-TJEV7YAY.js';
+import { Icon, slotIcon, warnOnce } from './chunk-MKFWHWBK.js';
 import { usePosition } from './chunk-HP7WUZPK.js';
 import { useLatest } from './chunk-WH2FUFAC.js';
-import { cn, FOCUS_RING, GLASS_SURFACE, FOCUS_INSET, PEER_FOCUS_RING, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, OVERLAY_SURFACE, GLASS_OVERLAY, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, GROUP_FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING } from './chunk-66JJCQU3.js';
-import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo, useEffect, useImperativeHandle, Children, Fragment as Fragment$1, cloneElement, useSyncExternalStore } from 'react';
+import { cn, FOCUS_RING, GLASS_SURFACE, FOCUS_INSET, PEER_FOCUS_RING, GLASS_BACKDROP, GLASS_DROPDOWN, lockBodyScroll, unlockBodyScroll, OVERLAY_SURFACE, GLASS_OVERLAY, ERROR_HAS_FOCUS_RING, FIELD_HAS_FOCUS_RING, GROUP_FOCUS_RING, ERROR_ACTIVE_RING, ACTIVE_RING, ERROR_FOCUS_WITHIN_RING, FIELD_FOCUS_WITHIN_RING, ERROR_FOCUS_RING, FIELD_FOCUS_RING, atLeastFocusRoom, FOCUS_ROOM } from './chunk-JTU7OBYJ.js';
+import { createContext, forwardRef, useState, useRef, useCallback, useLayoutEffect, useMemo, useContext, isValidElement, useId, memo, useImperativeHandle, useEffect, Children, Fragment as Fragment$1, cloneElement, useSyncExternalStore } from 'react';
 import { createPortal, flushSync } from 'react-dom';
 import { jsxs, jsx, Fragment } from 'react/jsx-runtime';
 
@@ -465,7 +465,7 @@ function Combobox({ value, onChange: onChangeProp, options, placeholder = "Searc
       container ?? document.body
     )
   ] });
-  return /* @__PURE__ */ jsx(Tooltip, { content: selectedLabel, disabled: !labelTruncated || open, children: triggerContent });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: selectedLabel, disabled: !labelTruncated || open, children: triggerContent });
 }
 
 // ../../showcase/src/lib/locale-cache.ts
@@ -619,7 +619,7 @@ function RelativeTimeAt({ at, hours, className }) {
     return () => clearTimeout(timer);
   }, [at, now, hours]);
   const full = formatFullTime(at, locale);
-  return /* @__PURE__ */ jsx(Tooltip, { content: full, ref: placed, children: /* @__PURE__ */ jsxs(
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: full, ref: placed, children: /* @__PURE__ */ jsxs(
     "time",
     {
       tabIndex: inRows || inControl ? void 0 : 0,
@@ -721,10 +721,10 @@ var CheckboxGroupContext = createContext(null);
 function CheckboxGroup({ value, onChange, children, className }) {
   return /* @__PURE__ */ jsx(CheckboxGroupContext, { value: { value, onChange }, children: /* @__PURE__ */ jsx("div", { role: "group", className: cn("flex flex-col gap-ds-2", className), children }) });
 }
-function CheckboxGroupItem({ value, label, disabled, groupValue, onGroupChange }) {
+function CheckboxGroupItem({ value, label, disabled }) {
   const ctx = useContext(CheckboxGroupContext);
-  const resolvedValue = ctx?.value ?? groupValue ?? [];
-  const resolvedOnChange = ctx?.onChange ?? onGroupChange;
+  const resolvedValue = ctx?.value ?? [];
+  const resolvedOnChange = ctx?.onChange;
   const checked = resolvedValue.includes(value);
   return /* @__PURE__ */ jsx(
     Checkbox,
@@ -3100,7 +3100,7 @@ function TruncFileName({ children, className }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const el = /* @__PURE__ */ jsx("p", { ref, className: cn("truncate", className), children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 var PARALLEL = 3;
 function formatSize(bytes) {
@@ -4119,7 +4119,7 @@ var Tag = forwardRef(function Tag2({
     }
   );
   if (isTruncated) {
-    return /* @__PURE__ */ jsx(Tooltip, { content: children, children: tag });
+    return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: tag });
   }
   return tag;
 });
@@ -6057,7 +6057,7 @@ var CardTitle = forwardRef(function CardTitle2({ className, children, lines: lin
       ) : children
     }
   );
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, disabled: !isTruncated, children: heading });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, disabled: !isTruncated, children: heading });
 });
 var CardDescription = forwardRef(function CardDescription2({ className, children, lines = 2, ...props }, forwardedRef) {
   const { ref: overflowRef, isTruncated } = useTextOverflow({ lines, disabled: lines === 0 });
@@ -6075,7 +6075,7 @@ var CardDescription = forwardRef(function CardDescription2({ className, children
       children
     }
   );
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, disabled: !isTruncated, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, disabled: !isTruncated, children: el });
 });
 var CardContent = forwardRef(function CardContent2({ className, children, ...props }, ref) {
   return /* @__PURE__ */ jsx("div", { ref, className: cn("flex-1 px-ds-5 py-ds-4", className), ...props, children });
@@ -6090,7 +6090,7 @@ function TruncLabel({ children }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const el = /* @__PURE__ */ jsx("span", { ref, className: "block text-xs font-medium text-[var(--ds-text-muted)] uppercase tracking-wider truncate min-w-0", children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 function StatsCard({ value, label, trend, icon, layout = "card", interactive, onClick, children, className }) {
   if (layout === "inline") {
@@ -6173,7 +6173,7 @@ function TrendBadge({ trend }) {
     }
   );
   if (!isTruncated) return badge;
-  return /* @__PURE__ */ jsx(Tooltip, { content: trend.value, children: badge });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: trend.value, children: badge });
 }
 function DataList({ items, columns = 1, className }) {
   return /* @__PURE__ */ jsx(
@@ -6344,7 +6344,7 @@ var DescriptionList = forwardRef(function DescriptionList2({
                   ),
                   children: [
                     item.icon && /* @__PURE__ */ jsx(Icon, { name: item.icon, size: s.iconSize, className: "shrink-0" }),
-                    item.tooltip ? /* @__PURE__ */ jsx(Tooltip, { content: item.tooltip, children: /* @__PURE__ */ jsx("span", { className: "cursor-help border-b-[length:var(--ds-border-width)] border-dashed border-[var(--ds-border-default)]", children: item.label }) }) : item.label
+                    item.tooltip ? /* @__PURE__ */ jsx(AutoTooltip, { content: item.tooltip, children: /* @__PURE__ */ jsx("span", { className: "cursor-help border-b-[length:var(--ds-border-width)] border-dashed border-[var(--ds-border-default)]", children: item.label }) }) : item.label
                   ]
                 }
               ),
@@ -6389,7 +6389,7 @@ var DescriptionList = forwardRef(function DescriptionList2({
                 ),
                 children: [
                   item.icon && /* @__PURE__ */ jsx(Icon, { name: item.icon, size: s.iconSize, className: "shrink-0" }),
-                  item.tooltip ? /* @__PURE__ */ jsx(Tooltip, { content: item.tooltip, children: /* @__PURE__ */ jsx("span", { className: "cursor-help border-b-[length:var(--ds-border-width)] border-dashed border-[var(--ds-border-default)]", children: item.label }) }) : item.label
+                  item.tooltip ? /* @__PURE__ */ jsx(AutoTooltip, { content: item.tooltip, children: /* @__PURE__ */ jsx("span", { className: "cursor-help border-b-[length:var(--ds-border-width)] border-dashed border-[var(--ds-border-default)]", children: item.label }) }) : item.label
                 ]
               }
             ),
@@ -6579,7 +6579,7 @@ function TruncCell({ children, lines }) {
   const clampClass = lines === 1 ? "truncate" : `line-clamp-${lines}`;
   const cell = /* @__PURE__ */ jsx("span", { ref, className: cn(clampClass, "block"), children });
   if (!isTruncated) return cell;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: cell });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: cell });
 }
 var TITLE_CLASSES = TITLE_TEXT;
 var FRAME_CLASSES = cn(
@@ -7630,7 +7630,12 @@ var NEUTRAL = {
   text: "var(--ds-text-primary)",
   edge: "var(--ds-control-edge-strong)"
 };
-function EventBar({ event, category, compact, onOpen, inert, showTime = true, continuesBefore, continuesAfter, className, style }) {
+
+// ../../showcase/src/components/Calendar/styles.ts
+var TODAY_CIRCLE = "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)] font-bold";
+var CARD_CORNER = "calc(var(--ds-radius-lg) - var(--ds-border-width))";
+var FLUSH_EDGE = { "data-flush-edge": "" };
+function EventBar({ event, category, compact, onOpen, inert, showTime = true, continuesBefore, continuesAfter, flushEdge, className, style }) {
   const ref = useRef(null);
   const colours = eventColours(category);
   const words = useDateWords();
@@ -7673,6 +7678,7 @@ function EventBar({ event, category, compact, onOpen, inert, showTime = true, co
       ref,
       type: "button",
       "data-calendar-event": event.id,
+      ...flushEdge ? FLUSH_EDGE : {},
       className: cn(
         "w-full text-left text-xs leading-tight px-ds-1.5 py-ds-0.5",
         look,
@@ -7896,9 +7902,6 @@ function DayList({ day, events, categories, anchor, onOpenEvent, onNewEvent, onC
     document.body
   );
 }
-
-// ../../showcase/src/components/Calendar/styles.ts
-var TODAY_CIRCLE = "bg-[var(--ds-accent-primary)] [background-image:var(--ds-gradient)] text-[var(--ds-text-on-primary)] font-bold";
 var LANES = 3;
 var LANE_H = 20;
 var LANE_GAP = 4;
@@ -7958,6 +7961,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
                 if (!activeDay || !isSameDay(day, activeDay)) setActiveDay(day);
               },
               onClick: (e) => choose(day, e.currentTarget),
+              style: lastRow && di === 0 ? { borderBottomLeftRadius: CARD_CORNER } : lastRow && di === week.length - 1 ? { borderBottomRightRadius: CARD_CORNER } : void 0,
               className: cn(
                 "relative min-h-[80px] sm:min-h-[100px] border-[var(--ds-border-subtle)]",
                 !lastRow && "border-b-[length:var(--ds-divider-width)]",
@@ -7990,6 +7994,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
                       onOpen: onOpenEvent,
                       continuesBefore: s.continuesBefore,
                       continuesAfter: s.continuesAfter,
+                      flushEdge: true,
                       className: "absolute z-[1] flex items-center",
                       style: {
                         top: NUMBER_ROW + s.lane * (LANE_H + LANE_GAP),
@@ -8008,6 +8013,7 @@ function MonthView({ date, events, categories, selectedDate, onDayClick, canStar
                       "aria-expanded": !!list2 && isSameDay(list2.day, day),
                       className: cn("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_RING),
                       style: { top: NUMBER_ROW + (LANES - 1) * (LANE_H + LANE_GAP), left: INSET, height: LANE_H },
+                      ...FLUSH_EDGE,
                       onClick: (e) => {
                         e.stopPropagation();
                         openList(day, e.currentTarget);
@@ -8085,6 +8091,7 @@ function TimedEvent({ placed, category, onOpen, onFocusEvent }) {
     {
       type: "button",
       "data-calendar-event": event.id,
+      ...FLUSH_EDGE,
       "aria-label": eventName(event, category, words),
       className: cn(
         // a short event keeps its title whole: no padding above and below it
@@ -8132,7 +8139,10 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
   const allDayHeight = Math.max(28, 4 + allDay.lanes * (LANE_H2 + LANE_GAP2) + 2);
   const rootRef = useRef(null);
   const scrollerRef = useRef(null);
+  const allDayRef = useRef(null);
   const syncingScroll = useRef(false);
+  useRevealFocus(allDayRef);
+  useRevealFocus(scrollerRef);
   const { ref: edgesRef, measure: measureEdges, fadeProps: edgeFade } = useScrollEdges();
   const [list2, setList] = useState(null);
   const handleScroll = useCallback((e) => {
@@ -8265,7 +8275,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
     ] }),
     /* @__PURE__ */ jsxs("div", { className: "flex border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)] bg-[var(--ds-bg-muted)]/30", children: [
       /* @__PURE__ */ jsx("div", { className: "w-14 shrink-0 border-r-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)] text-2xs text-[var(--ds-text-muted)] px-ds-1 py-ds-1 text-right", children: "all-day" }),
-      /* @__PURE__ */ jsx("div", { ...edgeFade, className: "flex-1 overflow-x-auto gs-scrollbar-none", "data-week-scroll": true, children: /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": "All day", "aria-readonly": "true", style: { minWidth: stripWidth }, children: /* @__PURE__ */ jsx("div", { role: "row", className: "grid", style: { gridTemplateColumns: dayGridColumns, height: allDayHeight }, children: days.map((day, i) => {
+      /* @__PURE__ */ jsx("div", { ref: allDayRef, ...edgeFade, className: "flex-1 overflow-x-auto gs-scrollbar-none", style: { ...edgeFade.style, scrollPaddingInline: FADE }, "data-week-scroll": true, children: /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": "All day", "aria-readonly": "true", style: { minWidth: stripWidth }, children: /* @__PURE__ */ jsx("div", { role: "row", className: "grid", style: { gridTemplateColumns: dayGridColumns, height: allDayHeight }, children: days.map((day, i) => {
         const key = cellKey(day, null);
         const more = allDay.more[i];
         return /* @__PURE__ */ jsxs(
@@ -8281,24 +8291,31 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
             onClick: () => onDayClick(day),
             className: cn("relative cursor-pointer", FOCUS_INSET, i > 0 && "border-l-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]"),
             children: [
-              allDay.segments.filter((s) => s.startCol === i).map((s) => /* @__PURE__ */ jsx(
-                EventBar,
-                {
-                  event: s.event,
-                  category: categories[s.event.category ?? ""],
-                  onOpen: onOpenEvent,
-                  continuesBefore: s.continuesBefore,
-                  continuesAfter: s.continuesAfter,
-                  className: "absolute z-[1] flex items-center",
-                  style: {
-                    top: 2 + s.lane * (LANE_H2 + LANE_GAP2),
-                    height: LANE_H2,
-                    left: s.continuesBefore ? 0 : 2,
-                    width: `calc(${s.span} * (100% + var(--ds-divider-width)) - var(--ds-divider-width) - ${s.continuesBefore ? 0 : 2}px - ${s.continuesAfter ? 0 : 2}px)`
-                  }
-                },
-                `${s.event.id}-${s.startCol}`
-              )),
+              allDay.segments.filter((s) => s.startCol === i).map((s) => {
+                const start = s.continuesBefore ? 0 : 2;
+                const end = s.continuesAfter ? 0 : 2;
+                return /* @__PURE__ */ jsx(
+                  EventBar,
+                  {
+                    event: s.event,
+                    category: categories[s.event.category ?? ""],
+                    onOpen: onOpenEvent,
+                    continuesBefore: s.continuesBefore,
+                    continuesAfter: s.continuesAfter,
+                    flushEdge: true,
+                    className: "absolute z-[1] flex items-center",
+                    style: {
+                      top: 2 + s.lane * (LANE_H2 + LANE_GAP2),
+                      height: LANE_H2,
+                      left: start,
+                      // across its days from its own cell's box: the first day's cell has no divider on its left, so
+                      // its box is a whole column; a later day's box starts after its divider (Sprint 25.27)
+                      width: s.startCol === 0 ? `calc(${s.span} * 100% - ${start + end}px)` : `calc(${s.span} * (100% + var(--ds-divider-width)) - var(--ds-divider-width) - ${start + end}px)`
+                    }
+                  },
+                  `${s.event.id}-${s.startCol}`
+                );
+              }),
               more.length > 0 && /* @__PURE__ */ jsxs(
                 "button",
                 {
@@ -8307,6 +8324,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
                   "aria-expanded": !!list2 && isSameDay(list2.day, day),
                   className: cn("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_RING),
                   style: { top: 2 + (ALL_DAY_LANES - 1) * (LANE_H2 + LANE_GAP2), left: 2, height: LANE_H2 },
+                  ...FLUSH_EDGE,
                   onClick: (e) => {
                     e.stopPropagation();
                     setList({ day, anchor: e.currentTarget });
@@ -8324,9 +8342,9 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
         );
       }) }) }) })
     ] }),
-    /* @__PURE__ */ jsxs("div", { ref: scrollerRef, className: "flex flex-1 min-h-0 overflow-y-auto", "data-week-hours": "", children: [
+    /* @__PURE__ */ jsxs("div", { ref: scrollerRef, className: "flex flex-1 min-h-0 overflow-y-auto", style: { scrollPaddingBlock: FOCUS_ROOM }, "data-week-hours": "", children: [
       /* @__PURE__ */ jsx("div", { className: "w-14 shrink-0 relative border-r-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]", style: { height: GRID_HEIGHT }, "aria-hidden": "true", children: HOURS.map((h) => /* @__PURE__ */ jsx("div", { className: "absolute right-0 pr-ds-2 text-2xs text-[var(--ds-text-muted)] -translate-y-1/2 tabular-nums", style: { top: h * HOUR_HEIGHT }, children: h > 0 && formatHourLabel(h) }, h)) }),
-      /* @__PURE__ */ jsx("div", { ...edgeFade, className: "flex-1 self-start overflow-x-auto overflow-y-hidden gs-scrollbar-none", style: { height: GRID_HEIGHT }, "data-week-scroll": true, children: /* @__PURE__ */ jsxs("div", { className: "relative", style: { height: GRID_HEIGHT, minWidth: stripWidth }, children: [
+      /* @__PURE__ */ jsx("div", { ...edgeFade, className: "flex-1 self-start overflow-x-auto overflow-y-hidden gs-scrollbar-none", style: { ...edgeFade.style, height: GRID_HEIGHT, scrollPaddingInline: FADE }, "data-week-scroll": true, children: /* @__PURE__ */ jsxs("div", { className: "relative", style: { height: GRID_HEIGHT, minWidth: stripWidth }, children: [
         /* @__PURE__ */ jsx("div", { role: "grid", "aria-label": formatWeekRange(date, weekStartsOn), "aria-readonly": "true", className: "absolute inset-0", children: HOURS.map((hour) => /* @__PURE__ */ jsx("div", { role: "row", className: "grid", style: { gridTemplateColumns: dayGridColumns, height: HOUR_HEIGHT }, children: days.map((day, i) => {
           const key = cellKey(day, hour);
           return /* @__PURE__ */ jsx(
@@ -8340,6 +8358,7 @@ function WeekView({ date, events, categories, selectedDate, onDayClick, onOpenEv
                 if (activeKey !== key) setActiveKey(key);
               },
               onClick: chooseHour(day, hour),
+              style: hour === HOURS.length - 1 && i === days.length - 1 ? { borderBottomRightRadius: CARD_CORNER } : void 0,
               className: cn(
                 "cursor-pointer border-t-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)] hover:bg-[var(--ds-bg-muted)]/40",
                 FOCUS_INSET,
@@ -8481,6 +8500,7 @@ function MonthRow({
       {
         type: "button",
         "aria-label": `${words.monthName(month, "short")} ${year}`,
+        style: month === 11 ? { borderBottomLeftRadius: CARD_CORNER } : void 0,
         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-ink)] transition-colors",
@@ -9240,7 +9260,7 @@ function Calendar({
                 "bg-[var(--ds-bg-muted)]",
                 "border-b-[length:var(--ds-divider-width)] border-[var(--ds-border-subtle)]"
               ),
-              style: { padding: "var(--ds-space-1) var(--ds-space-1)" },
+              style: { padding: atLeastFocusRoom("var(--ds-space-1)") },
               children: [
                 /* @__PURE__ */ jsx(
                   "button",
@@ -9458,9 +9478,9 @@ function AvatarGroup({ items, max = 4, size = "sm", ring = "canvas", onOverflowC
         },
         i
       );
-      return item.name ? /* @__PURE__ */ jsx(Tooltip, { content: item.name, children: avatar }, i) : avatar;
+      return item.name ? /* @__PURE__ */ jsx(AutoTooltip, { content: item.name, children: avatar }, i) : avatar;
     }),
-    counter && (onOverflowClick ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onOverflowClick, "aria-label": `Show ${hidden.length} more`, className: cn("inline-flex rounded-[var(--ds-radius-full)]", FOCUS_RING), children: hiddenNames ? /* @__PURE__ */ jsx(Tooltip, { content: hiddenNames, children: counter }) : counter }) : hiddenNames ? /* @__PURE__ */ jsx(Tooltip, { content: hiddenNames, children: counter }) : counter)
+    counter && (onOverflowClick ? /* @__PURE__ */ jsx("button", { type: "button", onClick: onOverflowClick, "aria-label": `Show ${hidden.length} more`, className: cn("inline-flex rounded-[var(--ds-radius-full)]", FOCUS_RING), children: hiddenNames ? /* @__PURE__ */ jsx(AutoTooltip, { content: hiddenNames, children: counter }) : counter }) : hiddenNames ? /* @__PURE__ */ jsx(AutoTooltip, { content: hiddenNames, children: counter }) : counter)
   ] });
 }
 var defaultIcons = {
@@ -9907,7 +9927,7 @@ function TruncLabel2({ children }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const label = /* @__PURE__ */ jsx("span", { ref, className: "truncate", children });
   if (!isTruncated) return label;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: label });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: label });
 }
 function foldersHolding(nodes, selected) {
   const ids = [];
@@ -10423,7 +10443,7 @@ function ActionsRow({ message, onAction }) {
       ),
       children: message.actions.map((a) => {
         const { id, label, icon } = resolveAction(a);
-        return /* @__PURE__ */ jsx(Tooltip, { content: label, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": label, onClick: () => run(id), children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 14 }) }) }, id);
+        return /* @__PURE__ */ jsx(AutoTooltip, { content: label, children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-xs", "aria-label": label, onClick: () => run(id), children: /* @__PURE__ */ jsx(Icon, { name: icon, size: 14 }) }) }, id);
       })
     }
   );
@@ -10739,15 +10759,15 @@ function ChatPanel({
           ),
           /* @__PURE__ */ jsxs("div", { className: "min-w-0 flex-1", children: [
             /* @__PURE__ */ jsxs("div", { className: "flex min-w-0 items-center gap-ds-2", children: [
-              isTruncated ? /* @__PURE__ */ jsx(Tooltip, { content: title, children: heading }) : heading,
+              isTruncated ? /* @__PURE__ */ jsx(AutoTooltip, { content: title, children: heading }) : heading,
               status && /* @__PURE__ */ jsx(StatusDot, { variant: STATUS_VARIANT[status.tone ?? "success"], label: status.label })
             ] }),
             description && /* @__PURE__ */ jsx("p", { className: "truncate text-xs text-[var(--ds-text-muted)]", children: description })
           ] }),
           /* @__PURE__ */ jsxs("div", { className: "flex shrink-0 items-center gap-ds-1", children: [
             actions,
-            onNewConversation && /* @__PURE__ */ jsx(Tooltip, { content: "New conversation", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "New conversation", onClick: onNewConversation, children: /* @__PURE__ */ jsx(Icon, { name: "plus", size: 16 }) }) }),
-            onExpandedChange && /* @__PURE__ */ jsx(Tooltip, { content: expanded ? "Collapse" : "Expand", children: /* @__PURE__ */ jsx(
+            onNewConversation && /* @__PURE__ */ jsx(AutoTooltip, { content: "New conversation", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "New conversation", onClick: onNewConversation, children: /* @__PURE__ */ jsx(Icon, { name: "plus", size: 16 }) }) }),
+            onExpandedChange && /* @__PURE__ */ jsx(AutoTooltip, { content: expanded ? "Collapse" : "Expand", children: /* @__PURE__ */ jsx(
               Button,
               {
                 type: "button",
@@ -10759,7 +10779,7 @@ function ChatPanel({
                 children: /* @__PURE__ */ jsx(Icon, { name: expanded ? "minimize-2" : "maximize-2", size: 16 })
               }
             ) }),
-            /* @__PURE__ */ jsx(Tooltip, { content: "Close", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Close", onClick: onClose, ...{ [OVERLAY_CLOSE_ATTR]: "" }, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16 }) }) })
+            /* @__PURE__ */ jsx(AutoTooltip, { content: "Close", children: /* @__PURE__ */ jsx(Button, { type: "button", variant: "ghost", size: "icon-sm", "aria-label": "Close", onClick: onClose, ...{ [OVERLAY_CLOSE_ATTR]: "" }, children: /* @__PURE__ */ jsx(Icon, { name: "close", size: 16 }) }) })
           ] })
         ]
       }
@@ -10775,58 +10795,6 @@ function ChatPanel({
     )
   ] });
 }
-var TOAST_INSET_VARS = {
-  "bottom-right": "--ds-toast-inset-bottom-right",
-  "bottom-left": "--ds-toast-inset-bottom-left",
-  right: "--ds-toast-inset-right",
-  left: "--ds-toast-inset-left",
-  top: "--ds-toast-inset-top"
-};
-var LAUNCHER_INSET_PRIORITY = 1;
-var PANEL_INSET_PRIORITY = 2;
-var NAVBAR_INSET_PRIORITY = 1;
-var registry = /* @__PURE__ */ new WeakMap();
-var seq = 0;
-function claimsFor(target) {
-  let entry = registry.get(target);
-  if (!entry) {
-    entry = { "bottom-right": [], "bottom-left": [], right: [], left: [], top: [] };
-    registry.set(target, entry);
-  }
-  return entry;
-}
-function winner(claims) {
-  let best = null;
-  for (const c of claims) {
-    if (!best || c.priority > best.priority || c.priority === best.priority && c.seq > best.seq) best = c;
-  }
-  return best;
-}
-function apply(target, corner) {
-  const style = target.style;
-  if (!style) return;
-  const best = winner(claimsFor(target)[corner]);
-  if (best) style.setProperty(TOAST_INSET_VARS[corner], best.inset);
-  else style.removeProperty(TOAST_INSET_VARS[corner]);
-}
-function claimCornerInset(corner, inset, priority, target) {
-  const claim = { inset, priority, seq: ++seq };
-  const list2 = claimsFor(target)[corner];
-  list2.push(claim);
-  apply(target, corner);
-  return () => {
-    const i = list2.indexOf(claim);
-    if (i >= 0) list2.splice(i, 1);
-    apply(target, corner);
-  };
-}
-function useCornerInset(corner, inset, priority, target) {
-  useEffect(() => {
-    if (!corner || !inset) return;
-    const el = target ?? document.documentElement;
-    return claimCornerInset(corner, inset, priority, el);
-  }, [corner, inset, priority, target]);
-}
 function Sheet({ open, onClose: onCloseProp, title, children, footer, dirty, onDiscard, snapPoints = [0.5, 0.92], container, flush, keepMounted = false, id, labelledBy }) {
   const { marked, mark } = useOverlayMark(open);
   const guard = useDirtyGuard(dirty ?? marked, onCloseProp, onDiscard);
@@ -10915,7 +10883,7 @@ function CornerWindow({ open, onClose, edge, align, width, height, offset, ancho
   const containerEl = container instanceof Element ? container : null;
   useCornerInset(
     open && mounted && !expanded ? claim : null,
-    vertical === "bottom" ? `calc(${bottom} + ${height} + var(--ds-space-3))` : `calc(${x} + ${width} + var(--ds-space-3))`,
+    vertical === "bottom" ? `calc(${bottom} + ${height} + var(--ds-space-3))` : besideRoom(`calc(${x} + ${width} + var(--ds-space-3))`),
     PANEL_INSET_PRIORITY,
     containerEl
   );
@@ -11052,7 +11020,7 @@ function DockedColumn({ open, onClose, side, width, floating, navbarFloating, si
   });
   useCornerInset(
     open && mounted ? side : null,
-    floating ? `calc(${currentWidth} + ${GUTTER} + var(--ds-space-4))` : `calc(${currentWidth} + var(--ds-space-4))`,
+    besideRoom(floating ? `calc(${currentWidth} + ${GUTTER} + var(--ds-space-4))` : `calc(${currentWidth} + var(--ds-space-4))`),
     PANEL_INSET_PRIORITY
   );
   if (!mounted) return null;
@@ -11120,30 +11088,20 @@ function TruncText({ children, className }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const text = /* @__PURE__ */ jsx("p", { ref, className: cn("truncate", className), children });
   if (!isTruncated) return text;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: text });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: text });
 }
-var warnedLegacyProps = false;
 var StackedList = forwardRef(function StackedList2({
   items,
   divided = true,
-  variant: variantProp,
+  variant = "list",
   selectedId,
   className,
-  flush,
-  hover,
   pager
 }, ref) {
   useScrollsInside();
   const isPhone = useBreakpoint("sm");
   const inCard = useContext(CardSurfaceCtx);
   const inPane = !!useContext(SplitPaneCtx);
-  const variant = variantProp ?? (flush || hover === "title" ? "articles" : "list");
-  const legacy = flush !== void 0 || hover !== void 0;
-  useEffect(() => {
-    if (!legacy || warnedLegacyProps) return;
-    warnedLegacyProps = true;
-    console.warn('StackedList: `flush` and `hover` are deprecated \u2014 pass variant="articles" for an article list; the default variant takes its inset from the pane or card it sits in.');
-  }, [legacy]);
   const articles = variant === "articles";
   useWholeListCheck("StackedList", items.length, pager);
   const shown = pagerPart(items, pager);
@@ -12864,14 +12822,29 @@ function Launcher({
   const y = offset?.y ?? DEFAULT_OFFSET2;
   const boxSize = launcherSize(size);
   const onOpenChangeRef = useLatest(onOpenChange);
-  const corner = isRibbon ? null : side === "right" ? "bottom-right" : "bottom-left";
+  const [buttonEl, setButtonEl] = useState(null);
+  const [ribbonBox, setRibbonBox] = useState(null);
+  useEffect(() => {
+    if (!isRibbon || !buttonEl || typeof ResizeObserver === "undefined") return;
+    const ro = new ResizeObserver(([entry]) => {
+      const el = entry?.target ?? buttonEl;
+      const width = el.offsetWidth;
+      const height = el.offsetHeight;
+      setRibbonBox((b) => width === 0 && height === 0 ? null : b && b.width === width && b.height === height ? b : { width, height });
+    });
+    ro.observe(buttonEl);
+    return () => ro.disconnect();
+  }, [isRibbon, buttonEl]);
+  const cornerOfSide = side === "right" ? "bottom-right" : "bottom-left";
+  const above = (from, height) => `calc(${from} + env(safe-area-inset-bottom) + ${height} + var(--ds-space-3))`;
+  const claims = !isRibbon ? [[cornerOfSide, above(y, boxSize)]] : !ribbonBox ? [] : bottomRibbon ? (align === "end" ? ["bottom-right"] : ["bottom-right", "bottom-left", "bottom-center"]).map((e) => [e, above("0px", `${ribbonBox.height}px`)]) : align === "end" ? [[cornerOfSide, above(y, `${ribbonBox.height}px`)]] : [[side, `calc(env(safe-area-inset-${side}) + ${ribbonBox.width}px + var(--ds-space-3))`]];
+  const register = useAppShell()?.registerLauncher;
+  const padded = isRibbon ? null : cornerOfSide;
+  useEffect(() => mounted && register ? register(padded) : void 0, [mounted, register, padded]);
   const containerEl = container instanceof Element ? container : null;
-  useCornerInset(
-    mounted ? corner : null,
-    corner ? `calc(${y} + ${boxSize} + var(--ds-space-3))` : null,
-    LAUNCHER_INSET_PRIORITY,
-    containerEl
-  );
+  useCornerInset(mounted ? claims[0]?.[0] ?? null : null, claims[0]?.[1] ?? null, LAUNCHER_INSET_PRIORITY, containerEl);
+  useCornerInset(mounted ? claims[1]?.[0] ?? null : null, claims[1]?.[1] ?? null, LAUNCHER_INSET_PRIORITY, containerEl);
+  useCornerInset(mounted ? claims[2]?.[0] ?? null : null, claims[2]?.[1] ?? null, LAUNCHER_INSET_PRIORITY, containerEl);
   useEffect(() => {
     if (container) return;
     bodyLaunchers++;
@@ -12932,6 +12905,7 @@ function Launcher({
   const button = /* @__PURE__ */ jsxs(
     "button",
     {
+      ref: setButtonEl,
       type: "button",
       "aria-label": accessibleName,
       "aria-expanded": open,
@@ -13006,7 +12980,7 @@ function Launcher({
     }
   );
   const content = variant === "bubble" ? /* @__PURE__ */ jsx(
-    Tooltip,
+    AutoTooltip,
     {
       container,
       content: /* @__PURE__ */ jsxs("span", { className: "inline-flex items-center gap-ds-2", children: [
@@ -13221,7 +13195,7 @@ function TabButton({
         ]
       }
     );
-    if (isTruncated) return /* @__PURE__ */ jsx(Tooltip, { content: label, children: btn2 });
+    if (isTruncated) return /* @__PURE__ */ jsx(AutoTooltip, { content: label, children: btn2 });
     return btn2;
   }
   const btn = /* @__PURE__ */ jsx(
@@ -13264,7 +13238,7 @@ function TabButton({
       ] })
     }
   );
-  if (isTruncated) return /* @__PURE__ */ jsx(Tooltip, { content: label, children: btn });
+  if (isTruncated) return /* @__PURE__ */ jsx(AutoTooltip, { content: label, children: btn });
   return btn;
 }
 function TabsList({ children, className }) {
@@ -13926,7 +13900,7 @@ var Sidebar = forwardRef(function Sidebar2({
               ]
             }
           );
-          return collapsed ? /* @__PURE__ */ jsx(Tooltip, { content: "Expand sidebar", side: "right", delay: 100, container: portalEl ?? void 0, children: collapseButton }) : collapseButton;
+          return collapsed ? /* @__PURE__ */ jsx(AutoTooltip, { content: "Expand sidebar", side: "right", delay: 100, container: portalEl ?? void 0, children: collapseButton }) : collapseButton;
         })(),
         footer && /* @__PURE__ */ jsx(
           "div",
@@ -13981,7 +13955,7 @@ function TruncLabel3({ children, className, side = "right", container, lines = 1
   const clampClass = lines <= 1 ? "truncate" : clampMap[lines] ?? "truncate";
   const label = /* @__PURE__ */ jsx("span", { ref, className: cn(clampClass, className), children });
   if (!isTruncated) return label;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, side, delay: 200, container, children: label });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, side, delay: 200, container, children: label });
 }
 var isActive = (item) => !!item.active;
 function collectInitialExpanded(items, prefix = "") {
@@ -14206,7 +14180,7 @@ function SidebarNav({
       }
     );
     if (collapsed && isRoot) {
-      return /* @__PURE__ */ jsx(Tooltip, { content: item.label, side: "right", delay: 100, container: portalContainer ?? void 0, children: link }, item.label);
+      return /* @__PURE__ */ jsx(AutoTooltip, { content: item.label, side: "right", delay: 100, container: portalContainer ?? void 0, children: link }, item.label);
     }
     return /* @__PURE__ */ jsx("div", { children: link }, item.label);
   }
@@ -14561,13 +14535,16 @@ var variantIcons = {
   warning: { name: "warning", className: "text-[var(--ds-status-warning)]" },
   error: { name: "error", className: "text-[var(--ds-status-error)]" }
 };
+var RIGHT_ROOM = "max-w-[calc(100%_-_var(--ds-toast-inset-right)_-_var(--ds-space-4))]";
+var LEFT_ROOM = "max-w-[calc(100%_-_var(--ds-toast-inset-left)_-_var(--ds-space-4))]";
+var CENTRED = "left-[max(calc(var(--ds-toast-inset-left)_+_180px),calc(var(--ds-toast-inset-left)_+_(100%_-_var(--ds-toast-inset-left)_-_var(--ds-toast-inset-right))_/_2))] -translate-x-1/2 max-w-[max(360px,calc(100%_-_var(--ds-toast-inset-left)_-_var(--ds-toast-inset-right)))]";
 var TOAST_POSITION_CLASSES = {
-  "top-right": "top-[var(--ds-toast-inset-top)] right-[var(--ds-toast-inset-right)]",
-  "top-left": "top-[var(--ds-toast-inset-top)] left-[var(--ds-toast-inset-left)]",
-  "bottom-right": "bottom-[var(--ds-toast-inset-bottom-right)] right-[var(--ds-toast-inset-right)]",
-  "bottom-left": "bottom-[var(--ds-toast-inset-bottom-left)] left-[var(--ds-toast-inset-left)]",
-  "top-center": "top-[var(--ds-toast-inset-top)] left-1/2 -translate-x-1/2",
-  "bottom-center": "bottom-ds-4 left-1/2 -translate-x-1/2"
+  "top-right": `top-[var(--ds-toast-inset-top)] right-[var(--ds-toast-inset-right)] ${RIGHT_ROOM}`,
+  "top-left": `top-[var(--ds-toast-inset-top)] left-[var(--ds-toast-inset-left)] ${LEFT_ROOM}`,
+  "bottom-right": `bottom-[var(--ds-toast-inset-bottom-right)] right-[var(--ds-toast-inset-right)] ${RIGHT_ROOM}`,
+  "bottom-left": `bottom-[var(--ds-toast-inset-bottom-left)] left-[var(--ds-toast-inset-left)] ${LEFT_ROOM}`,
+  "top-center": `top-[var(--ds-toast-inset-top)] ${CENTRED}`,
+  "bottom-center": `bottom-[var(--ds-toast-inset-bottom-center)] ${CENTRED}`
 };
 var finite = (ms) => typeof ms === "number" && Number.isFinite(ms) && ms > 0;
 function Toast({ variant = "default", message, visible, onDismiss, duration = 5e3, pauseOnHover = false, action, actionWindow, position = "bottom-right", mode, container, inline = false, paused = false, onActionLapse, onAction, restartKey = 0 }) {
@@ -15472,13 +15449,13 @@ function TruncHeading({ as: Tag3 = "h1", className, children, lines: linesProp }
   const { ref, isTruncated } = useTextOverflow({ lines });
   const heading = /* @__PURE__ */ jsx(Tag3, { ref, className: cn(lines === 2 ? "line-clamp-2" : "truncate", className), children });
   if (!isTruncated) return heading;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: heading });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: heading });
 }
 function ClampedText({ children, className }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 2 });
   const el = /* @__PURE__ */ jsx("p", { ref, className: cn("line-clamp-2", className), children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 function findScrollParent(el) {
   let node = el.parentElement;
@@ -16535,8 +16512,9 @@ function Dock({
     }
   );
 }
+var NAV_ITEM_TYPES = /* @__PURE__ */ new Set(["tint", "underline", "minimal", "pill"]);
 function resolveNavItemType(type) {
-  return type === "default" ? "tint" : type;
+  return type !== void 0 && NAV_ITEM_TYPES.has(type) ? type : "tint";
 }
 var NavbarTypeContext = createContext("tint");
 var NavItem = forwardRef(function NavItem2({ label, icon, active = false, href, onClick, type: typeProp, className, children }, ref) {
@@ -16606,7 +16584,7 @@ function TruncSpan({ children, className }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const el = /* @__PURE__ */ jsx("span", { ref, className: cn("truncate", className), children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 function NavMenu({
   label,
@@ -17567,13 +17545,13 @@ function TruncTitle({ children }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 1 });
   const el = /* @__PURE__ */ jsx("span", { ref, className: "truncate", children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 function ClampedDesc({ children, className }) {
   const { ref, isTruncated } = useTextOverflow({ lines: 2 });
   const el = /* @__PURE__ */ jsx("p", { ref, className: cn("line-clamp-2", className), children });
   if (!isTruncated) return el;
-  return /* @__PURE__ */ jsx(Tooltip, { content: children, children: el });
+  return /* @__PURE__ */ jsx(AutoTooltip, { content: children, children: el });
 }
 function NotificationCenter({
   notifications,
@@ -18729,7 +18707,7 @@ var TextOverflow = forwardRef(function TextOverflow2({
       }
     );
   }
-  return /* @__PURE__ */ jsx(Tooltip, { content: resolvedTooltipContent, children: content });
+  return /* @__PURE__ */ jsx(AutoTooltip, { 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, 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 };