@crewlethq/ui 0.81.2 → 0.83.0

package/dist/{chunk-VK45YJLH.js → chunk-3IWZVEXA.js}

@@ -1,7 +1,7 @@
-import { useListbox, useOptionKeys, useHighlightRest } from './chunk-7KHM2FZH.js';
+import { useListbox, useOptionKeys, useHighlightRest } from './chunk-YGRTX67J.js';
 import { useLayerContainer, viewportBounds, anchorGone, placePopup, LAYER_GAP, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
-import { useFocusModality, returnFocus } from './chunk-NUZHC6MM.js';
+import { useFocusModality, returnFocus } from './chunk-4ITETIGZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './Select-6BQPBOHH.css';

package/dist/{chunk-2STOSJT3.js → chunk-46FIBJCV.js}

@@ -1,17 +1,17 @@
 import { TagGroup } from './chunk-UEOEBOBR.js';
 import { CursorFlag } from './chunk-MMCYH5LB.js';
 import { presenceHueClass } from './chunk-EFX2YC5T.js';
-import { ChangeMark } from './chunk-Z2MZTI3H.js';
+import { ChangeMark } from './chunk-VB3FVKNI.js';
 import { isEmptyValue, displayText, ratingMax, findPerson, findOption, statusTone, editText, textMax, sheetLabels, normalizeValue, sameValue, spokenText, drawnColumns, fitSamples, fittedWidth, columnWidth, SHEET_COLUMN_BOUNDS, sortRows, SHEET_ROW_HEIGHT, cellKey, columnOffsets, SHEET_ROW_NUMBER_WIDTH, rangeOf, presenceByCell, presenceByRow, presenceByColumn, scrollToRow, planClear, visibleRows, cellDescription, nextSort, rowName, inRange, hasPrevious, flagText, toTSV, planPaste, parseTSV, isMod, moveFrom, isTypingKey, editorSide, optionHue, parseText, liveOptions, checkValue } from './chunk-LFSIKGRQ.js';
 import { presenceLabels } from './chunk-Z7JYG5TF.js';
-import { Popover } from './chunk-KHJIEPZV.js';
-import { Tag } from './chunk-VERJCAJ4.js';
-import { Tooltip } from './chunk-I33UIUZD.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { Popover } from './chunk-EC6EUIAD.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { StatusDot } from './chunk-CYQBDZ6M.js';
-import { Avatar } from './chunk-KTIQSSME.js';
-import { Menu } from './chunk-OQG4P5KU.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { Menu } from './chunk-TGGYSQRD.js';
 import { Button } from './chunk-DGXZ635L.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/chunk-4DEKONVJ.js

@@ -0,0 +1,87 @@
+import { heldHint } from './chunk-TDFLCUBE.js';
+import { emojiName, EmojiPicker } from './chunk-SPNTUQBV.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './ChatScale-L4SIHSKL.css';
+import './ReactionBar-XXI4V7XG.css';
+import { FaceSlightlySmilingPlusGlyph } from '@crewlethq/icons/glyphs';
+import { jsxs, jsx } from 'react/jsx-runtime';
+
+var REACTION_BAR_LABELS = {
+  group: "Reactions",
+  you: "You",
+  others: (count) => count === 1 ? "1 other" : `${count.toLocaleString()} others`,
+  members: (count) => count === 1 ? "1 member" : `${count.toLocaleString()} members`,
+  reacted: (who, emoji) => `${who} reacted with ${emoji}`,
+  pill: (name, who) => `${name}: ${who} reacted`
+};
+function sentence(names, unnamed, others) {
+  const shown = names.length > 3 ? names.slice(0, 2) : names;
+  const rest = names.length - shown.length + unnamed;
+  const parts = rest > 0 ? [...shown, others(rest)] : [...shown];
+  if (parts.length <= 1) return parts[0] ?? "";
+  return `${parts.slice(0, -1).join(", ")} and ${parts[parts.length - 1]}`;
+}
+function reactionWho(reaction, labels = REACTION_BAR_LABELS) {
+  const you = reaction.mine ? [labels.you] : [];
+  if (reaction.people) {
+    const names = [...you, ...reaction.people];
+    return sentence(names, Math.max(0, reaction.count - names.length), labels.others);
+  }
+  if (reaction.mine) return sentence(you, Math.max(0, reaction.count - 1), labels.others);
+  return labels.members(reaction.count);
+}
+function ReactionBar({ reactions, onToggle, add, disabledReason, labels: overrides, className }) {
+  const labels = overrides ? { ...REACTION_BAR_LABELS, ...overrides } : REACTION_BAR_LABELS;
+  if (reactions.length === 0 && !add) return null;
+  return /* @__PURE__ */ jsxs("div", { className: cx("crewlet-reaction-bar", className), role: "group", "aria-label": labels.group, children: [
+    reactions.map((reaction) => {
+      const who = reactionWho(reaction, labels);
+      const hint = labels.reacted(who, reaction.emoji);
+      return /* @__PURE__ */ jsx(Tooltip, { content: heldHint(hint, disabledReason), children: /* @__PURE__ */ jsxs(
+        "button",
+        {
+          type: "button",
+          className: cx("crewlet-reaction", reaction.mine && "is-mine"),
+          "aria-pressed": reaction.mine,
+          "aria-label": labels.pill(reaction.name ?? emojiName(reaction.emoji), who),
+          "aria-disabled": disabledReason ? true : void 0,
+          onClick: () => {
+            if (!disabledReason) onToggle(reaction.emoji);
+          },
+          children: [
+            /* @__PURE__ */ jsx("span", { className: "crewlet-reaction__emoji", "aria-hidden": "true", children: reaction.emoji }),
+            /* @__PURE__ */ jsx("span", { className: "crewlet-reaction__count", "aria-hidden": "true", children: reaction.count.toLocaleString() })
+          ]
+        }
+      ) }, reaction.emoji);
+    }),
+    add
+  ] });
+}
+function AddReaction({ label = "Add a reaction", align = "start", disabledReason, ...picker }) {
+  return /* @__PURE__ */ jsx(
+    EmojiPicker,
+    {
+      ...picker,
+      label,
+      tooltip: heldHint(label, disabledReason),
+      align,
+      trigger: (_open, toggle) => /* @__PURE__ */ jsx(
+        "button",
+        {
+          type: "button",
+          className: "crewlet-reaction crewlet-reaction--add",
+          "aria-label": label,
+          "aria-disabled": disabledReason ? true : void 0,
+          onClick: () => {
+            if (!disabledReason) toggle();
+          },
+          children: /* @__PURE__ */ jsx(FaceSlightlySmilingPlusGlyph, { size: "sm" })
+        }
+      )
+    }
+  );
+}
+
+export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho };

