react-native-roster 0.0.1 → 0.1.0

package/README.md

@@ -34,7 +34,7 @@ hundred people without lying about time zones, this is the one.
   z-order; coverage math unions availability, subtracts bookings, and sorts.
 - **Recurrence adapter.** Weekly, daily, and monthly rules with exclusions,
   caps, and content-keyed caches, kept out of the core.
-- **Zones everywhere.** Every visual region is an optional render function, and
+- **Zones everywhere.** Input-bearing regions accept component types, singletons accept nodes, and
   every chrome region takes `style` plus a NativeWind `className` twin.
 - **Virtualized and measured.** Geometry runs only for mounted lanes; CI gates
   layout, coverage, bundle size, and browser action budgets.
@@ -130,7 +130,7 @@ export function RecurringExample() {
 
 Tuesday is a gap carrying the dated exclusion; the other weekdays carry the
 include rule. Expand once per `windowFor(spec)` in your screen's hook, never
-inside a zone filler; content-keyed caches reuse unchanged occurrences. The
+inside a slot component; content-keyed caches reuse unchanged occurrences. The
 [adapter guide](./docs/adapters.md) covers validation, caps, cache lifetime,
 and mapping tables or feeds without a recurrence dependency;
 [recurrence semantics](./docs/recurrence.md) records the exact anchor, UNTIL,
@@ -167,7 +167,7 @@ and "Availability may be incomplete"; both are localizable props.
 
 | Import | Shipped surface |
 | --- | --- |
-| `react-native-roster` | `Roster`, `Schedule`, `useRoster`, `useSchedule`, zone fillers, and all core exports. |
+| `react-native-roster` | `Roster`, `Schedule`, `useRoster`, `useSchedule`, slot components, and all core exports. |
 | `react-native-roster/core` | Types, `layoutLane`, `coverageFor`, `flagFor`, axis helpers, comparators, and counters. Standard JavaScript and `Intl` only. |
 | `react-native-roster/rrule` | `expandRuleSet`, `envelopeFor`, types, and expansion counters and caches. Uses pinned `rrule-temporal` and `@js-temporal/polyfill`. |
 | `react-native-roster/nativewind` | Registers `Roster` and `Schedule` with NativeWind so their `className` props resolve; re-exports the registered components. |
@@ -203,23 +203,42 @@ to `byLabel`; `byCoverage({ measure })` sorts by coverage descending.
 
 ## Roster zones
 
-Every zone is an optional render function. Compose the exported default filler
-inside a replacement to retain scrolling, geometry, or press behavior.
+Props ending in `Component` accept `ComponentType<Input>` and are mounted by React.
+Props ending in `Zone` accept `ReactNode`. Define components at module scope so
+state survives rerenders; hooks and class components are supported. Compose the
+exported default components inside replacements to retain scrolling, geometry,
+or press behavior. Pass `null` to a node slot to suppress its default.
 
-| Zone | Receives | Default filler and behavior |
+| Slot | Component inputs or node | Default and behavior |
 | --- | --- | --- |
-| `emptyZone` | Nothing | `RosterEmpty`: No lanes. |
-| `cornerZone` | Nothing | `RosterCorner`: nothing; the cell above the labels, `laneLabelWidth` wide. |
-| `laneLabelZone` | `lane`, `flag`, `complete`, `viewTimezone`, localized labels | `RosterLaneLabel`: label, differing IANA zone badge, and notices. |
-| `headerCellZone` | `tick` | `RosterHeaderCell`: tick label. |
-| `intervalZone` | `rect`, `layer`, `lane`, `highlighted` | `RosterInterval`: positioned colored rect, with final inset bounds. |
-| `gapZone` | `rect`, `layer`, `lane` | `RosterGap`: no visible content; the row supplies pressable bounds. |
-| `gridZone` | `ticks`, `contentWidth` | `RosterGrid`: one hairline per tick behind every lane. |
-| `headerZone` | `ticks`, `projection`, `scroll`, `contentWidth`, `headerCellZone` | `RosterHeader`: frozen header following horizontal offset. |
-| `laneLabelColumnZone` | `labels`, `projection`, `scroll`, `laneLabelZone` | `RosterLaneLabelColumn`: frozen labels following vertical offset. |
-| `bodyZone` | Ordered `lanes`, `window`, `geometryFor`, `projection`, `scroll`, `press`, `ticks`, `viewport`, `contentWidth`, highlight and hover, incomplete label, and rect zones | `RosterBody`: virtualized lanes. |
-
-A custom interval filler positions at `rect.x/y`, uses `rect.width/height/z`,
+| `emptyZone` | `ReactNode` | `RosterEmpty`: No lanes. |
+| `cornerZone` | `ReactNode` | `RosterCorner`: nothing; the cell above the labels, `laneLabelWidth` wide. |
+| `laneLabelComponent` | `lane`, `flag`, `complete`, `viewTimezone`, localized labels | `RosterLaneLabel`: label, differing IANA zone badge, and notices. |
+| `headerCellComponent` | `HeaderCellInput` (`tick`) | `RosterHeaderCell`: tick label. |
+| `intervalComponent` | `rect`, `layer`, `lane`, `highlighted` | `RosterInterval`: positioned colored rect, with final inset bounds. |
+| `gapComponent` | `rect`, `layer`, `lane` | `RosterGap`: no visible content; the row supplies pressable bounds. |
+| `gridComponent` | `ticks`, `contentWidth` | `RosterGrid`: one hairline per tick behind every lane. |
+| `headerComponent` | `ticks`, `projection`, `scroll`, `contentWidth`, `headerCellComponent` | `RosterHeader`: frozen header following horizontal offset. |
+| `laneLabelColumnComponent` | `labels`, `projection`, `scroll`, `laneLabelComponent` | `RosterLaneLabelColumn`: frozen labels following vertical offset. |
+| `bodyComponent` | Ordered `lanes`, `window`, `geometryFor`, `projection`, `scroll`, `press`, `ticks`, `viewport`, `contentWidth`, highlight and hover, incomplete label, and rect components | `RosterBody`: virtualized lanes. |
+
+`RosterBody` composes `RosterBodyLayout`, which arranges `gridZone` and `listZone`
+nodes with scroll wiring, and `RosterLaneList`, which owns LegendList and its
+per-lane callback. The body waits for viewport measurement before mounting the list.
+
+```tsx
+import type { LaneLabelInput } from 'react-native-roster';
+import { Text } from 'react-native';
+
+function LaneLabel({ lane }: LaneLabelInput) {
+  return <Text>{lane.label}</Text>;
+}
+
+<Roster lanes={lanes} windowSpec={windowSpec}
+  laneLabelComponent={LaneLabel} cornerZone={<Text>People</Text>} />
+```
+
+A custom interval component positions at `rect.x/y`, uses `rect.width/height/z`,
 and sets `pointerEvents="none"` so the parent hit-test walk owns presses. Gap
 fillers are already inside positioned pressables. `useRoster` exposes ordered
 lanes, coverage, lane state, ticks, `geometryFor`, shared scrolling, `press`,
@@ -230,6 +249,63 @@ holding the corner and ticks), `laneLabelColumnStyle`, and `bodyStyle`.
 `laneLabelWidth` sizes the corner and label column, default 180. Each style
 prop has a `className` twin; see [NativeWind](#nativewind).
 
+### Consumer data in slot components
+
+For consumer data beyond a slot's Input, mount a React context provider above
+`Roster` and read it with `useContext` in a module-scope slot component. This
+example supplies density and locale while keeping the header cell type stable:
+
+```tsx
+import { createContext, useContext } from 'react';
+import { Text } from 'react-native';
+import type { HeaderCellInput, RosterProps } from 'react-native-roster';
+import { Roster } from 'react-native-roster';
+
+type SlotPreferences = {
+  density: 'compact' | 'comfortable';
+  locale: string;
+};
+
+const SlotPreferencesContext = createContext<SlotPreferences>({
+  density: 'comfortable',
+  locale: 'en-US',
+});
+
+function LocalizedHeaderCell({ tick }: HeaderCellInput) {
+  const { density, locale } = useContext(SlotPreferencesContext);
+  const label = new Intl.DateTimeFormat(locale, {
+    timeZone: 'UTC',
+    ...(tick.kind === 'day'
+      ? { month: 'short', day: 'numeric' }
+      : { hour: 'numeric', minute: '2-digit' }),
+  }).format(tick.time);
+
+  return (
+    <Text numberOfLines={1} style={{ padding: density === 'compact' ? 2 : 6 }}>
+      {label}
+    </Text>
+  );
+}
+
+export function ConsumerRoster({ lanes }: Pick<RosterProps, 'lanes'>) {
+  return (
+    <SlotPreferencesContext.Provider value={{ density: 'compact', locale: 'en-GB' }}>
+      <Roster
+        lanes={lanes}
+        windowSpec={{ span: 'week', anchorDate: '2024-01-01', timezone: 'UTC' }}
+        style={{ height: 480, flex: undefined }}
+        headerCellComponent={LocalizedHeaderCell}
+      />
+    </SlotPreferencesContext.Provider>
+  );
+}
+```
+
+An inline closure or a memoized factory that returns a new component per render
+is not the recommended path. A new interval component type remounts every interval
+and defeats the body's content key. Context supplies changing consumer data while
+preserving the module-scope component type.
+
 ## Schedule and its zones
 
 ```tsx
@@ -249,17 +325,17 @@ reserves a 48 px gutter, and fits the day columns without horizontal scrolling.
 `pxPerHour` defaults to 48. Chrome takes `style`, `headerStyle`, `gutterStyle`,
 and `daysStyle`, each with a `className` twin.
 
-| Zone | Receives | Default filler and behavior |
+| Slot | Component inputs or node | Default and behavior |
 | --- | --- | --- |
-| `gutterZone` | `hours`, `pxPerHour` | `ScheduleGutter`: 24 frozen hour labels. |
-| `gridZone` | `hours`, `pxPerHour` | `ScheduleGrid`: 24 bordered hour bands behind each day's rects. |
-| `dayHeaderZone` | `day` | `ScheduleDayHeader`: weekday, localDate, and transition badge. |
-| `skippedDateZone` | `localDate` | `ScheduleSkippedDate`: zero-width header marker for a wholly skipped date. |
-| `columnZone` | `day`, `rects`, `gapRects`, `lane`, `highlightSource`, `press`, interval and gap zones | `ScheduleColumn`: final rect bounds in layer order. |
-| `transitionZone` | `day`, `transition`, `y`, `dividerY`, `height`, `width` | `ScheduleTransition`: skipped-time hatch, or repeat divider and again label. |
-| `nowLineZone` | `y`, `column` | `ScheduleNowLine`: line in the current day's column, updated each minute. |
-| `intervalZone`, `gapZone` | Same inputs as Roster | Shared `RosterInterval` and `RosterGap`. |
-| `incompleteZone` | `lane`, `label` | `ScheduleIncomplete`: notice above the grid when the lane is incomplete. |
+| `gutterComponent` | `hours`, `pxPerHour` | `ScheduleGutter`: 24 frozen hour labels. |
+| `gridComponent` | `hours`, `pxPerHour` | `ScheduleGrid`: 24 bordered hour bands behind each day's rects. |
+| `dayHeaderComponent` | `day` | `ScheduleDayHeader`: weekday, localDate, and transition badge. |
+| `skippedDateComponent` | `localDate` | `ScheduleSkippedDate`: zero-width header marker for a wholly skipped date. |
+| `columnComponent` | `day`, `rects`, `gapRects`, `lane`, `highlightSource`, `press`, interval and gap components | `ScheduleColumn`: final rect bounds in layer order. |
+| `transitionComponent` | `day`, `transition`, `y`, `dividerY`, `height`, `width` | `ScheduleTransition`: skipped-time hatch, or repeat divider and again label. |
+| `nowLineComponent` | `y`, `column` | `ScheduleNowLine`: line in the current day's column, updated each minute. |
+| `intervalComponent`, `gapComponent` | Same inputs as Roster | Shared `RosterInterval` and `RosterGap`. |
+| `incompleteComponent` | `lane`, `label` | `ScheduleIncomplete`: notice above the grid when the lane is incomplete. |
 
 ## NativeWind
 
@@ -297,8 +373,8 @@ import { Roster } from 'react-native-roster';
 />
 ```
 
-Zone fillers are ordinary React Native views, so a custom `laneLabelZone` or
-`intervalZone` uses `className` on `View` and `Text` directly. Without the
+Slot components are ordinary React Native views, so a custom `laneLabelComponent` or
+`intervalComponent` uses `className` on `View` and `Text` directly. Without the
 entry point, class props are ignored and style props still work. The entry
 point is the package's only module with side effects and is listed in
 `sideEffects`. The [showcase route](./demo/app/showcase.tsx) styles every region
@@ -321,7 +397,7 @@ network). The home page lists every fixture route:
 - The showcase at `/showcase`: twelve generated people across seven zones,
   weekly hours and exclusions from the recurrence adapter, booked events, day
   and week spans, sorting, filtering, and a per-person Schedule, styled with
