@crewlethq/ui 0.82.0 → 0.83.0

package/dist/Presence/usePresence.d.ts

@@ -0,0 +1,109 @@
+/**
+ * Keeps something drawn while it leaves, and says when it has arrived.
+ *
+ * A SURFACE THAT EASES SHUT HAS TO STAY DRAWN UNTIL IT IS SHUT. Unmounted the
+ * moment it is closed, a column that eases its width to nothing eases an
+ * empty box, and the reader sees its content vanish before the motion they
+ * asked for has begun. So the content is kept for as long as the motion runs,
+ * and INERT all the while: it is on its way out, and nothing in it may take
+ * focus, a press or a screen reader's attention.
+ *
+ * THE STYLESHEET SAYS HOW LONG. The wait is for the motion actually running
+ * (`getAnimations()`), whatever the stylesheet set it to, rather than for a
+ * duration written again here: a copy of the duration is a second number that
+ * drifts from the first. A motion replaced mid way (a transition retargeted,
+ * or reversed by a reopen) is waited out in its turn.
+ *
+ * AND IT WAITS ONLY FOR ITS OWN MOTION (`MotionOwnership`): the transitions on
+ * the element ITSELF, and the keyframes the surface names, wherever they run
+ * under it. Never a motion something else inside it happens to run (a meter
+ * filling, a badge arriving), which would hold a rail inert for as long as
+ * the meter took; never a paused one, which would hold it for ever; never an
+ * endless one (a pulse). And never longer than the motion's own remaining
+ * time and a margin, so a tab hidden mid motion, where a browser may not
+ * report the end until it is seen again, still settles.
+ *
+ * NOTHING WAITS WHERE NOTHING MOVES. Under `prefers-reduced-motion: reduce`,
+ * where no motion of its own runs, and where the Web Animations API is
+ * missing, the change goes straight through in the same commit, before any
+ * paint.
+ */
+import { type RefObject } from 'react';
+/** Which motions are a surface's own: the ones its presence waits for. */
+export interface MotionOwnership {
+    /**
+     * The transitions on the element ITSELF, by property: `width`, for a
+     * column that eases its width. Left out, any transition on the element
+     * itself. A transition on an element inside it is never its own.
+     */
+    transitions?: readonly string[] | undefined;
+    /**
+     * The keyframes that are part of the motion, by name, wherever they run
+     * under the element: a rail's words fading in while its edge moves. Left
+     * out, none.
+     */
+    animations?: readonly string[] | undefined;
+}
+/**
+ * The motions of its own running on an element that will end (see
+ * `MotionOwnership`): playing, not paused, not endless, and its own.
+ */
+export declare function runningMotion(element: Element, owned?: MotionOwnership): Animation[];
+/**
+ * Calls `done` once the element's own motion has ended: AT ONCE,
+ * synchronously, where none runs, so a caller in a layout effect draws the
+ * outcome before the first paint, and never later than that motion's
+ * remaining time and a margin. Returns the cancel, which a caller runs when
+ * the wait no longer matters (the thing was opened again).
+ *
+ * A motion cancelled rather than finished (retargeted, reversed) counts as
+ * ended, and whatever of its own runs in its place is waited for in turn.
+ */
+export declare function afterMotion(element: Element | null, done: () => void, owned?: MotionOwnership): () => void;
+/**
+ * Takes focus out of something that is about to turn inert, as it starts to
+ * leave: to `target` where the host names one (the control that brings it
+ * back), and otherwise off the element that held it.
+ *
+ * FOCUS IS NEVER LEFT INSIDE WHAT IS LEAVING. An inert element cannot hold
+ * focus, and a browser that blurs it hands the reader to the top of the
+ * document, with no telling where Tab goes next; one that does not leaves a
+ * keyboard reader typing into a panel that takes nothing. Does nothing when
+ * focus is elsewhere: a reader who has moved on is not pulled back.
+ */
+export declare function releaseFocus(container: Element | null, target?: HTMLElement | null): void;
+export interface PresenceOptions extends MotionOwnership {
+    /**
+     * Makes this change instant: the host knows it is not one the reader made
+     * (a window resized across a breakpoint), so nothing waits for it.
+     */
+    instant?: boolean | undefined;
+}
+export interface Presence {
+    /** Whether to draw it: while it is shown, and while it leaves. */
+    present: boolean;
+    /** Drawn only to finish leaving: make it `inert`. */
+    leaving: boolean;
+    /**
+     * Shown again (never on the first draw) and its motion still running: the
+     * window a stylesheet scopes an entrance to, so the first paint of a page
+     * plays none.
+     */
+    entering: boolean;
+    /**
+     * Shown again BEFORE IT HAD LEFT: entering, from wherever its exit had
+     * reached rather than from nothing, so a stylesheet turns the exit back
+     * instead of playing an entrance over it.
+     */
+    returning: boolean;
+}
+/**
+ * Whether to draw something that is `shown`, and whether it is on its way in
+ * or out, waiting on the motion running on `motion`'s element.
+ *
+ * The element to wait on is the one the stylesheet moves: a column easing its
+ * width, or a rail. It can be the same element the content stands in or an
+ * ancestor of it; it is never the content itself, which is gone once it has
+ * left.
+ */
+export declare function usePresence(shown: boolean, motion: RefObject<Element | null>, { transitions, animations, instant }?: PresenceOptions): Presence;