package/dist/{chunk-NUZHC6MM.js → chunk-4ITETIGZ.js}

@@ -64,5 +64,16 @@ function returnFocus(el, options) {
   clear();
   return false;
 }
+function isVisibleFocus(el) {
+  let visible;
+  try {
+    visible = el.matches(":focus-visible");
+  } catch {
+    visible = true;
+  }
+  if (!visible) return false;
+  const pointer = el.ownerDocument.documentElement.getAttribute(FOCUS_MODALITY_ATTRIBUTE) === "pointer";
+  return !(pointer && el.hasAttribute(FOCUS_RETURNED_ATTRIBUTE));
+}
 
-export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, returnFocus, trackFocusModality, useFocusModality };
+export { FOCUS_MODALITY_ATTRIBUTE, FOCUS_RETURNED_ATTRIBUTE, isVisibleFocus, returnFocus, trackFocusModality, useFocusModality };

package/dist/{chunk-73GUXYYE.js → chunk-5AHNW5CP.js}

@@ -1,3 +1,3 @@
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
-import './SidePanel-VXKUKLOJ.css';
+import './SidePanel-BKWT6Q6Z.css';

package/dist/{chunk-FFGEJUAP.js → chunk-5ILRWUE7.js}

@@ -1,8 +1,8 @@
-import { SidePanelBase, SidePanelFrameBase } from './chunk-CLJGFOTV.js';
+import { SidePanelBase, SidePanelFrameBase } from './chunk-SKGOKLJD.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './HitArea-QUOS6ZDJ.css';
 import './ResizeHandle-2UNSZ4ZQ.css';