-  NativeWind class props and zone fillers, with a sun and moon theme toggle.
+  NativeWind class props and slot components, with a sun and moon theme toggle.
   Names, titles, and the organization come from `@faker-js/faker` with a fixed
   seed; any resemblance to real people is coincidental.
 
@@ -362,6 +438,7 @@ bun run check
 the library build, the static web export, tests with coverage, knip, strict
 publint, size-limit, and Playwright.
 
+- [Migrations](https://github.com/simiancraft/react-native-roster/blob/main/docs/migrations.md) lists prop renames by version with before-and-after examples.
 - [Adapter guide](./docs/adapters.md), [recurrence semantics](./docs/recurrence.md),
   [timezones](./docs/timezones.md), [caches](./docs/caches.md), and the
   [performance guide](./docs/performance.md).

package/dist/src/components/roster/body-layout.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { BodyInput } from './roster.types';
+export declare function RosterBodyLayout({ scroll, contentWidth, viewport, gridZone, listZone, }: Pick<BodyInput, 'scroll' | 'contentWidth' | 'viewport'> & {
+    /** Noninteractive grid behind the lane list. */
+    gridZone: ReactNode;
+    /** Virtualized lane collection within the measured viewport. */
+    listZone: ReactNode;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=body-layout.d.ts.map

package/dist/src/components/roster/body-layout.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-layout.d.ts","sourceRoot":"","sources":["../../../../src/components/roster/body-layout.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,OAAO,CAAC;AAEvC,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,gBAAgB,CAAC;AAEhD,wBAAgB,gBAAgB,CAAC,EAC/B,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,GACT,EAAE,IAAI,CAAC,SAAS,EAAE,QAAQ,GAAG,cAAc,GAAG,UAAU,CAAC,GAAG;IAC3D,gDAAgD;IAChD,QAAQ,EAAE,SAAS,CAAC;IACpB,gEAAgE;IAChE,QAAQ,EAAE,SAAS,CAAC;CACrB,2CAgBA"}

package/dist/src/components/roster/body-layout.js

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RosterBodyLayout = RosterBodyLayout;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const react_native_1 = require("react-native");
+function RosterBodyLayout({ scroll, contentWidth, viewport, gridZone, listZone, }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { testID: "roster-horizontal-scroll", ref: scroll.bodyRef, horizontal: true, onScroll: scroll.onBodyScroll, scrollEventThrottle: 16, style: { flex: 1 }, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { width: contentWidth, height: viewport.height }, children: [gridZone, listZone] }) }));
+}
+//# sourceMappingURL=body-layout.js.map