package/dist/ReactionBar/index.js

@@ -1,8 +1,10 @@
-export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from '../chunk-LQRN2XZK.js';
+export { AddReaction, REACTION_BAR_LABELS, ReactionBar, reactionWho } from '../chunk-4DEKONVJ.js';
 import '../chunk-TDFLCUBE.js';
-import '../chunk-MPYRC3GO.js';
-import '../chunk-SM4P2SHB.js';
-import '../chunk-3QQIGMY3.js';
+import '../chunk-SPNTUQBV.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-OMV5W53A.js';

package/dist/RecordChip/index.js

@@ -1,5 +1,6 @@
-export { RecordChip, RecordChipList } from '../chunk-BSAU7QRW.js';
-import '../chunk-SM4P2SHB.js';
+export { RecordChip, RecordChipList } from '../chunk-ZPTKAYJK.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';

package/dist/Reorder/index.js

@@ -1,4 +1,5 @@
-export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-MPVMB2DV.js';
+export { DEFAULT_REORDER_LABELS, moveKey, useReorder, useReorderLists } from '../chunk-BVML4UVB.js';
+import '../chunk-YJQXESOJ.js';
 import '../chunk-2G355KDJ.js';
 import '../chunk-UT6CW3C7.js';
 import '../chunk-ODEQTPFM.js';

package/dist/RichEditor/index.js

@@ -1,4 +1,4 @@
-export { RichEditor, preloadRichEditor } from '../chunk-N2T7Y5KR.js';
+export { RichEditor, preloadRichEditor } from '../chunk-AUSFKGKL.js';
 export { RICH_EDITOR_LABELS, richEditorLabels } from '../chunk-2DMTW2Y3.js';
 import '../chunk-KOJPDCGQ.js';
 import '../chunk-KBZO4B33.js';

package/dist/SegmentedControl/index.js

@@ -1,9 +1,10 @@
 import '../chunk-36WK24AI.js';
-export { SegmentedControl } from '../chunk-GZVAZ3LL.js';
-import '../chunk-HCUECVZ3.js';
+export { SegmentedControl } from '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';

package/dist/SetupWizard/index.js

@@ -1,7 +1,7 @@
-export { SetupWizard } from '../chunk-C75WZMXG.js';
+export { SetupWizard } from '../chunk-K6RWEQ6P.js';
 import '../chunk-RJWO2PC5.js';
 import '../chunk-FPDIHEM4.js';
-import '../chunk-RTPQDNW3.js';
+import '../chunk-YJQXESOJ.js';
 import '../chunk-CYQBDZ6M.js';
 import '../chunk-LVJGN5II.js';
 import '../chunk-XSPCITPN.js';

package/dist/ShareDialog/index.js

@@ -1,6 +1,6 @@
-export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-HFOTRZFU.js';
+export { ARTIFACT_ROLES, SHAREABLE_ROLES, ShareDialog, roleAtLeast } from '../chunk-AQNP3KQU.js';
 import '../chunk-3IWZVEXA.js';
-import '../chunk-XXDB6KPV.js';
+import '../chunk-ZXXZESCD.js';
 import '../chunk-T5GBTXNC.js';
 import '../chunk-STJ7QBC3.js';
 import '../chunk-DTIW4CHZ.js';