-import './SidePanel-VXKUKLOJ.css';
+import './SidePanel-BKWT6Q6Z.css';
 import './ArtifactPanel-MR5Z5AVN.css';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/chunk-5JPOFAVN.js

@@ -0,0 +1,58 @@
+import { usePresence, releaseFocus } from './chunk-PCAT2EFB.js';
+import { cx } from './chunk-ODEQTPFM.js';
+import './DockColumn-SMJCXHS4.css';
+import { useRef, useCallback, useLayoutEffect } from 'react';
+import { jsx } from 'react/jsx-runtime';
+
+var DOCK_MOTION = { transitions: ["width"] };
+function DockColumn({
+  open,
+  width,
+  side = "start",
+  divider = true,
+  focusOnClose,
+  className,
+  style,
+  children,
+  ...rest
+}) {
+  const column = useRef(null);
+  const { present, leaving } = usePresence(open, column, DOCK_MOTION);
+  const closed = useRef(!open);
+  closed.current = !open;
+  const isClosed = useCallback(() => closed.current, []);
+  return /* @__PURE__ */ jsx(
+    "div",
+    {
+      ...rest,
+      ref: column,
+      className: cx("crewlet-dock-column", divider && "crewlet-dock-column--divider", className),
+      "data-side": side,
+      "data-open": open ? "" : void 0,
+      style: { ...style, "--crewlet-dock-column-width": typeof width === "number" ? `${width}px` : width },
+      children: present ? /* @__PURE__ */ jsx(DockPanel, { leaving, isClosed, focusOnClose, children }) : null
+    }
+  );
+}
+function DockPanel({
+  leaving,
+  isClosed,
+  focusOnClose,
+  children
+}) {
+  const panel = useRef(null);
+  const target = useRef(focusOnClose);
+  target.current = focusOnClose;
+  useLayoutEffect(() => {
+    if (leaving) releaseFocus(panel.current, target.current?.());
+  }, [leaving]);
+  useLayoutEffect(() => {
+    const element = panel.current;
+    return () => {
+      if (isClosed()) releaseFocus(element, target.current?.());
+    };
+  }, [isClosed]);
+  return /* @__PURE__ */ jsx("div", { ref: panel, className: "crewlet-dock-column__panel", inert: leaving || void 0, children });
+}
+
+export { DockColumn };

package/dist/{chunk-S5QJZOPL.js → chunk-5K5SZGBI.js}

@@ -1,4 +1,4 @@
-import { Skeleton } from './chunk-BRLZXYPA.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-YB64PWIN.js → chunk-5V6GW6HK.js}

@@ -1,5 +1,5 @@
 import { useThemePreference, useDensityPreference } from './chunk-Z24ZUSTX.js';
-import { SegmentedControl } from './chunk-6R334YT3.js';
+import { SegmentedControl } from './chunk-AZYE7NR4.js';
 import { SunGlyph, MonitorGlyph, MoonGlyph } from '@crewlethq/icons/glyphs';
 import { jsx } from 'react/jsx-runtime';
 