package/dist/src/components/roster/body-layout.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"body-layout.js","sourceRoot":"","sources":["../../../../src/components/roster/body-layout.tsx"],"names":[],"mappings":";;;;AACA,+CAAgD;AAGhD,0BAAiC,EAC/B,MAAM,EACN,YAAY,EACZ,QAAQ,EACR,QAAQ,EACR,QAAQ,GAMT;IACC,OAAO,CACL,uBAAC,yBAAU,IACT,MAAM,EAAC,0BAA0B,EACjC,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,UAAU,QACV,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAElB,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,aAC1D,QAAQ,EACR,QAAQ,IACJ,GACI,CACd,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/index.d.ts

@@ -1,3 +1,3 @@
 import type { RosterProps } from './roster.types';
-export declare function Roster(props: RosterProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null | undefined;
+export declare function Roster(props: RosterProps): string | number | bigint | boolean | import("react/jsx-runtime").JSX.Element | Iterable<import("react").ReactNode> | Promise<string | number | bigint | boolean | Iterable<import("react").ReactNode> | import("react").ReactElement<unknown, string | import("react").JSXElementConstructor<any>> | import("react").ReactPortal | null | undefined> | null;
 //# sourceMappingURL=index.d.ts.map

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

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/roster/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAGlD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,2WA2ExC"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../src/components/roster/index.tsx"],"names":[],"mappings":"AAWA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,gBAAgB,CAAC;AAMlD,wBAAgB,MAAM,CAAC,KAAK,EAAE,WAAW,+VA0FxC"}

package/dist/src/components/roster/index.js

@@ -14,16 +14,20 @@ const header_1 = require("./parts/header");
 const header_cell_1 = require("./parts/header-cell");
 const lane_label_column_1 = require("./parts/lane-label-column");
 const use_roster_1 = require("./use-roster");
+const defaultEmptyZone = (0, jsx_runtime_1.jsx)(empty_1.RosterEmpty, {});
+const defaultCornerZone = (0, jsx_runtime_1.jsx)(corner_1.RosterCorner, {});
 function Roster(props) {
     const { status, orderedLanes, laneState, window, geometryFor, projection, scroll, press, ticks, contentWidth, viewport, onLayout, } = (0, use_roster_1.useRoster)(props);
-    const { emptyZone = empty_1.RosterEmpty, cornerZone = corner_1.RosterCorner, headerZone = header_1.RosterHeader, laneLabelColumnZone = lane_label_column_1.RosterLaneLabelColumn, bodyZone = body_1.RosterBody, headerCellZone = header_cell_1.RosterHeaderCell, laneLabelZone = lane_label_1.RosterLaneLabel, intervalZone = interval_1.RosterInterval, gapZone = gap_1.RosterGap, gridZone = grid_1.RosterGrid, incompleteLabel = 'Availability may be incomplete', neverSetLabel = 'No availability set', } = props;
+    const { emptyZone = defaultEmptyZone, cornerZone = defaultCornerZone, headerComponent: HeaderComponent = header_1.RosterHeader, laneLabelColumnComponent: LaneLabelColumnComponent = lane_label_column_1.RosterLaneLabelColumn, bodyComponent: BodyComponent = body_1.RosterBody, headerCellComponent = header_cell_1.RosterHeaderCell, laneLabelComponent = lane_label_1.RosterLaneLabel, intervalComponent = interval_1.RosterInterval, gapComponent = gap_1.RosterGap, gridComponent = grid_1.RosterGrid, incompleteLabel = 'Availability may be incomplete', neverSetLabel = 'No availability set', } = props;
     if (status === 'empty')
-        return emptyZone();
+        return emptyZone;
     if (window.start === window.end)
         return null;
-    return ((0, jsx_runtime_1.jsx)(layout_1.RosterLayout, { style: props.style, headerStyle: props.headerStyle, laneLabelColumnStyle: props.laneLabelColumnStyle, bodyStyle: props.bodyStyle, laneLabelWidth: props.laneLabelWidth, onLayout: onLayout, cornerZone: cornerZone(), headerZone: headerZone({ ticks, projection, scroll, contentWidth, headerCellZone }), laneLabelColumnZone: laneLabelColumnZone({
-            labels: orderedLanes.map((lane) => {
-                const state = laneState.get(lane.id) ?? { flag: 'none', complete: true };
+    return ((0, jsx_runtime_1.jsx)(layout_1.RosterLayout, { style: props.style, headerStyle: props.headerStyle, laneLabelColumnStyle: props.laneLabelColumnStyle, bodyStyle: props.bodyStyle, laneLabelWidth: props.laneLabelWidth, onLayout: onLayout, cornerZone: cornerZone, headerZone: (0, jsx_runtime_1.jsx)(HeaderComponent, { ticks: ticks, projection: projection, scroll: scroll, contentWidth: contentWidth, headerCellComponent: headerCellComponent }), laneLabelColumnZone: (0, jsx_runtime_1.jsx)(LaneLabelColumnComponent, { labels: orderedLanes.map((lane) => {
+                const state = laneState.get(lane.id) ?? {
+                    flag: 'none',
+                    complete: true,
+                };
                 return {
                     lane,
                     ...state,
@@ -31,26 +35,6 @@ function Roster(props) {
                     incompleteLabel,
                     neverSetLabel,
                 };
-            }),
-            projection,
-            scroll,
-            laneLabelZone,
-        }), bodyZone: bodyZone({
-            lanes: orderedLanes,
-            window,
-            geometryFor,
-            projection,
-            scroll,
-            press,
-            ticks,
-            contentWidth,
-            viewport,
-            intervalZone,
-            gapZone,
-            gridZone,
-            highlightSource: props.highlightSource,
-            onIntervalHover: props.onIntervalHover,
-            incompleteLabel,
-        }) }));
+            }), projection: projection, scroll: scroll, laneLabelComponent: laneLabelComponent }), bodyZone: (0, jsx_runtime_1.jsx)(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 }) }));
 }
 //# sourceMappingURL=index.js.map