@@ -9,7 +9,8 @@ import '../chunk-BPCY7ZID.js';
 import '../chunk-HF5L56YQ.js';
 import '../chunk-IRONPJB4.js';
 import '../chunk-XZY6S3UC.js';
-import '../chunk-RTPQDNW3.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';

package/dist/SheetColumnEditor/index.js

@@ -1,17 +1,18 @@
-export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-IUWP2LSE.js';
+export { SHEET_COLUMN_EDITOR_LABELS, SheetColumnEditor, SheetColumnTypeGlyph } from '../chunk-SGMWLUYQ.js';
 import '../chunk-3IWZVEXA.js';
 import '../chunk-FFMCMSJB.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-LSOR77RZ.js';
+import '../chunk-SHH7UD5U.js';
 import '../chunk-AYKXMIOR.js';
 import '../chunk-YQ7Q52XU.js';
-import '../chunk-GZVAZ3LL.js';
-import '../chunk-HCUECVZ3.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-CMAZZY2I.js';

package/dist/SheetGrid/index.js

@@ -1,19 +1,21 @@
-export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-HQFOZJQ4.js';
+export { CellDisplay, CellEditor, CheckboxCell, DateCell, LongTextCell, MultiSelectCell, NumberCell, PersonCell, RatingCell, SelectCell, SheetCell, SheetGrid, StatusCell, TextCell, UrlCell } from '../chunk-46FIBJCV.js';
 import '../chunk-UEOEBOBR.js';
 import '../chunk-CENOOTAV.js';
 import '../chunk-MMCYH5LB.js';
 import '../chunk-EFX2YC5T.js';
-import '../chunk-ONNXUS5Y.js';
+import '../chunk-VB3FVKNI.js';
 import '../chunk-LFSIKGRQ.js';
 import '../chunk-Z7JYG5TF.js';
-import '../chunk-SM4P2SHB.js';
-import '../chunk-AYKXMIOR.js';
 import '../chunk-LBGKLYBY.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-AYKXMIOR.js';
 import '../chunk-IRONPJB4.js';
 import '../chunk-XZY6S3UC.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-3QQIGMY3.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';

package/dist/SlideFilmstrip/index.js

@@ -1,7 +1,9 @@
-export { SlideFilmstrip } from '../chunk-T7WESRZF.js';
+export { SlideFilmstrip } from '../chunk-RO5JU6SN.js';
 import '../chunk-O6EV6GKI.js';
-import '../chunk-MPVMB2DV.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-BVML4UVB.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';

package/dist/Switcher/index.js

@@ -1,10 +1,11 @@
-export { Switcher } from '../chunk-FKAJBN6G.js';
-import '../chunk-XXDB6KPV.js';
+export { Switcher } from '../chunk-7M7WKYOV.js';
+import '../chunk-ZXXZESCD.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-HBDA76EZ.js';
-import '../chunk-SM4P2SHB.js';
+import '../chunk-EC6EUIAD.js';
 import '../chunk-I4IUX3JF.js';
-import '../chunk-RTPQDNW3.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';

package/dist/Tabs/index.js

@@ -1,7 +1,8 @@
-export { TabPanel, Tabs, tabId } from '../chunk-HCUECVZ3.js';
+export { TabPanel, Tabs, tabId } from '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';

package/dist/ThemeSwitcher/index.js

@@ -1,12 +1,13 @@
-export { DensitySwitcher, ThemeSwitcher } from '../chunk-C7UHDM7Y.js';
+export { DensitySwitcher, ThemeSwitcher } from '../chunk-5V6GW6HK.js';
 export { applyStoredPreferences, resolveTheme, useDensityPreference, useSystemTheme, useThemePreference } from '../chunk-Z24ZUSTX.js';
 export { DENSITY_PREFERENCES, PALETTE_ID, THEME_PREFERENCES, applyDensity, applyPalette, applyTheme, isDensityPreference, isPaletteId, isThemePreference } from '../chunk-ZXXDZJQN.js';
 import '../chunk-36WK24AI.js';
-import '../chunk-GZVAZ3LL.js';
-import '../chunk-HCUECVZ3.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';
 import '../chunk-OMV5W53A.js';

package/dist/TimeRangePicker/index.js