package/dist/{chunk-LM6VYJTV.js → chunk-5YXMKZUA.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './OrgLabel-R5KY7C3W.css';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';

package/dist/{chunk-5XBNJNSO.js → chunk-65RFU7LF.js}

@@ -1,4 +1,4 @@
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './EntityChip-LUCPZBBG.css';
 import { Children, isValidElement, cloneElement } from 'react';

package/dist/{chunk-7MGXHCVK.js → chunk-6M2N6ETA.js}

@@ -1,4 +1,4 @@
-import { SlideStage } from './chunk-RMEBFYL7.js';
+import { SlideStage } from './chunk-O6EV6GKI.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './SlideGrid-J4LAOUSJ.css';
 import { EyeOffGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-OWHETZIU.js → chunk-6SFDL4QH.js}

@@ -1,5 +1,5 @@
 import { FileDrop, FilePickButton } from './chunk-KQWJWTED.js';
-import { contrastRatio } from './chunk-7PJFUQMY.js';
+import { contrastRatio } from './chunk-2ZSCHQOA.js';
 import { normalizeHex } from './chunk-7W3LYIOC.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';

package/dist/{chunk-WK4FQPYW.js → chunk-77VOASOY.js}

@@ -1,9 +1,9 @@
-import { useListbox } from './chunk-7KHM2FZH.js';
-import { Tag } from './chunk-VERJCAJ4.js';
-import { announce } from './chunk-2G355KDJ.js';
-import { isComposing } from './chunk-H5XTJ7GJ.js';
+import { useListbox } from './chunk-YGRTX67J.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { isComposing } from './chunk-TUEM2XIW.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
+import { announce } from './chunk-2G355KDJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TagsInput-MZXEHKJD.css';
 import { forwardRef, useState, useRef, useId, useImperativeHandle, useEffect, useMemo, useLayoutEffect } from 'react';

package/dist/{chunk-UYF2B2TH.js → chunk-7ELFH3RJ.js}

@@ -1,4 +1,4 @@
-import { StatusCard } from './chunk-RTMNULTL.js';
+import { StatusCard } from './chunk-FLW5U7YS.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './RefusalCard-UM67F5HB.css';
 import { LockGlyph } from '@crewlethq/icons/glyphs';

package/dist/{chunk-HPI5J6AR.js → chunk-7K6LVM5I.js}

@@ -1,8 +1,8 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { Popover } from './chunk-EC6EUIAD.js';
 import { Button } from './chunk-DGXZ635L.js';
+import { useFocusModality } from './chunk-4ITETIGZ.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
-import { useFocusModality } from './chunk-NUZHC6MM.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './DateTimePicker-PM6TIRIX.css';
 import { useMemo, useState, useEffect } from 'react';

package/dist/{chunk-YQDRJZ5J.js → chunk-7M7WKYOV.js}

@@ -1,13 +1,13 @@
-import { Modal } from './chunk-C667GCU7.js';
-import { useListbox, useOptionKeys } from './chunk-7KHM2FZH.js';
-import { Popover } from './chunk-KHJIEPZV.js';
+import { Modal } from './chunk-ZXXZESCD.js';
+import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { KeyChip, highlightMatch } from './chunk-HBDA76EZ.js';
-import { Skeleton } from './chunk-BRLZXYPA.js';
-import { Input } from './chunk-FB3TCNQP.js';
+import { Popover } from './chunk-EC6EUIAD.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
+import { useMediaMatch } from './chunk-YJQXESOJ.js';
+import { Input } from './chunk-O7N6W52M.js';
+import { focusables, isComposing } from './chunk-TUEM2XIW.js';
+import { returnFocus } from './chunk-4ITETIGZ.js';
 import { announce } from './chunk-2G355KDJ.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
-import { focusables, isComposing } from './chunk-H5XTJ7GJ.js';
-import { returnFocus } from './chunk-NUZHC6MM.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Switcher-VWQMZUTN.css';

package/dist/{chunk-A5YKNRG6.js → chunk-7QCSISHM.js}

@@ -1,3 +1,4 @@
+import { prefersReducedMotion } from './chunk-YJQXESOJ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Outline-VCXKKU3E.css';
 import { useState, useRef, useEffect } from 'react';
@@ -28,7 +29,7 @@ function scrollToHeading(id, ownerDocument = document) {
   const heading = ownerDocument.getElementById(id);
   if (!heading) return false;
   if (!heading.hasAttribute("tabindex")) heading.setAttribute("tabindex", "-1");
-  const still = ownerDocument.defaultView?.matchMedia?.("(prefers-reduced-motion: reduce)").matches ?? false;
+  const still = prefersReducedMotion(ownerDocument.defaultView);
   heading.scrollIntoView?.({ behavior: still ? "auto" : "smooth", block: "start" });
   heading.focus({ preventScroll: true });
   return true;

package/dist/{chunk-CYYBE2MM.js → chunk-7U6PK242.js}

@@ -1,4 +1,4 @@
-import { Count } from './chunk-MLDTLZAO.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ArrangeGroup-KRWWOJKR.css';
 import { useId } from 'react';

package/dist/{chunk-I33UIUZD.js → chunk-7ZSEUO5Q.js}

@@ -1,5 +1,8 @@
+import { tokenMs } from './chunk-HTS5RJ7S.js';
+import { useComposedRef } from './chunk-L72URIHR.js';
 import { useLayerContainer, viewportBounds, LAYER_GAP, anchorGone, placePopup, LAYER_REPOSITION_EVENT } from './chunk-OMV5W53A.js';
-import { usePopupLayer } from './chunk-H5XTJ7GJ.js';
+import { usePopupLayer } from './chunk-TUEM2XIW.js';
+import { isVisibleFocus } from './chunk-4ITETIGZ.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './Tooltip-LKQF7CE4.css';
 import { useId, useState, useRef, useCallback, useEffect, useLayoutEffect, cloneElement } from 'react';
@@ -7,24 +10,16 @@ import { createPortal } from 'react-dom';
 import { motion } from '@crewlethq/tokens';
 import { jsx, jsxs, Fragment } from 'react/jsx-runtime';
 
-function ms(value) {
-  return Number.parseFloat(value);
-}
-function attach(ref, el) {
-  if (typeof ref === "function") {
-    const release = ref(el);
-    return typeof release === "function" ? release : () => void ref(null);
-  }
-  if (!ref) return () => {
-  };
-  const box = ref;
-  box.current = el;
-  return () => {
-    box.current = null;
+function composeHandlers(first, second) {
+  if (typeof first !== "function") return second;
+  if (typeof second !== "function") return first;
+  return (...args) => {
+    first(...args);
+    second(...args);
   };
 }
-var OPEN_DELAY = ms(motion.duration.slow);
-var CLOSE_DELAY = ms(motion.duration.base);
+var OPEN_DELAY = tokenMs(motion.duration.slow);
+var CLOSE_DELAY = tokenMs(motion.duration.base);
 function Tooltip({
   content,
   placement = "top",
@@ -33,7 +28,9 @@ function Tooltip({
   openDelay = OPEN_DELAY,
   closeDelay = CLOSE_DELAY,
   className,
-  children
+  children,
+  ref: forwardedRef,
+  ...forwarded
 }) {
   const id = useId();
   const panelId = `${id}-tooltip`;
@@ -41,7 +38,7 @@ function Tooltip({
   const anchor = useRef(null);
   const panel = useRef(null);
   const timer = useRef(void 0);
-  const over = useRef({ pointer: false, focus: false });
+  const over = useRef({ pointer: false, focus: false, pressed: false });
   const [place, setPlace] = useState(null);
   const container = useLayerContainer();
   const clear = useCallback(() => {
@@ -76,7 +73,7 @@ function Tooltip({
     [clear]
   );
   const layer = usePopupLayer({ open, onDismiss: () => {
-    over.current = { pointer: false, focus: false };
+    over.current = { pointer: false, focus: false, pressed: false };
     clear();
     setOpen(false);
   } });
@@ -138,41 +135,55 @@ function Tooltip({
     if (!open) setPlace(null);
   }, [open]);
   const child = children;
-  const describedBy = child.props["aria-describedby"];
+  const outer = forwarded;
+  const passed = { ...outer };
+  for (const key of Object.keys(outer)) {
+    if (/^on[A-Z]/.test(key)) passed[key] = composeHandlers(child.props[key], outer[key]);
+  }
+  if (outer["style"] !== void 0) passed["style"] = { ...child.props["style"], ...outer["style"] };
+  const describedBy = cx(child.props["aria-describedby"], outer["aria-describedby"]) || void 0;
   const ownRef = child.props["ref"];
+  const triggerRef = useComposedRef(anchor, layer.insideRef, ownRef, forwardedRef);
+  const call = (key, event) => (passed[key] ?? child.props[key])?.(event);
   const trigger = cloneElement(child, {
-    ref: (el) => {
-      anchor.current = el;
-      layer.insideRef(el);
-      const release = attach(ownRef, el);
-      return () => {
-        anchor.current = null;
-        layer.insideRef(null);
-        release();
-      };
-    },
+    ...passed,
+    ref: triggerRef,
     "aria-describedby": open ? cx(describedBy, panelId) : describedBy,
     onPointerEnter: (event) => {
       over.current.pointer = true;
-      show(openDelay);
-      child.props["onPointerEnter"]?.(event);
+      if (!over.current.pressed) show(openDelay);
+      call("onPointerEnter", event);
     },
     onPointerLeave: (event) => {
       over.current.pointer = false;
+      over.current.pressed = false;
       hide(closeDelay);
-      child.props["onPointerLeave"]?.(event);
+      call("onPointerLeave", event);
+    },
+    // A press answers the tip: it closes at once and stays shut while the
+    // pointer is still on the control, whatever focus the press brought.
+    onPointerDown: (event) => {
+      over.current.pressed = true;
+      over.current.focus = false;
+      clear();
+      setOpen(false);
+      call("onPointerDown", event);
     },
-    // Focus opens with NO delay: a keyboard reader who reached this control
-    // asked for it, and there is no pointer passing over anything.
+    // KEYBOARD focus opens with NO delay: a keyboard reader who reached this
+    // control asked for it, and there is no pointer passing over anything.
+    // Any other focus (a press, a layer handing focus back) neither opens the
+    // tip nor holds it open.
     onFocus: (event) => {
-      over.current.focus = true;
-      show(0);
-      child.props["onFocus"]?.(event);
+      const visible = !over.current.pressed && isVisibleFocus(event.currentTarget);
+      over.current.focus = visible;
+      if (visible) show(0);
+      call("onFocus", event);
     },
     onBlur: (event) => {
       over.current.focus = false;
+      over.current.pressed = false;
       hide(0);
-      child.props["onBlur"]?.(event);
+      call("onBlur", event);
     }
   });
   const style = place ? { left: place.left, top: place.top, zIndex: layer.zIndex } : (

package/dist/{chunk-LCZULGMB.js → chunk-ABRWL5FJ.js}

@@ -1,6 +1,6 @@
-import { Checkbox } from './chunk-LMQG3VPG.js';
+import { Checkbox } from './chunk-YQ7Q52XU.js';
+import { useMediaMatch } from './chunk-YJQXESOJ.js';
 import { EmptyState } from './chunk-PPUR46MK.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';

package/dist/{chunk-VG3SIJ3M.js → chunk-AFLS26AC.js}

@@ -1,8 +1,8 @@
 import { Link } from './chunk-QF5UNP4T.js';
-import { Tag } from './chunk-VERJCAJ4.js';
+import { Tag } from './chunk-LBGKLYBY.js';
 import { RelativeTime } from './chunk-EJNJMHQG.js';
 import { EmptyValue } from './chunk-RE3FBGQQ.js';
-import { Avatar } from './chunk-KTIQSSME.js';
+import { Avatar } from './chunk-XZY6S3UC.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './TableCells-TKSNLRK3.css';

package/dist/{chunk-4XF7ENQA.js → chunk-AOJ6ZA77.js}

@@ -1,6 +1,6 @@
 import { DiffList } from './chunk-LR4IWUWQ.js';
-import { Tag } from './chunk-VERJCAJ4.js';
-import { Disclosure } from './chunk-222VILSP.js';
+import { Tag } from './chunk-LBGKLYBY.js';
+import { Disclosure } from './chunk-LVJGN5II.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ChangeList-ITJMTVDF.css';

package/dist/{chunk-Q2T4L6ML.js → chunk-AQNP3KQU.js}

@@ -1,12 +1,12 @@
-import { Select } from './chunk-VK45YJLH.js';
-import { Modal } from './chunk-C667GCU7.js';
+import { Select } from './chunk-3IWZVEXA.js';
+import { Modal } from './chunk-ZXXZESCD.js';
 import { CopyButton } from './chunk-T5GBTXNC.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { PrincipalAvatar } from './chunk-N2BF272H.js';
-import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.js';
+import { PrincipalAvatar } from './chunk-HF5L56YQ.js';
+import { useMediaMatch } from './chunk-YJQXESOJ.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
+import { useHeadingLevel, headingTag } from './chunk-PQADV6P6.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './ShareDialog-72VTMM4K.css';
 import { useState, useId } from 'react';

package/dist/{chunk-6X5PGHEX.js → chunk-AUSFKGKL.js}

@@ -1,6 +1,6 @@
 import { richEditorLabels } from './chunk-2DMTW2Y3.js';
 import { Callout } from './chunk-BPCY7ZID.js';
-import { Skeleton } from './chunk-BRLZXYPA.js';
+import { Skeleton } from './chunk-I4IUX3JF.js';
 import { Button } from './chunk-DGXZ635L.js';
 import './RichEditor-5CF3QV3J.css';
 import { forwardRef, useState, useEffect } from 'react';
@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-IMYESOW7.js').then(
+  loading ??= import('./Editor-5D5Z3LBQ.js').then(
     (module) => {
       engine = module.Editor;
       return engine;

package/dist/{chunk-6R334YT3.js → chunk-AZYE7NR4.js}

@@ -1,7 +1,7 @@
-import { tabId } from './chunk-2IIHMJMZ.js';
+import { tabId } from './chunk-MVKUE4FI.js';
 import { useRoving, tabStop } from './chunk-EGMQURBR.js';
-import { Count } from './chunk-MLDTLZAO.js';
 import { HIT_AREA_CLASS } from './chunk-2YTOOH3A.js';
+import { Count } from './chunk-D2GT3CR4.js';
 import { VisuallyHidden } from './chunk-UT6CW3C7.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import { useState, useId } from 'react';

package/dist/{chunk-WKKWF277.js → chunk-BN5FEJL5.js}

@@ -1,5 +1,5 @@
-import { BrandLockup } from './chunk-7KBNFFM3.js';
-import { Card } from './chunk-4AUTALJA.js';
+import { BrandLockup } from './chunk-KXWJJWBD.js';
+import { Card } from './chunk-U2IQNDDR.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './AuthLayout-ODHBUPHQ.css';
 import { useId } from 'react';

package/dist/{chunk-MPVMB2DV.js → chunk-BVML4UVB.js}

@@ -1,3 +1,4 @@
+import { prefersReducedMotion } from './chunk-YJQXESOJ.js';
 import { announce } from './chunk-2G355KDJ.js';
 import { useId, useState, useRef, useCallback, useLayoutEffect, useMemo } from 'react';
 
@@ -24,7 +25,7 @@ function place(lists, key, list, index) {
   return next;
 }
 var SETTLE_MS = 200;
-var settleMs = () => typeof window !== "undefined" && window.matchMedia?.("(prefers-reduced-motion: reduce)").matches ? 20 : SETTLE_MS;
+var settleMs = () => prefersReducedMotion() ? 20 : SETTLE_MS;
 var now = () => typeof performance !== "undefined" ? performance.now() : Date.now();
 function byRows(node, axis) {
   if (axis === "vertical") return true;
@@ -79,7 +80,7 @@ function useReorderLists({
     const last = before.current;
     before.current = /* @__PURE__ */ new Map();
     if (last.size === 0) return;
-    if (typeof window === "undefined" || window.matchMedia?.("(prefers-reduced-motion: reduce)").matches) return;
+    if (typeof window === "undefined" || prefersReducedMotion()) return;
     for (const [key, node] of nodes.current) {
       const was = last.get(key);
       if (!was) continue;