package/dist/src/components/roster/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/roster/index.tsx"],"names":[],"mappings":";;;;AAAA,6CAAgD;AAChD,uDAA0D;AAC1D,yDAA2D;AAC3D,qCAAwC;AACxC,uCAA0C;AAC1C,2CAA8C;AAC9C,yCAA4C;AAC5C,uCAA0C;AAC1C,2CAA8C;AAC9C,qDAAuD;AACvD,iEAAkE;AAElE,6CAAyC;AAEzC,gBAAuB,KAAkB;IACvC,MAAM,EACJ,MAAM,EACN,YAAY,EACZ,SAAS,EACT,MAAM,EACN,WAAW,EACX,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,QAAQ,GACT,GAAG,IAAA,sBAAS,EAAC,KAAK,CAAC,CAAC;IACrB,MAAM,EACJ,SAAS,GAAG,mBAAW,EACvB,UAAU,GAAG,qBAAY,EACzB,UAAU,GAAG,qBAAY,EACzB,mBAAmB,GAAG,yCAAqB,EAC3C,QAAQ,GAAG,iBAAU,EACrB,cAAc,GAAG,8BAAgB,EACjC,aAAa,GAAG,4BAAe,EAC/B,YAAY,GAAG,yBAAc,EAC7B,OAAO,GAAG,eAAS,EACnB,QAAQ,GAAG,iBAAU,EACrB,eAAe,GAAG,gCAAgC,EAClD,aAAa,GAAG,qBAAqB,GACtC,GAAG,KAAK,CAAC;IACV,IAAI,MAAM,KAAK,OAAO;QAAE,OAAO,SAAS,EAAE,CAAC;IAC3C,IAAI,MAAM,CAAC,KAAK,KAAK,MAAM,CAAC,GAAG;QAAE,OAAO,IAAI,CAAC;IAC7C,OAAO,CACL,uBAAC,qBAAY,IACX,KAAK,EAAE,KAAK,CAAC,KAAK,EAClB,WAAW,EAAE,KAAK,CAAC,WAAW,EAC9B,oBAAoB,EAAE,KAAK,CAAC,oBAAoB,EAChD,SAAS,EAAE,KAAK,CAAC,SAAS,EAC1B,cAAc,EAAE,KAAK,CAAC,cAAc,EACpC,QAAQ,EAAE,QAAQ,EAClB,UAAU,EAAE,UAAU,EAAE,EACxB,UAAU,EAAE,UAAU,CAAC,EAAE,KAAK,EAAE,UAAU,EAAE,MAAM,EAAE,YAAY,EAAE,cAAc,EAAE,CAAC,EACnF,mBAAmB,EAAE,mBAAmB,CAAC;YACvC,MAAM,EAAE,YAAY,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE;gBAChC,MAAM,KAAK,GAAG,SAAS,CAAC,GAAG,CAAC,IAAI,CAAC,EAAE,CAAC,IAAI,EAAE,IAAI,EAAE,MAAM,EAAE,QAAQ,EAAE,IAAI,EAAE,CAAC;gBACzE,OAAO;oBACL,IAAI;oBACJ,GAAG,KAAK;oBACR,YAAY,EAAE,UAAU,CAAC,YAAY;oBACrC,eAAe;oBACf,aAAa;iBACd,CAAC;YACJ,CAAC,CAAC;YACF,UAAU;YACV,MAAM;YACN,aAAa;SACd,CAAC,EACF,QAAQ,EAAE,QAAQ,CAAC;YACjB,KAAK,EAAE,YAAY;YACnB,MAAM;YACN,WAAW;YACX,UAAU;YACV,MAAM;YACN,KAAK;YACL,KAAK;YACL,YAAY;YACZ,QAAQ;YACR,YAAY;YACZ,OAAO;YACP,QAAQ;YACR,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,eAAe,EAAE,KAAK,CAAC,eAAe;YACtC,eAAe;SAChB,CAAC,GACF,CACH,CAAC;AACJ,CAAC"}
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/roster/index.tsx"],"names":[],"mappings":"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"}

package/dist/src/components/roster/lanes/lane.d.ts

@@ -1,10 +1,10 @@
 import type { Lane, LaneGeometry } from '../../../core';
 import type { BodyInput } from '../roster.types';
-export type LaneRowProps = Pick<BodyInput, 'press' | 'intervalZone' | 'gapZone' | 'highlightSource' | 'onIntervalHover' | 'incompleteLabel'> & {
+export type LaneRowProps = Pick<BodyInput, 'press' | 'intervalComponent' | 'gapComponent' | 'highlightSource' | 'onIntervalHover' | 'incompleteLabel'> & {
     lane: Lane;
     geometry: LaneGeometry;
     width: number;
     rowHeight: number;
 };
-export declare function LaneRow({ lane, geometry, width, rowHeight, press, intervalZone, gapZone, highlightSource, onIntervalHover, incompleteLabel, }: LaneRowProps): import("react/jsx-runtime").JSX.Element;
+export declare function LaneRow({ lane, geometry, width, rowHeight, press, intervalComponent: IntervalComponent, gapComponent: GapComponent, highlightSource, onIntervalHover, incompleteLabel, }: LaneRowProps): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=lane.d.ts.map

package/dist/src/components/roster/lanes/lane.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lane.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/lanes/lane.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,EACT,OAAO,GAAG,cAAc,GAAG,SAAS,GAAG,iBAAiB,GAAG,iBAAiB,GAAG,iBAAiB,CACjG,GAAG;IACF,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,YAAY,EACZ,OAAO,EACP,eAAe,EACf,eAAe,EACf,eAAkD,GACnD,EAAE,YAAY,2CA0Dd"}
+{"version":3,"file":"lane.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/lanes/lane.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,IAAI,EAAE,YAAY,EAAE,MAAM,eAAe,CAAC;AAExD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAIjD,MAAM,MAAM,YAAY,GAAG,IAAI,CAC7B,SAAS,EACP,OAAO,GACP,mBAAmB,GACnB,cAAc,GACd,iBAAiB,GACjB,iBAAiB,GACjB,iBAAiB,CACpB,GAAG;IACF,IAAI,EAAE,IAAI,CAAC;IACX,QAAQ,EAAE,YAAY,CAAC;IACvB,KAAK,EAAE,MAAM,CAAC;IACd,SAAS,EAAE,MAAM,CAAC;CACnB,CAAC;AAEF,wBAAgB,OAAO,CAAC,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,YAAY,EAC1B,eAAe,EACf,eAAe,EACf,eAAkD,GACnD,EAAE,YAAY,2CA0Dd"}

package/dist/src/components/roster/lanes/lane.js

@@ -7,19 +7,14 @@ const react_native_1 = require("react-native");
 const press_point_1 = require("../../primitives/press-point");
 const interval_hover_1 = require("./interval-hover");
 const incomplete_1 = require("./parts/incomplete");
-function LaneRow({ lane, geometry, width, rowHeight, press, intervalZone, gapZone, highlightSource, onIntervalHover, incompleteLabel = 'Availability may be incomplete', }) {
+function LaneRow({ lane, geometry, width, rowHeight, press, intervalComponent: IntervalComponent, gapComponent: GapComponent, highlightSource, onIntervalHover, incompleteLabel = 'Availability may be incomplete', }) {
     const layers = [...lane.layers].sort((a, b) => a.z - b.z);
     return ((0, jsx_runtime_1.jsxs)(react_native_1.Pressable, { ...(0, interval_hover_1.intervalHoverProps)({ lane, geometry, onIntervalHover }), testID: `roster-lane-${lane.id}`, accessibilityLabel: lane.label, onPress: (input) => {
             const point = (0, press_point_1.pressPoint)(input);
             press(lane, point.x, point.y);
         }, style: { width, height: rowHeight }, children: [(0, jsx_runtime_1.jsx)(incomplete_1.RosterIncomplete, { lane: lane, geometry: geometry, width: width, label: incompleteLabel }), layers.map((layer) => ((0, jsx_runtime_1.jsxs)(react_1.Fragment, { children: [geometry.rects
                         .filter((rect) => rect.layerId === layer.id)
-                        .map((rect) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: intervalZone({
-                            rect,
-                            layer,
-                            lane,
-                            highlighted: rect.sources.some((source) => source.kind === highlightSource?.kind && source.id === highlightSource.id),
-                        }) }, `interval-${rect.x}:${rect.width}`))), geometry.gapRects
+                        .map((rect) => ((0, jsx_runtime_1.jsx)(react_1.Fragment, { children: (0, jsx_runtime_1.jsx)(IntervalComponent, { rect: rect, layer: layer, lane: lane, highlighted: rect.sources.some((source) => source.kind === highlightSource?.kind && source.id === highlightSource.id) }) }, `interval-${rect.x}:${rect.width}`))), geometry.gapRects
                         .filter((rect) => rect.layerId === layer.id)
                         .map((rect) => ((0, jsx_runtime_1.jsx)(react_native_1.Pressable, { accessibilityLabel: `${lane.label}: removed time`, onPress: (input) => {
                             input.stopPropagation();
@@ -32,6 +27,6 @@ function LaneRow({ lane, geometry, width, rowHeight, press, intervalZone, gapZon
                             width: rect.width,
                             height: rect.height,
                             zIndex: rect.z,
-                        }, children: gapZone({ rect, layer, lane }) }, `gap-${rect.x}:${rect.width}`)))] }, layer.id)))] }));
+                        }, children: (0, jsx_runtime_1.jsx)(GapComponent, { rect: rect, layer: layer, lane: lane }) }, `gap-${rect.x}:${rect.width}`)))] }, layer.id)))] }));
 }
 //# sourceMappingURL=lane.js.map