@@ -1,12 +1,13 @@
-export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-G6ZFSUIH.js';
-import '../chunk-XXDB6KPV.js';
+export { TIME_RANGE_CUSTOM, TIME_RANGE_PICKER_LABELS, TimeRangePicker, timeRangeFieldKey, timeRangeProblem } from '../chunk-ZJVLGYE3.js';
+import '../chunk-ZXXZESCD.js';
 import '../chunk-BPCY7ZID.js';
 import '../chunk-36WK24AI.js';
-import '../chunk-GZVAZ3LL.js';
-import '../chunk-HCUECVZ3.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';

package/dist/TimeWindowPicker/index.js

@@ -1,8 +1,9 @@
-export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-YM77TZ7Q.js';
+export { DEFAULT_TIME_WINDOW_LABELS, TIME_WINDOW_SPANS, TimeWindowPicker, describeTimeWindow, isTimeWindowSet, parseTimeWindowDuration, resolveTimeWindow, timeWindowMatchesPreset } from '../chunk-T3S3D4FC.js';
 import '../chunk-3IWZVEXA.js';
 import '../chunk-YGRTX67J.js';
 import '../chunk-EE3DJMSQ.js';
-import '../chunk-SM4P2SHB.js';
+import '../chunk-EC6EUIAD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-O7N6W52M.js';
 import '../chunk-PGCLHYVP.js';
 import '../chunk-DGXZ635L.js';

package/dist/Tooltip/index.js

@@ -1,4 +1,6 @@
-export { Tooltip } from '../chunk-3QQIGMY3.js';
+export { Tooltip } from '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-OMV5W53A.js';
 import '../chunk-TUEM2XIW.js';
 import '../chunk-4ITETIGZ.js';

package/dist/TreeCanvas/index.js

@@ -1,8 +1,11 @@
-export { TreeCanvas } from '../chunk-AMUXSJ2A.js';
+export { TreeCanvas } from '../chunk-FPU7AA3X.js';
 import '../chunk-MY374UUD.js';
-import '../chunk-SEKO6P3Y.js';
+import '../chunk-NCUSI4ZU.js';
 import '../chunk-LM3ISVJA.js';
-import '../chunk-3QQIGMY3.js';
+import '../chunk-YJQXESOJ.js';
+import '../chunk-7ZSEUO5Q.js';
+import '../chunk-HTS5RJ7S.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-CMAZZY2I.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';

package/dist/VersionCompare/index.js

@@ -1,11 +1,12 @@
-export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-TGCGLKD4.js';
+export { VERSION_COMPARE_LABELS, VERSION_COMPARE_LENSES, VersionCompare } from '../chunk-RBQRTGXX.js';
 import '../chunk-AOFVXE6V.js';
 import '../chunk-36WK24AI.js';
-import '../chunk-GZVAZ3LL.js';
-import '../chunk-HCUECVZ3.js';
+import '../chunk-AZYE7NR4.js';
+import '../chunk-MVKUE4FI.js';
 import '../chunk-EGMQURBR.js';
 import '../chunk-CYQBDZ6M.js';
-import '../chunk-YOJAGKTS.js';
+import '../chunk-TGGYSQRD.js';
+import '../chunk-L72URIHR.js';
 import '../chunk-PPUR46MK.js';
 import '../chunk-DGXZ635L.js';
 import '../chunk-XSPCITPN.js';

package/dist/{chunk-KJR5X4II.js → chunk-22CU7V4J.js}

@@ -1,5 +1,5 @@
-import { HuePicker } from './chunk-LSOR77RZ.js';
-import { Popover } from './chunk-SM4P2SHB.js';
+import { HuePicker } from './chunk-SHH7UD5U.js';
+import { Popover } from './chunk-EC6EUIAD.js';
 import { NODE_HUE_NAMES } from './chunk-AYKXMIOR.js';
 import { CharacterPicker } from './chunk-LNQSNXGJ.js';
 import { Avatar } from './chunk-XZY6S3UC.js';

package/dist/{chunk-4RYELYWG.js → chunk-2SVQBQAD.js}

@@ -1,6 +1,6 @@
 import { Note } from './chunk-5SZGKSGL.js';
-import { CanvasToolbar, toolForKey } from './chunk-HA2PL7PA.js';
-import { IDENTITY_VIEW, Canvas } from './chunk-SEKO6P3Y.js';
+import { CanvasToolbar, toolForKey } from './chunk-DRFOTWJE.js';
+import { IDENTITY_VIEW, Canvas } from './chunk-NCUSI4ZU.js';
 import { IconButton } from './chunk-UAUP6XGK.js';
 import { cx } from './chunk-ODEQTPFM.js';
 import './CanvasBoard-U6LR5F6H.css';

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

