react-native-roster 0.1.0 → 0.3.0

package/dist/src/core/spans.js

@@ -1,6 +1,9 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.sourceSpans = sourceSpans;
+exports.extentOf = extentOf;
+exports.intersectionOf = intersectionOf;
+exports.unionOf = unionOf;
 function sourceSpans(intervals, window) {
     const boundaries = [];
     for (const interval of intervals) {
@@ -57,4 +60,65 @@ function sourceSpans(intervals, window) {
     }
     return spans;
 }
+/**
+ * Earliest start through latest end in epoch milliseconds, end-exclusive; empty input returns null.
+ * Throws RangeError for non-finite bounds or end <= start.
+ * Inputs may be unsorted, overlapping, nested, or duplicated; inputs are not mutated.
+ */
+function extentOf(segments) {
+    let start = Infinity;
+    let end = -Infinity;
+    for (const segment of segments) {
+        validateSpan(segment);
+        start = Math.min(start, segment.start);
+        end = Math.max(end, segment.end);
+    }
+    return start < end ? { start, end } : null;
+}
+/**
+ * Shared epoch milliseconds, end-exclusive; empty input or an empty intersection returns null.
+ * Throws RangeError for non-finite bounds or end <= start.
+ * Inputs may be unsorted, overlapping, nested, or duplicated; inputs are not mutated.
+ */
+function intersectionOf(spans) {
+    if (spans.length === 0)
+        return null;
+    let start = -Infinity;
+    let end = Infinity;
+    for (const span of spans) {
+        validateSpan(span);
+        start = Math.max(start, span.start);
+        end = Math.min(end, span.end);
+    }
+    return start < end ? { start, end } : null;
+}
+/**
+ * Merged end-exclusive epoch windows sorted by start; empty input returns an empty array.
+ * Overlapping or touching spans merge; disjoint spans remain separate.
+ * Throws RangeError for non-finite bounds or end <= start.
+ * Returns new objects without mutating inputs.
+ */
+function unionOf(spans) {
+    const sorted = spans.map((span) => {
+        validateSpan(span);
+        return { start: span.start, end: span.end };
+    });
+    sorted.sort((a, b) => a.start - b.start);
+    const merged = [];
+    for (const span of sorted) {
+        const last = merged.at(-1);
+        if (last && span.start <= last.end) {
+            last.end = Math.max(last.end, span.end);
+        }
+        else {
+            merged.push(span);
+        }
+    }
+    return merged;
+}
+function validateSpan(span) {
+    if (!Number.isFinite(span.start) || !Number.isFinite(span.end) || span.end <= span.start) {
+        throw new RangeError('Span bounds must be finite with end greater than start');
+    }
+}
 //# sourceMappingURL=spans.js.map

package/dist/src/core/spans.js.map

@@ -1 +1 @@
-{"version":3,"file":"spans.js","sourceRoot":"","sources":["../../../src/core/spans.ts"],"names":[],"mappings":"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"}
+{"version":3,"file":"spans.js","sourceRoot":"","sources":["../../../src/core/spans.ts"],"names":[],"mappings":";;;;;;AAOA,qBAA4B,SAAqB,EAAE,MAAc;IAC/D,MAAM,UAAU,GAAe,EAAE,CAAC;IAClC,KAAK,MAAM,QAAQ,IAAI,SAAS,EAAE,CAAC;QACjC,MAAM,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,KAAK,EAAE,MAAM,CAAC,KAAK,CAAC,CAAC;QACrD,MAAM,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,QAAQ,CAAC,GAAG,EAAE,MAAM,CAAC,GAAG,CAAC,CAAC;QAC/C,IAAI,KAAK,IAAI,GAAG;YAAE,SAAS;QAC3B,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,KAAK,EAAE,KAAK,EAAE,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;QACpE,UAAU,CAAC,IAAI,CAAC,EAAE,EAAE,EAAE,GAAG,EAAE,KAAK,EAAE,CAAC,CAAC,EAAE,OAAO,EAAE,QAAQ,CAAC,OAAO,EAAE,CAAC,CAAC;IACrE,CAAC;IACD,UAAU,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,EAAE,GAAG,CAAC,CAAC,EAAE,CAAC,CAAC;IACvC,MAAM,MAAM,GAAG,IAAI,GAAG,EAA6C,CAAC;IACpE,MAAM,KAAK,GAAe,EAAE,CAAC;IAC7B,IAAI,KAAK,GAAG,CAAC,CAAC;IACd,IAAI,QAAQ,GAAG,MAAM,CAAC,KAAK,CAAC;IAC5B,IAAI,QAAQ,GAAG,IAAI,GAAG,EAAU,CAAC;IACjC,IAAI,gBAAgB,GAAG,CAAC,CAAC;IACzB,KAAK,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,GAAG,UAAU,CAAC,MAAM,GAAI,CAAC;QACxC,MAAM,EAAE,GAAI,UAAU,CAAC,CAAC,CAAc,CAAC,EAAE,CAAC;QAC1C,IAAI,KAAK,GAAG,CAAC,IAAI,QAAQ,GAAG,EAAE,EAAE,CAAC;YAC/B,MAAM,IAAI,GAAG,KAAK,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;YAC1B,IAAI,IAAI,IAAI,IAAI,CAAC,GAAG,KAAK,QAAQ,IAAI,gBAAgB,KAAK,CAAC,EAAE,CAAC;gBAC5D,IAAI,CAAC,GAAG,GAAG,EAAE,CAAC;YAChB,CAAC;iBAAM,CAAC;gBACN,KAAK,CAAC,IAAI,CAAC;oBACT,KAAK,EAAE,QAAQ;oBACf,GAAG,EAAE,EAAE;oBACP,OAAO,EAAE,CAAC,GAAG,MAAM,CAAC,MAAM,EAAE,CAAC,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,MAAM,CAAC;iBACzD,CAAC,CAAC;gBACH,QAAQ,GAAG,IAAI,GAAG,CAAC,MAAM,CAAC,IAAI,EAAE,CAAC,CAAC;gBAClC,gBAAgB,GAAG,CAAC,CAAC;YACvB,CAAC;QACH,CAAC;QACD,OAAO,CAAC,GAAG,UAAU,CAAC,MAAM,IAAK,UAAU,CAAC,CAAC,CAAc,CAAC,EAAE,KAAK,EAAE,EAAE,CAAC;YACtE,MAAM,QAAQ,GAAG,UAAU,CAAC,CAAC,EAAE,CAAa,CAAC;YAC7C,KAAK,IAAI,QAAQ,CAAC,KAAK,CAAC;YACxB,KAAK,MAAM,MAAM,IAAI,QAAQ,CAAC,OAAO,EAAE,CAAC;gBACtC,MAAM,GAAG,GAAG,IAAI,CAAC,SAAS,CAAC,CAAC,MAAM,CAAC,IAAI,EAAE,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC;gBACrD,MAAM,IAAI,GAAG,MAAM,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC;gBAC7B,MAAM,KAAK,GAAG,CAAC,IAAI,EAAE,KAAK,IAAI,CAAC,CAAC,GAAG,QAAQ,CAAC,KAAK,CAAC;gBAClD,sEAAsE;gBACtE,mEAAmE;gBACnE,IAAI,CAAC,KAAK,KAAK,CAAC,CAAC,KAAK,CAAC,IAAI,KAAK,SAAS,CAAC,EAAE,CAAC;oBAC3C,gBAAgB,IAAI,QAAQ,CAAC,GAAG,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC,CAAC,CAAC,QAAQ,CAAC,KAAK,CAAC;gBAC3E,CAAC;gBACD,IAAI,KAAK,KAAK,CAAC;oBAAE,MAAM,CAAC,MAAM,CAAC,GAAG,CAAC,CAAC;;oBAC/B,MAAM,CAAC,GAAG,CAAC,GAAG,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,IAAI,EAAE,MAAM,IAAI,MAAM,EAAE,CAAC,CAAC;YAClE,CAAC;QACH,CAAC;QACD,QAAQ,GAAG,EAAE,CAAC;IAChB,CAAC;IACD,OAAO,KAAK,CAAC;AACf,CAAC;AAED;;;;GAIG;AACH,kBAAyB,QAA2B;IAClD,IAAI,KAAK,GAAG,QAAQ,CAAC;IACrB,IAAI,GAAG,GAAG,CAAC,QAAQ,CAAC;IACpB,KAAK,MAAM,OAAO,IAAI,QAAQ,EAAE,CAAC;QAC/B,YAAY,CAAC,OAAO,CAAC,CAAC;QACtB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,OAAO,CAAC,KAAK,CAAC,CAAC;QACvC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,OAAO,CAAC,GAAG,CAAC,CAAC;IACnC,CAAC;IACD,OAAO,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7C,CAAC;AAED;;;;GAIG;AACH,wBAA+B,KAAwB;IACrD,IAAI,KAAK,CAAC,MAAM,KAAK,CAAC;QAAE,OAAO,IAAI,CAAC;IACpC,IAAI,KAAK,GAAG,CAAC,QAAQ,CAAC;IACtB,IAAI,GAAG,GAAG,QAAQ,CAAC;IACnB,KAAK,MAAM,IAAI,IAAI,KAAK,EAAE,CAAC;QACzB,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,KAAK,GAAG,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,IAAI,CAAC,KAAK,CAAC,CAAC;QACpC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;IAChC,CAAC;IACD,OAAO,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,EAAE,KAAK,EAAE,GAAG,EAAE,CAAC,CAAC,CAAC,IAAI,CAAC;AAC7C,CAAC;AAED;;;;;GAKG;AACH,iBAAwB,KAAwB;IAC9C,MAAM,MAAM,GAAG,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;QAChC,YAAY,CAAC,IAAI,CAAC,CAAC;QACnB,OAAO,EAAE,KAAK,EAAE,IAAI,CAAC,KAAK,EAAE,GAAG,EAAE,IAAI,CAAC,GAAG,EAAE,CAAC;IAC9C,CAAC,CAAC,CAAC;IACH,MAAM,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC,CAAC,KAAK,CAAC,CAAC;IACzC,MAAM,MAAM,GAAa,EAAE,CAAC;IAC5B,KAAK,MAAM,IAAI,IAAI,MAAM,EAAE,CAAC;QAC1B,MAAM,IAAI,GAAG,MAAM,CAAC,EAAE,CAAC,CAAC,CAAC,CAAC,CAAC;QAC3B,IAAI,IAAI,IAAI,IAAI,CAAC,KAAK,IAAI,IAAI,CAAC,GAAG,EAAE,CAAC;YACnC,IAAI,CAAC,GAAG,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC;QAC1C,CAAC;aAAM,CAAC;YACN,MAAM,CAAC,IAAI,CAAC,IAAI,CAAC,CAAC;QACpB,CAAC;IACH,CAAC;IACD,OAAO,MAAM,CAAC;AAChB,CAAC;AAED,SAAS,YAAY,CAAC,IAAY;IAChC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,KAAK,CAAC,IAAI,CAAC,MAAM,CAAC,QAAQ,CAAC,IAAI,CAAC,GAAG,CAAC,IAAI,IAAI,CAAC,GAAG,IAAI,IAAI,CAAC,KAAK,EAAE,CAAC;QACzF,MAAM,IAAI,UAAU,CAAC,wDAAwD,CAAC,CAAC;IACjF,CAAC;AACH,CAAC"}

package/dist/src/index.d.ts

@@ -1,6 +1,7 @@
 export type { GapInput, IntervalInput } from './components/layers/layers.types';
 export { RosterGap } from './components/layers/parts/gap';
 export { RosterInterval } from './components/layers/parts/interval';
+export { Portal, PortalHost } from './components/primitives/portal';
 export { Roster } from './components/roster';
 export { RosterBodyLayout } from './components/roster/body-layout';
 export { RosterLaneLabel } from './components/roster/lanes/parts/lane-label';
@@ -12,7 +13,9 @@ export { RosterHeader } from './components/roster/parts/header';
 export { RosterHeaderCell } from './components/roster/parts/header-cell';
 export { RosterLaneLabelColumn } from './components/roster/parts/lane-label-column';
 export { RosterLaneList } from './components/roster/parts/lane-list';
-export type { BodyInput, GridInput, HeaderCellInput, HeaderInput, LabelColumnInput, LaneLabelInput, RosterInput, RosterModel, RosterProjection, RosterProps, RosterScroll, RosterStyleProps, RosterTick, } from './components/roster/roster.types';
+export type { BodyInput, GridInput, HeaderCellInput, HeaderInput, IntervalDetailInput, LabelColumnInput, LaneLabelInput, RosterInput, RosterModel, RosterProjection, RosterProps, RosterScroll, RosterStyleProps, RosterTick, } from './components/roster/roster.types';
+export { RosterSelectionPopover } from './components/roster/selection/selection-layout';
+export type { SelectionLayoutProps } from './components/roster/selection/selection-layout.types';
 export { useRoster } from './components/roster/use-roster';
 export { Schedule } from './components/schedule';
 export { ScheduleColumn } from './components/schedule/days/parts/column';

package/dist/src/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,cAAc,QAAQ,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,YAAY,EAAE,QAAQ,EAAE,aAAa,EAAE,MAAM,kCAAkC,CAAC;AAChF,OAAO,EAAE,SAAS,EAAE,MAAM,+BAA+B,CAAC;AAC1D,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AACpE,OAAO,EAAE,MAAM,EAAE,MAAM,qBAAqB,CAAC;AAC7C,OAAO,EAAE,gBAAgB,EAAE,MAAM,iCAAiC,CAAC;AACnE,OAAO,EAAE,eAAe,EAAE,MAAM,4CAA4C,CAAC;AAC7E,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,WAAW,EAAE,MAAM,iCAAiC,CAAC;AAC9D,OAAO,EAAE,UAAU,EAAE,MAAM,gCAAgC,CAAC;AAC5D,OAAO,EAAE,YAAY,EAAE,MAAM,kCAAkC,CAAC;AAChE,OAAO,EAAE,gBAAgB,EAAE,MAAM,uCAAuC,CAAC;AACzE,OAAO,EAAE,qBAAqB,EAAE,MAAM,6CAA6C,CAAC;AACpF,OAAO,EAAE,cAAc,EAAE,MAAM,qCAAqC,CAAC;AACrE,YAAY,EACV,SAAS,EACT,SAAS,EACT,eAAe,EACf,WAAW,EACX,mBAAmB,EACnB,gBAAgB,EAChB,cAAc,EACd,WAAW,EACX,WAAW,EACX,gBAAgB,EAChB,WAAW,EACX,YAAY,EACZ,gBAAgB,EAChB,UAAU,GACX,MAAM,kCAAkC,CAAC;AAC1C,OAAO,EAAE,sBAAsB,EAAE,MAAM,gDAAgD,CAAC;AACxF,YAAY,EAAE,oBAAoB,EAAE,MAAM,sDAAsD,CAAC;AACjG,OAAO,EAAE,SAAS,EAAE,MAAM,gCAAgC,CAAC;AAC3D,OAAO,EAAE,QAAQ,EAAE,MAAM,uBAAuB,CAAC;AACjD,OAAO,EAAE,cAAc,EAAE,MAAM,yCAAyC,CAAC;AACzE,OAAO,EAAE,iBAAiB,EAAE,MAAM,6CAA6C,CAAC;AAChF,OAAO,EAAE,YAAY,EAAE,MAAM,uCAAuC,CAAC;AACrE,OAAO,EAAE,eAAe,EAAE,MAAM,2CAA2C,CAAC;AAC5E,OAAO,EAAE,mBAAmB,EAAE,MAAM,+CAA+C,CAAC;AACpF,OAAO,EAAE,kBAAkB,EAAE,MAAM,6CAA6C,CAAC;AACjF,OAAO,EAAE,cAAc,EAAE,MAAM,oCAAoC,CAAC;AACpE,OAAO,EAAE,kBAAkB,EAAE,MAAM,wCAAwC,CAAC;AAC5E,YAAY,EACV,mBAAmB,EACnB,kBAAkB,EAClB,aAAa,EACb,aAAa,EACb,kBAAkB,EAClB,aAAa,EACb,kBAAkB,EAClB,uBAAuB,EACvB,kBAAkB,GACnB,MAAM,sCAAsC,CAAC;AAC9C,OAAO,EAAE,WAAW,EAAE,MAAM,oCAAoC,CAAC;AACjE,cAAc,QAAQ,CAAC"}

package/dist/src/index.js

@@ -14,11 +14,14 @@ var __exportStar = (this && this.__exportStar) || function(m, exports) {
     for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useSchedule = exports.ScheduleIncomplete = exports.ScheduleGutter = exports.ScheduleTransition = exports.ScheduleSkippedDate = exports.ScheduleNowLine = exports.ScheduleGrid = exports.ScheduleDayHeader = exports.ScheduleColumn = exports.Schedule = exports.useRoster = exports.RosterLaneList = exports.RosterLaneLabelColumn = exports.RosterHeaderCell = exports.RosterHeader = exports.RosterGrid = exports.RosterEmpty = exports.RosterCorner = exports.RosterBody = exports.RosterLaneLabel = exports.RosterBodyLayout = exports.Roster = exports.RosterInterval = exports.RosterGap = void 0;
+exports.useSchedule = exports.ScheduleIncomplete = exports.ScheduleGutter = exports.ScheduleTransition = exports.ScheduleSkippedDate = exports.ScheduleNowLine = exports.ScheduleGrid = exports.ScheduleDayHeader = exports.ScheduleColumn = exports.Schedule = exports.useRoster = exports.RosterSelectionPopover = exports.RosterLaneList = exports.RosterLaneLabelColumn = exports.RosterHeaderCell = exports.RosterHeader = exports.RosterGrid = exports.RosterEmpty = exports.RosterCorner = exports.RosterBody = exports.RosterLaneLabel = exports.RosterBodyLayout = exports.Roster = exports.PortalHost = exports.Portal = exports.RosterInterval = exports.RosterGap = void 0;
 var gap_1 = require("./components/layers/parts/gap");
 Object.defineProperty(exports, "RosterGap", { enumerable: true, get: function () { return gap_1.RosterGap; } });
 var interval_1 = require("./components/layers/parts/interval");
 Object.defineProperty(exports, "RosterInterval", { enumerable: true, get: function () { return interval_1.RosterInterval; } });
+var portal_1 = require("./components/primitives/portal");
+Object.defineProperty(exports, "Portal", { enumerable: true, get: function () { return portal_1.Portal; } });
+Object.defineProperty(exports, "PortalHost", { enumerable: true, get: function () { return portal_1.PortalHost; } });
 var roster_1 = require("./components/roster");
 Object.defineProperty(exports, "Roster", { enumerable: true, get: function () { return roster_1.Roster; } });
 var body_layout_1 = require("./components/roster/body-layout");
@@ -41,6 +44,8 @@ var lane_label_column_1 = require("./components/roster/parts/lane-label-column")
 Object.defineProperty(exports, "RosterLaneLabelColumn", { enumerable: true, get: function () { return lane_label_column_1.RosterLaneLabelColumn; } });
 var lane_list_1 = require("./components/roster/parts/lane-list");
 Object.defineProperty(exports, "RosterLaneList", { enumerable: true, get: function () { return lane_list_1.RosterLaneList; } });
+var selection_layout_1 = require("./components/roster/selection/selection-layout");
+Object.defineProperty(exports, "RosterSelectionPopover", { enumerable: true, get: function () { return selection_layout_1.RosterSelectionPopover; } });
 var use_roster_1 = require("./components/roster/use-roster");
 Object.defineProperty(exports, "useRoster", { enumerable: true, get: function () { return use_roster_1.useRoster; } });
 var schedule_1 = require("./components/schedule");

package/dist/src/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qDAA0D;AAAjD,gGAAA,SAAS,OAAA;AAClB,+DAAoE;AAA3D,0GAAA,cAAc,OAAA;AACvB,8CAA6C;AAApC,gGAAA,MAAM,OAAA;AACf,+DAAmE;AAA1D,+GAAA,gBAAgB,OAAA;AACzB,yEAA6E;AAApE,6GAAA,eAAe,OAAA;AACxB,uDAA4D;AAAnD,kGAAA,UAAU,OAAA;AACnB,2DAAgE;AAAvD,sGAAA,YAAY,OAAA;AACrB,yDAA8D;AAArD,oGAAA,WAAW,OAAA;AACpB,uDAA4D;AAAnD,kGAAA,UAAU,OAAA;AACnB,2DAAgE;AAAvD,sGAAA,YAAY,OAAA;AACrB,qEAAyE;AAAhE,+GAAA,gBAAgB,OAAA;AACzB,iFAAoF;AAA3E,0HAAA,qBAAqB,OAAA;AAC9B,iEAAqE;AAA5D,2GAAA,cAAc,OAAA;AAgBvB,6DAA2D;AAAlD,uGAAA,SAAS,OAAA;AAClB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,kEAAyE;AAAhE,wGAAA,cAAc,OAAA;AACvB,0EAAgF;AAAvE,+GAAA,iBAAiB,OAAA;AAC1B,8DAAqE;AAA5D,oGAAA,YAAY,OAAA;AACrB,sEAA4E;AAAnE,2GAAA,eAAe,OAAA;AACxB,8EAAoF;AAA3E,mHAAA,mBAAmB,OAAA;AAC5B,0EAAiF;AAAxE,gHAAA,kBAAkB,OAAA;AAC3B,6DAAoE;AAA3D,wGAAA,cAAc,OAAA;AACvB,qEAA4E;AAAnE,gHAAA,kBAAkB,OAAA;AAY3B,mEAAiE;AAAxD,2GAAA,WAAW,OAAA;AACpB,yCAAuB"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;AACA,qDAA0D;AAAjD,gGAAA,SAAS,OAAA;AAClB,+DAAoE;AAA3D,0GAAA,cAAc,OAAA;AACvB,yDAAoE;AAA3D,gGAAA,MAAM,OAAA;AAAE,oGAAA,UAAU,OAAA;AAC3B,8CAA6C;AAApC,gGAAA,MAAM,OAAA;AACf,+DAAmE;AAA1D,+GAAA,gBAAgB,OAAA;AACzB,yEAA6E;AAApE,6GAAA,eAAe,OAAA;AACxB,uDAA4D;AAAnD,kGAAA,UAAU,OAAA;AACnB,2DAAgE;AAAvD,sGAAA,YAAY,OAAA;AACrB,yDAA8D;AAArD,oGAAA,WAAW,OAAA;AACpB,uDAA4D;AAAnD,kGAAA,UAAU,OAAA;AACnB,2DAAgE;AAAvD,sGAAA,YAAY,OAAA;AACrB,qEAAyE;AAAhE,+GAAA,gBAAgB,OAAA;AACzB,iFAAoF;AAA3E,0HAAA,qBAAqB,OAAA;AAC9B,iEAAqE;AAA5D,2GAAA,cAAc,OAAA;AAiBvB,mFAAwF;AAA/E,0HAAA,sBAAsB,OAAA;AAE/B,6DAA2D;AAAlD,uGAAA,SAAS,OAAA;AAClB,kDAAiD;AAAxC,oGAAA,QAAQ,OAAA;AACjB,kEAAyE;AAAhE,wGAAA,cAAc,OAAA;AACvB,0EAAgF;AAAvE,+GAAA,iBAAiB,OAAA;AAC1B,8DAAqE;AAA5D,oGAAA,YAAY,OAAA;AACrB,sEAA4E;AAAnE,2GAAA,eAAe,OAAA;AACxB,8EAAoF;AAA3E,mHAAA,mBAAmB,OAAA;AAC5B,0EAAiF;AAAxE,gHAAA,kBAAkB,OAAA;AAC3B,6DAAoE;AAA3D,wGAAA,cAAc,OAAA;AACvB,qEAA4E;AAAnE,gHAAA,kBAAkB,OAAA;AAY3B,mEAAiE;AAAxD,2GAAA,WAAW,OAAA;AACpB,yCAAuB"}

package/dist/src/nativewind/index.d.ts

@@ -8,7 +8,10 @@ type Mapping<T> = {
 /** Each class prop resolves into the style prop of the same chrome region. */
 export declare const rosterClassNames: Mapping<RosterStyleProps>;
 export declare const scheduleClassNames: Mapping<ScheduleStyleProps>;
-export declare const Roster: import("react").ComponentType<import("../components/roster/roster.types").RosterInput & RosterStyleProps & {
+export declare const Roster: import("react").ComponentType<Omit<import("../components/roster/roster.types").RosterInput, "selectable"> & RosterStyleProps & {
+    intervalDetailComponent?: import("react").ComponentType<import("../components/roster/roster.types").IntervalDetailInput>;
+    selectionLayout?: import("react").ComponentType<import("..").SelectionLayoutProps>;
+    portalHost?: string;
     incompleteLabel?: string;
     neverSetLabel?: string;
     laneLabelComponent?: import("react").ComponentType<import("../components/roster/roster.types").LaneLabelInput>;

package/dist/src/nativewind/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nativewind/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAEhF,KAAK,aAAa,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,WAAW,GAAG,GAAG,MAAM,WAAW,CAAC,CAAC;AACtF,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,MAAM,WAAW,GACrE,GAAG,MAAM,OAAO,GAChB,OAAO,CAAC;AACZ,KAAK,OAAO,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;CAAE,CAAC;AAEhE,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,CAKtD,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAK1D,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;EAA2C,CAAC;AAC/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../src/nativewind/index.ts"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,mCAAmC,CAAC;AAE1E,OAAO,KAAK,EAAE,kBAAkB,EAAE,MAAM,uCAAuC,CAAC;AAEhF,KAAK,aAAa,CAAC,CAAC,IAAI,OAAO,CAAC,MAAM,CAAC,EAAE,GAAG,MAAM,WAAW,GAAG,GAAG,MAAM,WAAW,CAAC,CAAC;AACtF,KAAK,WAAW,CAAC,CAAC,SAAS,MAAM,IAAI,CAAC,SAAS,GAAG,MAAM,MAAM,WAAW,GACrE,GAAG,MAAM,OAAO,GAChB,OAAO,CAAC;AACZ,KAAK,OAAO,CAAC,CAAC,IAAI;KAAG,CAAC,IAAI,aAAa,CAAC,CAAC,CAAC,CAAC,CAAC,GAAG,WAAW,CAAC,CAAC,CAAC;CAAE,CAAC;AAEhE,8EAA8E;AAC9E,eAAO,MAAM,gBAAgB,EAAE,OAAO,CAAC,gBAAgB,CAKtD,CAAC;AACF,eAAO,MAAM,kBAAkB,EAAE,OAAO,CAAC,kBAAkB,CAK1D,CAAC;AAIF,eAAO,MAAM,MAAM;;;;;;;;;;;;;;;;;;;;;EAA2C,CAAC;AAC/D,eAAO,MAAM,QAAQ;;;;;;;;;;;;;;;;;;;;;;;;;;;EAA+C,CAAC"}

package/llms.txt

@@ -144,11 +144,28 @@ show the incompleteLabel; do not describe incomplete empty time as definitive.
 
 | Import | Runtime exports and purpose |
 | --- | --- |
-| react-native-roster | Roster, Schedule, useRoster, useSchedule, default slot components, and core re-exports. |
-| react-native-roster/core | layoutLane, coverageFor, flagFor, windowFor, prev, next, today, dayColumnsFor, timeAtX, timeAtY, snapToStep, byLabel, byCoverage, and core counters/caches. |
+| react-native-roster | Roster, Schedule, hooks, default slot components, RosterSelectionPopover, PortalHost, Portal, and core re-exports. |
+| react-native-roster/core | layoutLane, coverageFor, flagFor, extentOf, intersectionOf, unionOf, windowFor, prev, next, today, dayColumnsFor, timeAtX, timeAtY, snapToStep, byLabel, byCoverage, and core counters/caches. |
 | react-native-roster/rrule | expandRuleSet, envelopeFor, expandStats, resetExpandStats, clearExpandCache; RuleSet, RosterRule, RosterDate, ExpandOptions, ExpandResult, and ExpandStats types. |
 | react-native-roster/nativewind | Side-effect registration of Roster and Schedule with NativeWind's cssInterop, plus the registered Roster and Schedule and the rosterClassNames/scheduleClassNames mappings. Imports the optional nativewind peer. |
 
+## Interval helpers
+
+extentOf(segments: readonly Window[]): Window | null returns earliest start through
+latest end, bridging disjoint segments. intersectionOf(spans: readonly Window[]):
+Window | null returns latest start through earliest end. Both use end-exclusive
+epoch milliseconds and return null for empty input.
+Inputs may be unsorted, overlapping, nested, or duplicated; inputs are not mutated.
+An empty intersection, including touching bounds, returns null. Every input is
+validated; non-finite bounds or end <= start throw RangeError. Window is the bare
+{ start, end } type; Span remains the axis choice type.
+
+unionOf(spans: readonly Window[]): Window[] merges overlapping or touching
+end-exclusive windows, sorts them by start, and keeps disjoint windows separate.
+Empty input returns []; every returned window is a new object. The input array
+and its windows remain untouched. Every span is validated with the same
+RangeError rules as extentOf and intersectionOf.
+
 No default exports. Root exports renderer inputs/models/slot input types as well as
 core types. Core imports standard JS and Intl only. Only /rrule imports
 rrule-temporal 1.6.0 and @js-temporal/polyfill 0.5.1. Those are installed runtime
@@ -186,7 +203,7 @@ outside React state.
 
 useRoster returns window, projection, orderedLanes, coverage, laneState,
 geometryFor(lane), scroll, press(lane,x,y), ticks, contentWidth, viewport,
-onLayout, navigate, and status ('empty' or 'ready'). There is no visibleRange
+onLayout, navigate, selection, dismissSelection, and status ('empty' or 'ready'). There is no visibleRange
 field in the shipped public model. Custom layouts must wire onLayout. Custom
 bodies compute geometry only for mounted lanes, preserving virtualization.
 A zero-duration window has contentWidth=0 and renders no Roster body. Positive
@@ -233,6 +250,71 @@ Keep its viewport gate and measured estimatedListSize in custom compositions.
 | `laneLabelColumnComponent` | `labels: LaneLabelInput[]`, `projection`, `scroll`, `laneLabelComponent` | `RosterLaneLabelColumn`: frozen labels following vertical offset. |
 | `bodyComponent` | Ordered `lanes`, `window`, `geometryFor`, `projection`, `scroll`, `press`, `ticks`, `viewport`, `contentWidth`, highlight/hover, incomplete label, and rect components | `RosterBody`: virtualized lanes. |
 
+## Selection
+
+Roster only; Schedule does not yet support selection and will gain it in a later change.
+intervalDetailComponent?: ComponentType<IntervalDetailInput> enables selection on interval
+press while preserving onIntervalPress. Absent content retains no selection.
+Pressing the selected interval again dismisses it; pressing another interval
+switches selection. Cell and gap presses dismiss selection while still firing
+`onCellPress` and `onGapPress`. These rules live in the hook and apply on native
+and web; web outside press and Escape still dismiss.
+IntervalDetailInput is IntervalInput plus absolute start and end and viewTimezone.
+useRoster owns selection: {rect,layer,lane,start,end}|null and dismissSelection(). It resolves
+current lane/layer/rect references and clears removed lane or absolute rect bounds.
+Resizing and sorting retain valid selection with current geometry; reconciliation
+uses the private reconcileSelection helper to match source identity sets and choose
+nearest bounds with a total difference of at most 1 ms for projection roundoff.
+selectable?: boolean belongs only to the hook input, RosterInput, and defaults to false.
+It is excluded from RosterProps; hook consumers pass
+selectable: true to retain selection. intervalDetailComponent, selectionLayout, and
+portalHost belong to RosterProps because the chassis mounts content and the layout.
+The chassis passes selectable: Boolean(intervalDetailComponent) to useRoster.
+Custom chassis mount their content and layout using the returned model.
+
+selectionLayout?: ComponentType<SelectionLayoutProps> defaults to the root-exported
+RosterSelectionPopover. It is the explicit naming exception to the Component suffix.
+The chassis mounts the strategy once around the body node, then passes that node
+to RosterLayout.bodyZone. SelectionLayoutProps is exported: anchorZone and contentZone
+are ReactNode; targetBounds is {x,y,width,height}|null in body-content coordinates, including
+the lane offset and interval inset; open is
+boolean; onDismiss is () => void; portalHost is string; scroll is Pick<RosterScroll, 'x' | 'y' | 'headerStyle' | 'labelStyle'>.
+Layouts receive no lane, layer, or rect. Render anchorZone once and arrange contentZone
+above or beside it. The interval-detail fixture demonstrates a runtime inspector toggle.
+
+Native selection-layout.tsx uses the root-exported PortalHost and Portal from
+components/primitives/portal.tsx, a module-level Map store with useSyncExternalStore.
+The default layout owns a host named from the roster's useId; portalHost overrides
+that name. Use distinct names for independent rosters and never mount the same host
+twice. Custom layouts may target an ancestor host they own. Caller context does not
+cross a store portal; provide context above the host or inside the portaled node.
+Native hardware back dismisses details. The detail card flips above
+when that fits, or uses the top edge when neither vertical placement fits. It clamps
+left using measured viewport and content widths. Shared x/y values position the
+overlay in viewport coordinates, never React scroll state. Selection identity
+must not enter the body content key or cause mounted rows to render. The stable press
+ref lives in use-roster-press.ts so React Compiler can retain derived body inputs in useRoster.
+
+Native has no intercepting dismissal overlay; body presses reach the hook, and the detail
+card captures its own presses. Web excludes the body wrapper from Radix outside
+dismissal, leaving body presses to the hook while preserving true outside presses and Escape.
+The hook toggles the selected interval closed, switches to another interval, and dismisses
+on cell or gap presses while preserving their callbacks. The body restores horizontal
+and vertical offsets from shared values on remount when selectionLayout changes.
+A mount effect calls the horizontal ScrollView ref's scrollTo without animation;
+native also retains contentOffset. LegendList restores initialScrollOffset through
+its own web mount effect and native initial offset.
+
+selection-layout.web.tsx uses @radix-ui/react-popover, required by the web root entry
+but an optional peer for native/core-only consumers. Source web bundlers (Vite,
+Storybook, or Metro web) require it even with selection disabled because the web
+layout is in the module graph. Install with Bun. The emitted
+browser remap must travel with the shared selection-layout.types.ts contract, just
+like press-point and interval-hover. Its zero-size, pointer-transparent anchor follows
+the shared translation; Radix's portal follows anchor movement and owns outside press,
+Escape, and collisions. The layout returns focus to the previously focused element
+only after Escape.
+
 ## Schedule zones
 
 | Slot | Component inputs or node | Default and behavior |

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-native-roster",
-  "version": "0.1.0",
+  "version": "0.3.0",
   "description": "Layered intervals with provenance across lanes and a shared time axis for React Native.",
   "keywords": [
     "react-native",
@@ -31,7 +31,8 @@
   "types": "./dist/src/index.d.ts",
   "browser": {
     "./dist/src/components/primitives/press-point.js": "./dist/src/components/primitives/press-point.web.js",
-    "./dist/src/components/roster/lanes/interval-hover.js": "./dist/src/components/roster/lanes/interval-hover.web.js"
+    "./dist/src/components/roster/lanes/interval-hover.js": "./dist/src/components/roster/lanes/interval-hover.web.js",
+    "./dist/src/components/roster/selection/selection-layout.js": "./dist/src/components/roster/selection/selection-layout.web.js"
   },
   "exports": {
     ".": {
@@ -101,7 +102,8 @@
     "nativewind": ">=4.1.0",
     "react": ">=18.2.0",
     "react-native": ">=0.74.0",
-    "react-native-reanimated": ">=3.19.0"
+    "react-native-reanimated": ">=3.19.0",
+    "@radix-ui/react-popover": "^1.1.23"
   },
   "peerDependenciesMeta": {
     "expo": {
@@ -112,6 +114,9 @@
     },
     "react-native-reanimated": {
       "optional": true
+    },
+    "@radix-ui/react-popover": {
+      "optional": true
     }
   },
   "dependencies": {
@@ -150,7 +155,8 @@
     "semantic-release": "^25.0.3",
     "semver": "^7.7.0",
     "size-limit": "^13.0.3",
-    "temporal-spec": "1.0.1"
+    "temporal-spec": "1.0.1",
+    "@radix-ui/react-popover": "1.1.23"
   },
   "publishConfig": {
     "access": "public",

package/src/components/primitives/README.md

@@ -1,7 +1,6 @@
 # primitives
 
-Hookless building blocks shared by Roster and Schedule. Nothing here is a
-public export.
+Building blocks shared by the projections, plus the native portal store for Roster selection.
 
 - `press-point.tsx`, `press-point.web.tsx`, `press-point.types.ts`: pointer
   coordinates relative to the pressed surface; the web file is selected by the
@@ -10,3 +9,15 @@ public export.
   default paint when the override carries a NativeWind class entry
 
 Tests: `test/components/primitives`.
+
+- `portal.tsx`: root-exported `PortalHost({name})` and
+  `Portal({hostName,name,children})`; a module-level Map of hosts to portal nodes,
+  subscribed through useSyncExternalStore, registered and removed through lifecycle effects
+
+Mount one host per destination name. The default Roster selection layout owns its
+per-instance host; custom layouts can target an ancestor host they own. Caller
+context does not cross the store; provide it above the host or inside the node.
+Schedule does not yet support selection.
+
+As a primitive, `Portal` takes `children` rather than a named zone; named zones belong
+to the machine and feature tiers.

package/src/components/primitives/portal.tsx

@@ -0,0 +1,48 @@
+import { Fragment, type ReactNode, useEffect, useSyncExternalStore } from 'react';
+
+const hosts = new Map<string, Map<string, ReactNode>>();
+const listeners = new Set<() => void>();
+const empty = new Map<string, ReactNode>();
+
+function subscribe(listener: () => void) {
+  listeners.add(listener);
+  return () => listeners.delete(listener);
+}
+function publish(hostName: string, nodes: Map<string, ReactNode>) {
+  if (nodes.size) hosts.set(hostName, nodes);
+  else hosts.delete(hostName);
+  for (const listener of listeners) listener();
+}
+
+/** Mount once at the destination for a named native portal. */
+export function PortalHost({ name }: { name: string }) {
+  const nodes = useSyncExternalStore(
+    subscribe,
+    () => hosts.get(name) ?? empty,
+    () => empty,
+  );
+  return Array.from(nodes, ([key, node]) => <Fragment key={key}>{node}</Fragment>);
+}
+
+/** Register content at a named native host; caller context does not cross the store. */
+export function Portal({
+  hostName,
+  name,
+  children,
+}: {
+  hostName: string;
+  name: string;
+  children: ReactNode;
+}) {
+  useEffect(() => {
+    const nodes = new Map(hosts.get(hostName));
+    nodes.set(name, children);
+    publish(hostName, nodes);
+    return () => {
+      const nodes = new Map(hosts.get(hostName));
+      nodes.delete(name);
+      publish(hostName, nodes);
+    };
+  }, [hostName, name, children]);
+  return null;
+}

package/src/components/roster/README.md

@@ -6,7 +6,8 @@ This feature is about a roster; its children are lanes.
   `XxxInput` slot input type from `roster.types.ts`
 
 - `index.tsx`: the chassis; calls `useRoster`, branches on `status`, composes zones
-- `use-roster.ts`: the hook; owns window, projection, scroll, geometry, and press
+- `use-roster.ts`: the hook; owns window, projection, scroll, geometry, and selection
+- `use-roster-press.ts`: isolates the stable press ref so React Compiler can retain derived body inputs
 - `layout.tsx`: arranges corner, header, label column, and body regions only
 - `roster.types.ts`: props, model, and every slot input type
 - `body-layout.tsx`: arranges grid and list nodes with horizontal scroll wiring
@@ -19,7 +20,7 @@ Interval and gap components live in `../layers`; press geometry and `regionStyle
 in `../primitives`. Zone contracts are documented in the README's Roster zones
 section and in `llms.txt`. Tests: `test/components/roster`.
 
-This feature is about a roster body; its children are lanes. `RosterBody` gates
+`RosterBody` gates
 measurement and composes the body layout and lane list. The `onRowRender` prop on
 `RosterBody` and `RosterLaneList` is a development-only Profiler hook used by the
 gallery, not a supported customization point. Production Profiler callbacks are disabled.
@@ -27,3 +28,48 @@ gallery, not a supported customization point. Production Profiler callbacks are
 Input-bearing slots accept component types and mount in the data-owning parts.
 The chassis binds defaults once; emptyZone and cornerZone accept nodes. The body
 content key tracks interval and gap component identity, including class components.
+
+`selection/` holds the runtime-swappable presentation strategies (native popover, web popover) for one `SelectionLayoutProps` contract.
+
+- `selection/selection-layout.types.ts`: exported `SelectionLayoutProps`, with body
+  and detail nodes, targetBounds, open, dismissal, host name, and shared scroll
+  limited to x, y, headerStyle, and labelStyle
+- `selection/selection-layout.tsx`: exported native `RosterSelectionPopover`, local
+  portal host, body press passthrough, hardware back, measured viewport clamping, and shared scroll positioning
+- `selection/selection-layout.web.tsx`: Radix presentation with a browser remap
+
+`intervalDetailComponent` receives `IntervalDetailInput`, the interval input plus absolute
+`start`, `end`, and `viewTimezone`; presses still invoke onIntervalPress.
+`selectable?: boolean` belongs only to the hook input, `RosterInput`, and defaults to false.
+It is excluded from `RosterProps`.
+`intervalDetailComponent`, `selectionLayout`, and `portalHost` belong to `RosterProps`
+because the chassis mounts the content and layout. The chassis passes
+`selectable: Boolean(intervalDetailComponent)` to `useRoster`.
+`selectionLayout` defaults once in the chassis and wraps the body
+before RosterLayout receives bodyZone. The selection never enters the body content
+key. Missing lane/layer/bounds clear selection; valid selections use current data.
+Pressing the selected interval again dismisses it; pressing another interval
+switches selection. Cell and gap presses dismiss selection while still firing
+`onCellPress` and `onGapPress`. These rules live in the hook and apply on native
+and web; web outside press and Escape still dismiss.
+On web, the layout captures document.activeElement before opening autofocus and
+recaptures the focused lane when targetBounds changes while open. It uses onCloseAutoFocus to return focus after Escape only, leaving outside pointer focus intact. The browser's focus-visible ring styling is left to the host page.
+`portalHost` defaults to a per-roster useId name. The interval-detail fixture switches
+to an inspector column with the same node contract. Schedule does not yet support selection.
+
+The private reconcileSelection helper resolves the stored absolute bounds against the
+current lanes and window each render, matching source identity sets and choosing the
+nearest bounds with a total difference of at most 1 ms for projection roundoff. Target bounds
+include the lane offset and interval inset. Native details clamp horizontally and use the
+top edge when neither below nor above fits. The browser gate isolates selection updates from Pressable state,
+and separately exercises complete pointer presses and outside dismissal.
+
+Native has no intercepting dismissal overlay; body presses reach the hook, and the detail
+card captures its own presses. Web excludes the body wrapper from Radix outside
+dismissal, leaving body presses to the hook while preserving true outside presses and Escape.
+The hook toggles the selected interval closed, switches to another interval, and dismisses
+on cell or gap presses while preserving their callbacks. The body restores horizontal
+and vertical offsets from shared values on remount when selectionLayout changes.
+A mount effect calls the horizontal ScrollView ref's scrollTo without animation;
+native also retains contentOffset. LegendList restores initialScrollOffset through
+its own web mount effect and native initial offset.

package/src/components/roster/body-layout.tsx

@@ -1,4 +1,4 @@
-import type { ReactNode } from 'react';
+import { type ReactNode, useEffect, useState } from 'react';
 import { ScrollView, View } from 'react-native';
 import type { BodyInput } from './roster.types';
 
@@ -14,10 +14,16 @@ export function RosterBodyLayout({
   /** Virtualized lane collection within the measured viewport. */
   listZone: ReactNode;
 }) {
+  const [contentOffset] = useState(() => ({ x: scroll.x.get(), y: 0 }));
+  const bodyRef = scroll.bodyRef;
+  useEffect(() => {
+    bodyRef.current?.scrollTo({ x: contentOffset.x, animated: false });
+  }, [bodyRef, contentOffset]);
   return (
     <ScrollView
       testID="roster-horizontal-scroll"
       ref={scroll.bodyRef}
+      contentOffset={contentOffset}
       horizontal
       onScroll={scroll.onBodyScroll}
       scrollEventThrottle={16}

package/src/components/roster/index.tsx

@@ -1,3 +1,5 @@
+import { type ReactNode, useId } from 'react';
+import { hasSource } from '../../core';
 import { RosterGap } from '../layers/parts/gap';
 import { RosterInterval } from '../layers/parts/interval';
 import { RosterLaneLabel } from './lanes/parts/lane-label';
@@ -10,6 +12,8 @@ import { RosterHeader } from './parts/header';
 import { RosterHeaderCell } from './parts/header-cell';
 import { RosterLaneLabelColumn } from './parts/lane-label-column';
 import type { RosterProps } from './roster.types';
+import { RosterSelectionPopover } from './selection/selection-layout';
+import type { SelectionLayoutProps } from './selection/selection-layout.types';
 import { useRoster } from './use-roster';
 
 const defaultEmptyZone = <RosterEmpty />;
@@ -17,6 +21,8 @@ const defaultCornerZone = <RosterCorner />;
 
 export function Roster(props: RosterProps) {
   const {
+    selection,
+    dismissSelection,
     status,
     orderedLanes,
     laneState,
@@ -29,8 +35,10 @@ export function Roster(props: RosterProps) {
     contentWidth,
     viewport,
     onLayout,
-  } = useRoster(props);
+  } = useRoster({ ...props, selectable: Boolean(props.intervalDetailComponent) });
   const {
+    intervalDetailComponent: IntervalDetailComponent,
+    selectionLayout: SelectionLayout = RosterSelectionPopover,
     emptyZone = defaultEmptyZone,
     cornerZone = defaultCornerZone,
     headerComponent: HeaderComponent = RosterHeader,
@@ -44,8 +52,30 @@ export function Roster(props: RosterProps) {
     incompleteLabel = 'Availability may be incomplete',
     neverSetLabel = 'No availability set',
   } = props;
+  const hostId = useId();
   if (status === 'empty') return emptyZone;
   if (window.start === window.end) return null;
+  let targetBounds: SelectionLayoutProps['targetBounds'] = null;
+  if (selection) {
+    targetBounds = {
+      x: selection.rect.x,
+      y:
+        orderedLanes.findIndex((lane) => lane.id === selection.lane.id) * projection.rowHeight +
+        selection.rect.y,
+      width: selection.rect.width,
+      height: selection.rect.height,
+    };
+  }
+  let contentZone: ReactNode = null;
+  if (selection && IntervalDetailComponent) {
+    contentZone = (
+      <IntervalDetailComponent
+        {...selection}
+        viewTimezone={projection.viewTimezone}
+        highlighted={hasSource(selection.rect.sources, props.highlightSource)}
+      />
+    );
+  }
   return (
     <RosterLayout
       style={props.style}
@@ -85,22 +115,37 @@ export function Roster(props: RosterProps) {
         />
       }
       bodyZone={
-        <BodyComponent
-          lanes={orderedLanes}
-          window={window}
-          geometryFor={geometryFor}
-          projection={projection}
-          scroll={scroll}
-          press={press}
-          ticks={ticks}
-          contentWidth={contentWidth}
-          viewport={viewport}
-          intervalComponent={intervalComponent}
-          gapComponent={gapComponent}
-          gridComponent={gridComponent}
-          highlightSource={props.highlightSource}
-          onIntervalHover={props.onIntervalHover}
-          incompleteLabel={incompleteLabel}
+        <SelectionLayout
+          portalHost={props.portalHost ?? `roster-${hostId}`}
+          open={selection !== null}
+          onDismiss={dismissSelection}
+          scroll={{
+            x: scroll.x,
+            y: scroll.y,
+            headerStyle: scroll.headerStyle,
+            labelStyle: scroll.labelStyle,
+          }}
+          targetBounds={targetBounds}
+          contentZone={contentZone}
+          anchorZone={
+            <BodyComponent
+              lanes={orderedLanes}
+              window={window}
+              geometryFor={geometryFor}
+              projection={projection}
+              scroll={scroll}
+              press={press}
+              ticks={ticks}
+              contentWidth={contentWidth}
+              viewport={viewport}
+              intervalComponent={intervalComponent}
+              gapComponent={gapComponent}
+              gridComponent={gridComponent}
+              highlightSource={props.highlightSource}
+              onIntervalHover={props.onIntervalHover}
+              incompleteLabel={incompleteLabel}
+            />
+          }
         />
       }
     />