package/dist/src/components/roster/lanes/lane.js.map

@@ -1 +1 @@
-{"version":3,"file":"lane.js","sourceRoot":"","sources":["../../../../../src/components/roster/lanes/lane.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"lane.js","sourceRoot":"","sources":["../../../../../src/components/roster/lanes/lane.tsx"],"names":[],"mappings":";;;;AAAA,iCAAiC;AACjC,+CAAyC;AAEzC,8DAA0D;AAE1D,qDAAsD;AACtD,mDAAsD;AAiBtD,iBAAwB,EACtB,IAAI,EACJ,QAAQ,EACR,KAAK,EACL,SAAS,EACT,KAAK,EACL,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,YAAY,EAC1B,eAAe,EACf,eAAe,EACf,eAAe,GAAG,gCAAgC,GACrC;IACb,MAAM,MAAM,GAAG,CAAC,GAAG,IAAI,CAAC,MAAM,CAAC,CAAC,IAAI,CAAC,CAAC,CAAC,EAAE,CAAC,EAAE,EAAE,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAC1D,OAAO,CACL,wBAAC,wBAAS,OACJ,IAAA,mCAAkB,EAAC,EAAE,IAAI,EAAE,QAAQ,EAAE,eAAe,EAAE,CAAC,EAC3D,MAAM,EAAE,eAAe,IAAI,CAAC,EAAE,EAAE,EAChC,kBAAkB,EAAE,IAAI,CAAC,KAAK,EAC9B,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;YACjB,MAAM,KAAK,GAAG,IAAA,wBAAU,EAAC,KAAK,CAAC,CAAC;YAChC,KAAK,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC,EAAE,KAAK,CAAC,CAAC,CAAC,CAAC;QAChC,CAAC,EACD,KAAK,EAAE,EAAE,KAAK,EAAE,MAAM,EAAE,SAAS,EAAE,aAEnC,uBAAC,6BAAgB,IAAC,IAAI,EAAE,IAAI,EAAE,QAAQ,EAAE,QAAQ,EAAE,KAAK,EAAE,KAAK,EAAE,KAAK,EAAE,eAAe,GAAI,EACzF,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,EAAE,CAAC,CACrB,wBAAC,gBAAQ,eACN,QAAQ,CAAC,KAAK;yBACZ,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC;yBAC3C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,uBAAC,gBAAQ,cACP,uBAAC,iBAAiB,IAChB,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,IAAI,EAAE,IAAI,EACV,WAAW,EAAE,IAAI,CAAC,OAAO,CAAC,IAAI,CAC5B,CAAC,MAAM,EAAE,EAAE,CACT,MAAM,CAAC,IAAI,KAAK,eAAe,EAAE,IAAI,IAAI,MAAM,CAAC,EAAE,KAAK,eAAe,CAAC,EAAE,CAC5E,GACD,IATW,YAAY,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAUtC,CACZ,CAAC,EACH,QAAQ,CAAC,QAAQ;yBACf,MAAM,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,OAAO,KAAK,KAAK,CAAC,EAAE,CAAC;yBAC3C,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACb,uBAAC,wBAAS,IAER,kBAAkB,EAAE,GAAG,IAAI,CAAC,KAAK,gBAAgB,EACjD,OAAO,EAAE,CAAC,KAAK,EAAE,EAAE;4BACjB,KAAK,CAAC,eAAe,EAAE,CAAC;4BACxB,MAAM,KAAK,GAAG,IAAA,wBAAU,EAAC,KAAK,CAAC,CAAC;4BAChC,KAAK,CAAC,IAAI,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,EAAE,IAAI,CAAC,CAAC,GAAG,KAAK,CAAC,CAAC,CAAC,CAAC;wBAClD,CAAC,EACD,KAAK,EAAE;4BACL,QAAQ,EAAE,UAAU;4BACpB,IAAI,EAAE,IAAI,CAAC,CAAC;4BACZ,GAAG,EAAE,IAAI,CAAC,CAAC;4BACX,KAAK,EAAE,IAAI,CAAC,KAAK;4BACjB,MAAM,EAAE,IAAI,CAAC,MAAM;4BACnB,MAAM,EAAE,IAAI,CAAC,CAAC;yBACf,YAED,uBAAC,YAAY,IAAC,IAAI,EAAE,IAAI,EAAE,KAAK,EAAE,KAAK,EAAE,IAAI,EAAE,IAAI,GAAI,IAhBjD,OAAO,IAAI,CAAC,CAAC,IAAI,IAAI,CAAC,KAAK,EAAE,CAiBxB,CACb,CAAC,KAtCS,KAAK,CAAC,EAAE,CAuCZ,CACZ,CAAC,IACQ,CACb,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/parts/body.d.ts

@@ -1,7 +1,7 @@
-import { type ProfilerOnRenderCallback } from 'react';
+import type { ProfilerOnRenderCallback } from 'react';
 import type { BodyInput } from '../roster.types';
-export declare function RosterBody({ lanes, geometryFor, projection, scroll, press, ticks, contentWidth, viewport, window, intervalZone, gapZone, gridZone, highlightSource, onIntervalHover, incompleteLabel, onRowRender, }: BodyInput & {
-    /** Optional per-lane commit observer; used by the development gallery's Profiler gate. */
+export declare function RosterBody(props: BodyInput & {
+    /** Development-only Profiler hook used by the gallery; not a supported customization point. */
     onRowRender?: ProfilerOnRenderCallback;
 }): import("react/jsx-runtime").JSX.Element | null;
 //# sourceMappingURL=body.d.ts.map

package/dist/src/components/roster/parts/body.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/body.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAGhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,wBAAgB,UAAU,CAAC,EACzB,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,eAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,SAAS,GAAG;IACb,0FAA0F;IAC1F,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC,kDA+DA"}
+{"version":3,"file":"body.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/body.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEtD,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,wBAAgB,UAAU,CACxB,KAAK,EAAE,SAAS,GAAG;IACjB,+FAA+F;IAC/F,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC,kDAcF"}

package/dist/src/components/roster/parts/body.js

@@ -2,28 +2,13 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.RosterBody = RosterBody;
 const jsx_runtime_1 = require("react/jsx-runtime");
-const list_1 = require("@legendapp/list");
-const react_1 = require("react");
-const react_native_1 = require("react-native");
-const lane_1 = require("../lanes/lane");
-const body_content_key_1 = require("../utils/body-content-key");
-function RosterBody({ lanes, geometryFor, projection, scroll, press, ticks, contentWidth, viewport, window, intervalZone, gapZone, gridZone, highlightSource, onIntervalHover, incompleteLabel, onRowRender, }) {
+const body_layout_1 = require("../body-layout");
+const lane_list_1 = require("./lane-list");
+function RosterBody(props) {
+    const { viewport, scroll, contentWidth, ticks, gridComponent: GridComponent } = props;
     // LegendList requires a measured viewport and does not support static rendering.
     if (viewport.width <= 0 || viewport.height <= 0)
         return null;
-    return ((0, jsx_runtime_1.jsx)(react_native_1.ScrollView, { testID: "roster-horizontal-scroll", ref: scroll.bodyRef, horizontal: true, onScroll: scroll.onBodyScroll, scrollEventThrottle: 16, style: { flex: 1 }, children: (0, jsx_runtime_1.jsxs)(react_native_1.View, { style: { width: contentWidth, height: viewport.height }, children: [gridZone({ ticks, contentWidth }), (0, jsx_runtime_1.jsx)(list_1.LegendList, { testID: "roster-vertical-scroll", data: lanes, extraData: (0, body_content_key_1.bodyContentKey)({
-                        window,
-                        projection,
-                        highlightSource,
-                        intervalZone,
-                        gapZone,
-                        onIntervalHover,
-                        incompleteLabel,
-                    }), keyExtractor: (lane) => lane.id, estimatedListSize: { width: contentWidth, height: viewport.height }, estimatedItemSize: projection.rowHeight, getFixedItemSize: () => projection.rowHeight, drawDistance: 0, recycleItems: false, maintainVisibleContentPosition: false, onScroll: scroll.onVerticalScroll, scrollEventThrottle: 16, style: { flex: 1 }, renderItem: ({ item }) => {
-                        const row = ((0, jsx_runtime_1.jsx)(lane_1.LaneRow, { lane: item, geometry: geometryFor(item), width: contentWidth, rowHeight: projection.rowHeight, press: press, intervalZone: intervalZone, gapZone: gapZone, highlightSource: highlightSource, onIntervalHover: onIntervalHover, incompleteLabel: incompleteLabel }));
-                        if (onRowRender)
-                            return ((0, jsx_runtime_1.jsx)(react_1.Profiler, { id: item.id, onRender: onRowRender, children: row }));
-                        return row;
-                    } })] }) }));
+    return ((0, jsx_runtime_1.jsx)(body_layout_1.RosterBodyLayout, { scroll: scroll, contentWidth: contentWidth, viewport: viewport, gridZone: (0, jsx_runtime_1.jsx)(GridComponent, { ticks: ticks, contentWidth: contentWidth }), listZone: (0, jsx_runtime_1.jsx)(lane_list_1.RosterLaneList, { ...props }) }));
 }
 //# sourceMappingURL=body.js.map

package/dist/src/components/roster/parts/body.js.map

@@ -1 +1 @@
-{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/body.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,iCAAgE;AAChE,+CAAgD;AAChD,wCAAwC;AAExC,gEAA2D;AAE3D,oBAA2B,EACzB,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,KAAK,EACL,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,YAAY,EACZ,OAAO,EACP,QAAQ,EACR,eAAe,EACf,eAAe,EACf,eAAe,EACf,WAAW,GAIZ;IACC,iFAAiF;IACjF,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,CACL,uBAAC,yBAAU,IACT,MAAM,EAAC,0BAA0B,EACjC,GAAG,EAAE,MAAM,CAAC,OAAO,EACnB,UAAU,QACV,QAAQ,EAAE,MAAM,CAAC,YAAY,EAC7B,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,YAElB,wBAAC,mBAAI,IAAC,KAAK,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,aAC1D,QAAQ,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,CAAC,EAClC,uBAAC,iBAAU,IACT,MAAM,EAAC,wBAAwB,EAC/B,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,IAAA,iCAAc,EAAC;wBACxB,MAAM;wBACN,UAAU;wBACV,eAAe;wBACf,YAAY;wBACZ,OAAO;wBACP,eAAe;wBACf,eAAe;qBAChB,CAAC,EACF,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC/B,iBAAiB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,EACnE,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAC5C,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,KAAK,EACnB,8BAA8B,EAAE,KAAK,EACrC,QAAQ,EAAE,MAAM,CAAC,gBAAgB,EACjC,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;wBACvB,MAAM,GAAG,GAAG,CACV,uBAAC,cAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,KAAK,EAAE,KAAK,EACZ,YAAY,EAAE,YAAY,EAC1B,OAAO,EAAE,OAAO,EAChB,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;wBACF,IAAI,WAAW;4BACb,OAAO,CACL,uBAAC,gBAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,WAAW,YACzC,GAAG,GACK,CACZ,CAAC;wBACJ,OAAO,GAAG,CAAC;oBACb,CAAC,GACD,IACG,GACI,CACd,CAAC;AACJ,CAAC"}
+{"version":3,"file":"body.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/body.tsx"],"names":[],"mappings":";;;;AACA,gDAAkD;AAElD,2CAA6C;AAE7C,oBACE,KAGC;IAED,MAAM,EAAE,QAAQ,EAAE,MAAM,EAAE,YAAY,EAAE,KAAK,EAAE,aAAa,EAAE,aAAa,EAAE,GAAG,KAAK,CAAC;IACtF,iFAAiF;IACjF,IAAI,QAAQ,CAAC,KAAK,IAAI,CAAC,IAAI,QAAQ,CAAC,MAAM,IAAI,CAAC;QAAE,OAAO,IAAI,CAAC;IAC7D,OAAO,CACL,uBAAC,8BAAgB,IACf,MAAM,EAAE,MAAM,EACd,YAAY,EAAE,YAAY,EAC1B,QAAQ,EAAE,QAAQ,EAClB,QAAQ,EAAE,uBAAC,aAAa,IAAC,KAAK,EAAE,KAAK,EAAE,YAAY,EAAE,YAAY,GAAI,EACrE,QAAQ,EAAE,uBAAC,0BAAc,OAAK,KAAK,GAAI,GACvC,CACH,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/parts/header-cell.d.ts

@@ -1,5 +1,3 @@
-import type { RosterTick } from '../roster.types';
-export declare function RosterHeaderCell({ tick }: {
-    tick: RosterTick;
-}): import("react/jsx-runtime").JSX.Element;
+import type { HeaderCellInput } from '../roster.types';
+export declare function RosterHeaderCell({ tick }: HeaderCellInput): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=header-cell.d.ts.map

package/dist/src/components/roster/parts/header-cell.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iBAAiB,CAAC;AAElD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE;IAAE,IAAI,EAAE,UAAU,CAAA;CAAE,2CAM9D"}
+{"version":3,"file":"header-cell.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header-cell.tsx"],"names":[],"mappings":"AACA,OAAO,KAAK,EAAE,eAAe,EAAE,MAAM,iBAAiB,CAAC;AAEvD,wBAAgB,gBAAgB,CAAC,EAAE,IAAI,EAAE,EAAE,eAAe,2CAMzD"}

package/dist/src/components/roster/parts/header-cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"header-cell.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header-cell.tsx"],"names":[],"mappings":";;;;AAAA,+CAAoC;AAGpC,0BAAiC,EAAE,IAAI,EAAwB;IAC7D,OAAO,CACL,uBAAC,mBAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YAC1E,IAAI,CAAC,KAAK,GACN,CACR,CAAC;AACJ,CAAC"}
+{"version":3,"file":"header-cell.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header-cell.tsx"],"names":[],"mappings":";;;;AAAA,+CAAoC;AAGpC,0BAAiC,EAAE,IAAI,EAAmB;IACxD,OAAO,CACL,uBAAC,mBAAI,IAAC,aAAa,EAAE,CAAC,EAAE,KAAK,EAAE,EAAE,KAAK,EAAE,SAAS,EAAE,QAAQ,EAAE,EAAE,EAAE,OAAO,EAAE,CAAC,EAAE,YAC1E,IAAI,CAAC,KAAK,GACN,CACR,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/parts/header.d.ts

@@ -1,3 +1,3 @@
 import type { HeaderInput } from '../roster.types';
-export declare function RosterHeader({ ticks, contentWidth, scroll, headerCellZone }: HeaderInput): import("react/jsx-runtime").JSX.Element;
+export declare function RosterHeader({ ticks, contentWidth, scroll, headerCellComponent: HeaderCellComponent, }: HeaderInput): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=header.d.ts.map

package/dist/src/components/roster/parts/header.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,wBAAgB,YAAY,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAE,EAAE,WAAW,2CAaxF"}
+{"version":3,"file":"header.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,WAAW,EAAE,MAAM,iBAAiB,CAAC;AAEnD,wBAAgB,YAAY,CAAC,EAC3B,KAAK,EACL,YAAY,EACZ,MAAM,EACN,mBAAmB,EAAE,mBAAmB,GACzC,EAAE,WAAW,2CAab"}

package/dist/src/components/roster/parts/header.js

@@ -7,7 +7,7 @@ exports.RosterHeader = RosterHeader;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
-function RosterHeader({ ticks, contentWidth, scroll, headerCellZone }) {
-    return ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { testID: "roster-header", style: [{ width: contentWidth, height: 40 }, scroll.headerStyle], children: ticks.map((tick) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: 'absolute', left: tick.x, top: 0 }, children: headerCellZone({ tick }) }, tick.time))) }));
+function RosterHeader({ ticks, contentWidth, scroll, headerCellComponent: HeaderCellComponent, }) {
+    return ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { testID: "roster-header", style: [{ width: contentWidth, height: 40 }, scroll.headerStyle], children: ticks.map((tick) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: { position: 'absolute', left: tick.x, top: 0 }, children: (0, jsx_runtime_1.jsx)(HeaderCellComponent, { tick: tick }) }, tick.time))) }));
 }
 //# sourceMappingURL=header.js.map