@@ -1,15 +1,15 @@
 import { TagGroup } from './chunk-UEOEBOBR.js';
 import { CursorFlag } from './chunk-MMCYH5LB.js';
 import { presenceHueClass } from './chunk-EFX2YC5T.js';
-import { ChangeMark } from './chunk-ONNXUS5Y.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-SM4P2SHB.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 { Tooltip } from './chunk-3QQIGMY3.js';
-import { Menu } from './chunk-YOJAGKTS.js';
+import { Tooltip } from './chunk-7ZSEUO5Q.js';
+import { Menu } from './chunk-TGGYSQRD.js';
 import { Button } from './chunk-DGXZ635L.js';
 import { isComposing } from './chunk-TUEM2XIW.js';
 import { IconButton } from './chunk-UAUP6XGK.js';

package/dist/{chunk-LQRN2XZK.js → chunk-4DEKONVJ.js}

@@ -1,6 +1,6 @@
 import { heldHint } from './chunk-TDFLCUBE.js';
-import { emojiName, EmojiPicker } from './chunk-MPYRC3GO.js';
-import { Tooltip } from './chunk-3QQIGMY3.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';

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-C7UHDM7Y.js → chunk-5V6GW6HK.js}

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

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

@@ -1,5 +1,5 @@
 import { today, CalendarGrid, shiftMonth, compareDays } from './chunk-EE3DJMSQ.js';
-import { Popover } from './chunk-SM4P2SHB.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';

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

@@ -1,9 +1,9 @@
-import { Modal } from './chunk-XXDB6KPV.js';
+import { Modal } from './chunk-ZXXZESCD.js';
 import { useListbox, useOptionKeys } from './chunk-YGRTX67J.js';
 import { KeyChip, highlightMatch } from './chunk-HBDA76EZ.js';
-import { Popover } from './chunk-SM4P2SHB.js';
+import { Popover } from './chunk-EC6EUIAD.js';
 import { Skeleton } from './chunk-I4IUX3JF.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.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';

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-3QQIGMY3.js → chunk-7ZSEUO5Q.js}

@@ -1,3 +1,5 @@
+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-TUEM2XIW.js';
 import { isVisibleFocus } from './chunk-4ITETIGZ.js';
@@ -8,9 +10,6 @@ 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 composeHandlers(first, second) {
   if (typeof first !== "function") return second;
   if (typeof second !== "function") return first;
@@ -19,21 +18,8 @@ function composeHandlers(first, second) {
     second(...args);
   };
 }
-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;
-  };
-}
-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",
@@ -157,21 +143,11 @@ function Tooltip({
   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, {
     ...passed,
-    ref: (el) => {
-      anchor.current = el;
-      layer.insideRef(el);
-      const release = attach(ownRef, el);
-      const releaseForwarded = attach(forwardedRef, el);
-      return () => {
-        anchor.current = null;
-        layer.insideRef(null);
-        release();
-        releaseForwarded();
-      };
-    },
+    ref: triggerRef,
     "aria-describedby": open ? cx(describedBy, panelId) : describedBy,
     onPointerEnter: (event) => {
       over.current.pointer = true;

package/dist/{chunk-57BFL323.js → chunk-ABRWL5FJ.js}

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

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

@@ -1,9 +1,9 @@
 import { Select } from './chunk-3IWZVEXA.js';
-import { Modal } from './chunk-XXDB6KPV.js';
+import { Modal } from './chunk-ZXXZESCD.js';
 import { CopyButton } from './chunk-T5GBTXNC.js';
 import { Callout } from './chunk-BPCY7ZID.js';
 import { PrincipalAvatar } from './chunk-HF5L56YQ.js';
-import { useMediaMatch } from './chunk-RTPQDNW3.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';

package/dist/{chunk-N2T7Y5KR.js → chunk-AUSFKGKL.js}

@@ -9,7 +9,7 @@ import { jsx } from 'react/jsx-runtime';
 var engine = null;
 var loading = null;
 function loadEngine() {
-  loading ??= import('./Editor-7EQWP3RN.js').then(
+  loading ??= import('./Editor-5D5Z3LBQ.js').then(
     (module) => {
       engine = module.Editor;
       return engine;