package/dist/src/components/roster/parts/header.js.map

@@ -1 +1 @@
-{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header.tsx"],"names":[],"mappings":";;;;;;;AAAA,+CAAoC;AACpC,sFAA+C;AAG/C,sBAA6B,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,cAAc,EAAe;IACvF,OAAO,CACL,uBAAC,iCAAQ,CAAC,IAAI,IACZ,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,YAE/D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBAAC,mBAAI,IAAiB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YACxE,cAAc,CAAC,EAAE,IAAI,EAAE,CAAC,IADhB,IAAI,CAAC,IAAI,CAEb,CACR,CAAC,GACY,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"header.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/header.tsx"],"names":[],"mappings":";;;;;;;AAAA,+CAAoC;AACpC,sFAA+C;AAG/C,sBAA6B,EAC3B,KAAK,EACL,YAAY,EACZ,MAAM,EACN,mBAAmB,EAAE,mBAAmB,GAC5B;IACZ,OAAO,CACL,uBAAC,iCAAQ,CAAC,IAAI,IACZ,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,CAAC,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,EAAE,EAAE,EAAE,MAAM,CAAC,WAAW,CAAC,YAE/D,KAAK,CAAC,GAAG,CAAC,CAAC,IAAI,EAAE,EAAE,CAAC,CACnB,uBAAC,mBAAI,IAAiB,KAAK,EAAE,EAAE,QAAQ,EAAE,UAAU,EAAE,IAAI,EAAE,IAAI,CAAC,CAAC,EAAE,GAAG,EAAE,CAAC,EAAE,YACzE,uBAAC,mBAAmB,IAAC,IAAI,EAAE,IAAI,GAAI,IAD1B,IAAI,CAAC,IAAI,CAEb,CACR,CAAC,GACY,CACjB,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/parts/lane-label-column.d.ts

@@ -1,3 +1,3 @@
 import type { LabelColumnInput } from '../roster.types';
-export declare function RosterLaneLabelColumn({ labels, projection, scroll, laneLabelZone, }: LabelColumnInput): import("react/jsx-runtime").JSX.Element;
+export declare function RosterLaneLabelColumn({ labels, projection, scroll, laneLabelComponent: LaneLabelComponent, }: LabelColumnInput): import("react/jsx-runtime").JSX.Element;
 //# sourceMappingURL=lane-label-column.d.ts.map

package/dist/src/components/roster/parts/lane-label-column.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"lane-label-column.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-label-column.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,UAAU,EACV,MAAM,EACN,aAAa,GACd,EAAE,gBAAgB,2CAqBlB"}
+{"version":3,"file":"lane-label-column.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-label-column.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,iBAAiB,CAAC;AAExD,wBAAgB,qBAAqB,CAAC,EACpC,MAAM,EACN,UAAU,EACV,MAAM,EACN,kBAAkB,EAAE,kBAAkB,GACvC,EAAE,gBAAgB,2CAqBlB"}

package/dist/src/components/roster/parts/lane-label-column.js

@@ -7,12 +7,12 @@ exports.RosterLaneLabelColumn = RosterLaneLabelColumn;
 const jsx_runtime_1 = require("react/jsx-runtime");
 const react_native_1 = require("react-native");
 const react_native_reanimated_1 = __importDefault(require("react-native-reanimated"));
-function RosterLaneLabelColumn({ labels, projection, scroll, laneLabelZone, }) {
+function RosterLaneLabelColumn({ labels, projection, scroll, laneLabelComponent: LaneLabelComponent, }) {
     return ((0, jsx_runtime_1.jsx)(react_native_reanimated_1.default.View, { testID: "roster-labels", style: [{ height: labels.length * projection.rowHeight }, scroll.labelStyle], children: labels.map((label, index) => ((0, jsx_runtime_1.jsx)(react_native_1.View, { style: {
                 position: 'absolute',
                 top: index * projection.rowHeight,
                 height: projection.rowHeight,
                 width: '100%',
-            }, children: laneLabelZone(label) }, label.lane.id))) }));
+            }, children: (0, jsx_runtime_1.jsx)(LaneLabelComponent, { ...label }) }, label.lane.id))) }));
 }
 //# sourceMappingURL=lane-label-column.js.map

package/dist/src/components/roster/parts/lane-label-column.js.map

@@ -1 +1 @@
-{"version":3,"file":"lane-label-column.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-label-column.tsx"],"names":[],"mappings":";;;;;;;AAAA,+CAAoC;AACpC,sFAA+C;AAG/C,+BAAsC,EACpC,MAAM,EACN,UAAU,EACV,MAAM,EACN,aAAa,GACI;IACjB,OAAO,CACL,uBAAC,iCAAQ,CAAC,IAAI,IACZ,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC,YAE3E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,uBAAC,mBAAI,IAEH,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK,GAAG,UAAU,CAAC,SAAS;gBACjC,MAAM,EAAE,UAAU,CAAC,SAAS;gBAC5B,KAAK,EAAE,MAAM;aACd,YAEA,aAAa,CAAC,KAAK,CAAC,IARhB,KAAK,CAAC,IAAI,CAAC,EAAE,CASb,CACR,CAAC,GACY,CACjB,CAAC;AACJ,CAAC"}
+{"version":3,"file":"lane-label-column.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-label-column.tsx"],"names":[],"mappings":";;;;;;;AAAA,+CAAoC;AACpC,sFAA+C;AAG/C,+BAAsC,EACpC,MAAM,EACN,UAAU,EACV,MAAM,EACN,kBAAkB,EAAE,kBAAkB,GACrB;IACjB,OAAO,CACL,uBAAC,iCAAQ,CAAC,IAAI,IACZ,MAAM,EAAC,eAAe,EACtB,KAAK,EAAE,CAAC,EAAE,MAAM,EAAE,MAAM,CAAC,MAAM,GAAG,UAAU,CAAC,SAAS,EAAE,EAAE,MAAM,CAAC,UAAU,CAAC,YAE3E,MAAM,CAAC,GAAG,CAAC,CAAC,KAAK,EAAE,KAAK,EAAE,EAAE,CAAC,CAC5B,uBAAC,mBAAI,IAEH,KAAK,EAAE;gBACL,QAAQ,EAAE,UAAU;gBACpB,GAAG,EAAE,KAAK,GAAG,UAAU,CAAC,SAAS;gBACjC,MAAM,EAAE,UAAU,CAAC,SAAS;gBAC5B,KAAK,EAAE,MAAM;aACd,YAED,uBAAC,kBAAkB,OAAK,KAAK,GAAI,IAR5B,KAAK,CAAC,IAAI,CAAC,EAAE,CASb,CACR,CAAC,GACY,CACjB,CAAC;AACJ,CAAC"}

package/dist/src/components/roster/parts/lane-list.d.ts

@@ -0,0 +1,7 @@
+import { type ProfilerOnRenderCallback } from 'react';
+import type { BodyInput } from '../roster.types';
+export declare function RosterLaneList({ lanes, geometryFor, projection, scroll, press, contentWidth, viewport, window, intervalComponent, gapComponent, highlightSource, onIntervalHover, incompleteLabel, onRowRender, }: Omit<BodyInput, 'ticks' | 'gridComponent'> & {
+    /** Development-only Profiler hook used by the gallery; not a supported customization point. */
+    onRowRender?: ProfilerOnRenderCallback;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=lane-list.d.ts.map

package/dist/src/components/roster/parts/lane-list.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"lane-list.d.ts","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-list.tsx"],"names":[],"mappings":"AACA,OAAO,EAAY,KAAK,wBAAwB,EAAE,MAAM,OAAO,CAAC;AAEhE,OAAO,KAAK,EAAE,SAAS,EAAE,MAAM,iBAAiB,CAAC;AAGjD,wBAAgB,cAAc,CAAC,EAC7B,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,eAAe,EACf,WAAW,GACZ,EAAE,IAAI,CAAC,SAAS,EAAE,OAAO,GAAG,eAAe,CAAC,GAAG;IAC9C,+FAA+F;IAC/F,WAAW,CAAC,EAAE,wBAAwB,CAAC;CACxC,2CAiDA"}

package/dist/src/components/roster/parts/lane-list.js

@@ -0,0 +1,25 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.RosterLaneList = RosterLaneList;
+const jsx_runtime_1 = require("react/jsx-runtime");
+const list_1 = require("@legendapp/list");
+const react_1 = require("react");
+const lane_1 = require("../lanes/lane");
+const body_content_key_1 = require("../utils/body-content-key");
+function RosterLaneList({ lanes, geometryFor, projection, scroll, press, contentWidth, viewport, window, intervalComponent, gapComponent, highlightSource, onIntervalHover, incompleteLabel, onRowRender, }) {
+    return ((0, jsx_runtime_1.jsx)(list_1.LegendList, { testID: "roster-vertical-scroll", data: lanes, extraData: (0, body_content_key_1.bodyContentKey)({
+            window,
+            projection,
+            highlightSource,
+            intervalComponent,
+            gapComponent,
+            onIntervalHover,
+            incompleteLabel,
+        }), keyExtractor: (lane) => lane.id, estimatedListSize: { width: contentWidth, height: viewport.height }, estimatedItemSize: projection.rowHeight, getFixedItemSize: () => projection.rowHeight, drawDistance: 0, recycleItems: false, maintainVisibleContentPosition: false, onScroll: scroll.onVerticalScroll, scrollEventThrottle: 16, style: { flex: 1 }, renderItem: ({ item }) => {
+            const row = ((0, jsx_runtime_1.jsx)(lane_1.LaneRow, { lane: item, geometry: geometryFor(item), width: contentWidth, rowHeight: projection.rowHeight, press: press, intervalComponent: intervalComponent, gapComponent: gapComponent, highlightSource: highlightSource, onIntervalHover: onIntervalHover, incompleteLabel: incompleteLabel }));
+            if (onRowRender)
+                return ((0, jsx_runtime_1.jsx)(react_1.Profiler, { id: item.id, onRender: onRowRender, children: row }));
+            return row;
+        } }));
+}
+//# sourceMappingURL=lane-list.js.map

package/dist/src/components/roster/parts/lane-list.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"lane-list.js","sourceRoot":"","sources":["../../../../../src/components/roster/parts/lane-list.tsx"],"names":[],"mappings":";;;;AAAA,0CAA6C;AAC7C,iCAAgE;AAChE,wCAAwC;AAExC,gEAA2D;AAE3D,wBAA+B,EAC7B,KAAK,EACL,WAAW,EACX,UAAU,EACV,MAAM,EACN,KAAK,EACL,YAAY,EACZ,QAAQ,EACR,MAAM,EACN,iBAAiB,EACjB,YAAY,EACZ,eAAe,EACf,eAAe,EACf,eAAe,EACf,WAAW,GAIZ;IACC,OAAO,CACL,uBAAC,iBAAU,IACT,MAAM,EAAC,wBAAwB,EAC/B,IAAI,EAAE,KAAK,EACX,SAAS,EAAE,IAAA,iCAAc,EAAC;YACxB,MAAM;YACN,UAAU;YACV,eAAe;YACf,iBAAiB;YACjB,YAAY;YACZ,eAAe;YACf,eAAe;SAChB,CAAC,EACF,YAAY,EAAE,CAAC,IAAI,EAAE,EAAE,CAAC,IAAI,CAAC,EAAE,EAC/B,iBAAiB,EAAE,EAAE,KAAK,EAAE,YAAY,EAAE,MAAM,EAAE,QAAQ,CAAC,MAAM,EAAE,EACnE,iBAAiB,EAAE,UAAU,CAAC,SAAS,EACvC,gBAAgB,EAAE,GAAG,EAAE,CAAC,UAAU,CAAC,SAAS,EAC5C,YAAY,EAAE,CAAC,EACf,YAAY,EAAE,KAAK,EACnB,8BAA8B,EAAE,KAAK,EACrC,QAAQ,EAAE,MAAM,CAAC,gBAAgB,EACjC,mBAAmB,EAAE,EAAE,EACvB,KAAK,EAAE,EAAE,IAAI,EAAE,CAAC,EAAE,EAClB,UAAU,EAAE,CAAC,EAAE,IAAI,EAAE,EAAE,EAAE;YACvB,MAAM,GAAG,GAAG,CACV,uBAAC,cAAO,IACN,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,WAAW,CAAC,IAAI,CAAC,EAC3B,KAAK,EAAE,YAAY,EACnB,SAAS,EAAE,UAAU,CAAC,SAAS,EAC/B,KAAK,EAAE,KAAK,EACZ,iBAAiB,EAAE,iBAAiB,EACpC,YAAY,EAAE,YAAY,EAC1B,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,EAChC,eAAe,EAAE,eAAe,GAChC,CACH,CAAC;YACF,IAAI,WAAW;gBACb,OAAO,CACL,uBAAC,gBAAQ,IAAC,EAAE,EAAE,IAAI,CAAC,EAAE,EAAE,QAAQ,EAAE,WAAW,YACzC,GAAG,GACK,CACZ,CAAC;YACJ,OAAO,GAAG,CAAC;QACb,CAAC,GACD,CACH,CAAC;AACJ,CAAC"}