react-native-agenda-kit 0.1.0

package/lib/commonjs/expandable/MonthPager.js

@@ -0,0 +1,180 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.MonthPager = void 0;
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _CalendarContext = require("../core/CalendarContext.js");
+var _dateKey = require("../core/dateKey.js");
+var _calendarCells = require("./calendarCells.js");
+var _DayCell = require("./DayCell.js");
+var _geometry = require("./geometry.js");
+var _useHorizontalPager = require("./useHorizontalPager.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The open calendar: one month per page across the selectable window.
+ *
+ * Selection is the COMMITTED date as a plain prop, handed only to the page that
+ * holds it, so a commit re-renders at most two pages and two memo'd cells.
+ *
+ * Mounted pages derive from that same committed date. Closed, only its month
+ * exists: the layer is invisible, and every month crossing commits a date. Open,
+ * its two neighbours join so a swipe shows one; a swipe that lands commits the
+ * new month, which re-centres the window. A screen reader pages by scroll
+ * actions, so it gets every month. Moves page the pager instantly even while
+ * closed, so opening shows the right month.
+ */
+
+const GRID_HEIGHT = _geometry.MAX_WEEKS * _geometry.WEEK_ROW_HEIGHT;
+const MonthGrid = /*#__PURE__*/(0, _react.memo)(({
+  page,
+  width,
+  lefts,
+  gridStart,
+  weeks,
+  rawPageByIndex,
+  labels,
+  a11yLabels,
+  dots,
+  selectedIndex,
+  todayIndex,
+  minIndex,
+  maxIndex,
+  onDayPress
+}) => {
+  const cells = [];
+  for (let r = 0; r < weeks; r += 1) {
+    for (let c = 0; c < 7; c += 1) {
+      const i = gridStart + r * 7 + c;
+      // Days of the neighbouring months are blank, as the library's `hideExtraDays` draws them.
+      if (i < 0 || i >= labels.length || rawPageByIndex[i] !== page) continue;
+      cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_DayCell.DayCell, {
+        dayIndex: i,
+        label: labels[i],
+        accessibilityLabel: a11yLabels?.[i],
+        left: lefts[c],
+        top: r * _geometry.WEEK_ROW_HEIGHT + _geometry.WEEK_ROW_V_MARGIN,
+        isToday: i === todayIndex,
+        isDisabled: i < minIndex || i > maxIndex,
+        isSelected: i === selectedIndex,
+        dot: dots[i],
+        onPress: onDayPress
+      }, i));
+    }
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+    style: [styles.grid, {
+      left: page * width,
+      width
+    }],
+    children: cells
+  });
+});
+MonthGrid.displayName = 'MonthGrid';
+const MonthPagerInner = ({
+  width,
+  lefts,
+  pages,
+  pagesSV,
+  labels,
+  a11yLabels,
+  dots,
+  selectedIndex,
+  initialPage,
+  visiblePage,
+  onDayPress,
+  animatedStyle,
+  isOpen,
+  screenReader
+}) => {
+  const {
+    range,
+    setDate
+  } = (0, _CalendarContext.useCalendarContext)();
+
+  /** A swipe landed on another month: select its first selectable day. */
+  const onMonthSettled = (0, _react.useCallback)(page => {
+    setDate((0, _dateKey.ymdAt)(range, (0, _dateKey.clampIndex)(range, pages.monthStartByPage[page])), 'pageScroll', 'month');
+  }, [pages, range, setDate]);
+  const pageOf = (0, _react.useCallback)(idx => {
+    'worklet';
+
+    return (0, _calendarCells.pageOfIndex)(pagesSV.value, idx);
+  }, [pagesSV]);
+  const pager = (0, _useHorizontalPager.useHorizontalPager)({
+    width,
+    initialPage,
+    origin: 'month',
+    pageOf,
+    page: visiblePage,
+    onSettled: onMonthSettled
+  });
+  const interactive = isOpen || screenReader;
+  const committed = (0, _calendarCells.pageOfIndex)(pages, (0, _dateKey.clampIndex)(range, selectedIndex));
+  const reach = isOpen ? 1 : 0;
+  const first = screenReader ? 0 : Math.max(0, committed - reach);
+  const last = screenReader ? pages.count - 1 : Math.min(pages.count - 1, committed + reach);
+  const grids = [];
+  for (let p = first; p <= last; p += 1) {
+    grids.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(MonthGrid, {
+      page: p,
+      width: width,
+      lefts: lefts,
+      gridStart: pages.gridStartByPage[p],
+      weeks: pages.weeksByPage[p],
+      rawPageByIndex: pages.rawPageByIndex,
+      labels: labels,
+      a11yLabels: a11yLabels,
+      dots: dots,
+      selectedIndex: pages.rawPageByIndex[selectedIndex] === p ? selectedIndex : -1,
+      todayIndex: range.todayIndex,
+      minIndex: range.minIndex,
+      maxIndex: range.maxIndex,
+      onDayPress: onDayPress
+    }, p));
+  }
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: interactive ? 'auto' : 'none',
+    style: [styles.root, {
+      width
+    }, animatedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.ScrollView, {
+      ref: pager.ref,
+      horizontal: true,
+      pagingEnabled: true,
+      showsHorizontalScrollIndicator: false,
+      scrollEnabled: interactive,
+      onScroll: pager.onScroll,
+      scrollEventThrottle: _useHorizontalPager.PAGER_SCROLL_THROTTLE,
+      contentOffset: pager.contentOffset,
+      onLayout: pager.onLayout,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: {
+          width: pages.count * width,
+          height: GRID_HEIGHT
+        },
+        children: grids
+      })
+    })
+  });
+};
+const MonthPager = exports.MonthPager = /*#__PURE__*/(0, _react.memo)(MonthPagerInner);
+MonthPager.displayName = 'MonthPager';
+const styles = _reactNative.StyleSheet.create({
+  root: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    height: GRID_HEIGHT
+  },
+  grid: {
+    position: 'absolute',
+    top: 0,
+    height: GRID_HEIGHT
+  }
+});
+//# sourceMappingURL=MonthPager.js.map

package/lib/commonjs/expandable/MonthPager.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_react","require","_reactNative","_reactNativeReanimated","_interopRequireDefault","_CalendarContext","_dateKey","_calendarCells","_DayCell","_geometry","_useHorizontalPager","_jsxRuntime","e","__esModule","default","GRID_HEIGHT","MAX_WEEKS","WEEK_ROW_HEIGHT","MonthGrid","memo","page","width","lefts","gridStart","weeks","rawPageByIndex","labels","a11yLabels","dots","selectedIndex","todayIndex","minIndex","maxIndex","onDayPress","cells","r","c","i","length","push","jsx","DayCell","dayIndex","label","accessibilityLabel","left","top","WEEK_ROW_V_MARGIN","isToday","isDisabled","isSelected","dot","onPress","View","style","styles","grid","children","displayName","MonthPagerInner","pages","pagesSV","initialPage","visiblePage","animatedStyle","isOpen","screenReader","range","setDate","useCalendarContext","onMonthSettled","useCallback","ymdAt","clampIndex","monthStartByPage","pageOf","idx","pageOfIndex","value","pager","useHorizontalPager","origin","onSettled","interactive","committed","reach","first","Math","max","last","count","min","grids","p","gridStartByPage","weeksByPage","pointerEvents","root","ScrollView","ref","horizontal","pagingEnabled","showsHorizontalScrollIndicator","scrollEnabled","onScroll","scrollEventThrottle","PAGER_SCROLL_THROTTLE","contentOffset","onLayout","height","MonthPager","exports","StyleSheet","create","position"],"sourceRoot":"../../../src","sources":["expandable/MonthPager.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/expandable/WeekStrip.js

@@ -0,0 +1,451 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.WeekStrip = void 0;
+var _index = require("../theme/index.js");
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeGestureHandler = require("react-native-gesture-handler");
+var _reactNativeReanimated = _interopRequireWildcard(require("react-native-reanimated"));
+var _reactNativeWorklets = require("react-native-worklets");
+var _CalendarContext = require("../core/CalendarContext.js");
+var _dateKey = require("../core/dateKey.js");
+var _KitText = require("../core/KitText.js");
+var _motion = require("../core/motion.js");
+var _calendarCells = require("./calendarCells.js");
+var _geometry = require("./geometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function (e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, default: e }; if (null === e || "object" != typeof e && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (const t in e) "default" !== t && {}.hasOwnProperty.call(e, t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, t)) && (i.get || i.set) ? o(f, t, i) : f[t] = e[t]); return f; })(e, t); }
+/**
+ * The closed calendar: a vertical TAPE of weeks seen through a one-row window.
+ *
+ * Every week is a row stacked in one `Animated.View`; the window clips it and
+ * `weekPos` translates it, so crossing into the next week slides the tape up and
+ * crossing back slides it down — the owner's Teams reference (2026-09-11). A move
+ * of more than a week jumps: the agenda jumps too, and a slide through months
+ * would read as a blur.
+ *
+ * Selection is TWO pills riding the tape: the new day's fades in while the old
+ * day's fades out, on the UI thread, with no React commit. Each pill shows its
+ * day through one non-editable TextInput (`text` is an animated prop —
+ * Reanimated's own `PerformanceMonitor` idiom) and one dot for a marked day.
+ *
+ * Alternate months sit on a canvas band and a 1st carries its month's short name,
+ * so a month edge shows inside a week. A horizontal swipe moves one week.
+ */
+
+const AnimatedTextInput = _reactNativeReanimated.default.createAnimatedComponent(_reactNative.TextInput);
+const DOT_INSET = (_geometry.DAY_CELL - _geometry.DOT_SIZE) / 2;
+/** Where DayCell's flow puts the dot, from the cell top: text margin, the declared line box, the dot's own margin. */
+const DOT_TOP = _geometry.DAY_TEXT_MARGIN_TOP + _geometry.DAY_LINE_HEIGHT + _geometry.DOT_MARGIN_TOP;
+/** How far a 1st's number and dot sit below every other day's. */
+const FIRST_SHIFT = _geometry.FIRST_OF_MONTH_TEXT_TOP - _geometry.DAY_TEXT_MARGIN_TOP;
+const WeekRow = /*#__PURE__*/(0, _react.memo)(({
+  week,
+  width,
+  lefts,
+  labels,
+  ordinals,
+  monthShortLabels,
+  dots,
+  todayIndex,
+  minIndex,
+  maxIndex,
+  onDayPress
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const start = week * 7;
+  const cells = [];
+
+  // Months with an even ordinal (Jan, Mar … Nov) take the band. A week holds at
+  // most two months, so its banded days are one run.
+  let bandFrom = -1;
+  let bandTo = -1;
+  for (let col = 0; col < 7 && start + col < labels.length; col += 1) {
+    if ((ordinals[start + col] & 1) === 0) {
+      if (bandFrom < 0) bandFrom = col;
+      bandTo = col;
+    }
+  }
+  if (bandFrom >= 0) {
+    const left = bandFrom === 0 ? 0 : (0, _calendarCells.columnEdge)(width, bandFrom);
+    const right = bandTo === 6 ? width : (0, _calendarCells.columnEdge)(width, bandTo + 1);
+    cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.band, {
+        left,
+        width: right - left
+      }]
+    }, "band"));
+  }
+  for (let col = 0; col < 7; col += 1) {
+    const i = start + col;
+    if (i >= labels.length) break;
+    const left = lefts[col];
+    const first = monthShortLabels !== undefined && labels[i] === '1';
+    const tone = i < minIndex || i > maxIndex ? styles.labelDisabled : i === todayIndex ? styles.labelToday : null;
+    if (first) {
+      cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_KitText.KitText, {
+        style: [styles.monthLabel, {
+          left
+        }],
+        children: monthShortLabels?.[ordinals[i] % 12]
+      }, `m${i}`));
+    }
+    cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_KitText.KitText, {
+      style: [first ? styles.labelFirst : styles.label, {
+        left
+      }, tone],
+      children: labels[i]
+    }, `t${i}`));
+    const dot = dots[i];
+    if (dot !== null) {
+      cells.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: [first ? styles.dotFirst : styles.dot, {
+          left: left + DOT_INSET
+        }, dot ? {
+          backgroundColor: dot
+        } : styles.dotDefault]
+      }, `d${i}`));
+    }
+  }
+
+  // One Pressable per row; the column comes from the touch's x. `locationX` is
+  // relative to the view the finger lands on, so labels must not be hit-testable
+  // (they were, and every tap resolved to column 0).
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+    style: [styles.row, {
+      top: week * _geometry.WEEK_ROW_HEIGHT,
+      width
+    }],
+    onPress: e => onDayPress(start + (0, _calendarCells.columnAt)(width, e.nativeEvent.locationX)),
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      pointerEvents: "none",
+      style: _reactNative.StyleSheet.absoluteFill,
+      children: cells
+    })
+  });
+});
+WeekRow.displayName = 'WeekRow';
+const SelectionPill = /*#__PURE__*/(0, _react.memo)(({
+  index,
+  fade,
+  leavingFrom,
+  widthSV,
+  labels,
+  hasDot,
+  firstOfMonth
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const frame = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const i = index.value;
+    return {
+      opacity: leavingFrom === null ? fade.value : leavingFrom.value * (1 - fade.value),
+      transform: [{
+        translateX: (0, _calendarCells.cellLeft)(widthSV.value, i % 7)
+      }, {
+        translateY: Math.floor(i / 7) * _geometry.WEEK_ROW_HEIGHT
+      }]
+    };
+  });
+  const content = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: firstOfMonth[index.value] ? FIRST_SHIFT : 0
+    }]
+  }));
+  const labelProps = (0, _reactNativeReanimated.useAnimatedProps)(() => {
+    const text = labels[index.value] ?? '';
+    return {
+      text,
+      defaultValue: text
+    };
+  });
+  const dotStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: hasDot[index.value] ? 1 : 0
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    pointerEvents: "none",
+    style: [styles.pill, frame],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+      style: [styles.pillContent, content],
+      children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(AnimatedTextInput, {
+        animatedProps: labelProps,
+        editable: false,
+        pointerEvents: "none",
+        caretHidden: true,
+        contextMenuHidden: true,
+        allowFontScaling: false,
+        maxFontSizeMultiplier: 1,
+        underlineColorAndroid: "transparent",
+        accessible: false,
+        importantForAccessibility: "no",
+        style: styles.pillLabel
+      }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+        style: [styles.pillDot, dotStyle]
+      })]
+    })
+  });
+});
+SelectionPill.displayName = 'SelectionPill';
+const WeekStripInner = ({
+  width,
+  lefts,
+  labels,
+  ordinals,
+  monthShortLabels,
+  dots,
+  onDayPress,
+  animatedStyle,
+  interactive
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const {
+    range,
+    store,
+    dateRef,
+    setDate,
+    reduceMotion
+  } = (0, _CalendarContext.useCalendarContext)();
+  const {
+    dayIndex
+  } = store;
+  const weekCount = range.days / 7;
+  const [initialIndex] = (0, _react.useState)(() => (0, _dateKey.clampIndex)(range, (0, _dateKey.dayIndexOf)(range, dateRef.current)));
+  const weekPos = (0, _reactNativeReanimated.useSharedValue)(Math.floor(initialIndex / 7));
+  /** The week the tape is headed to: a day crossing inside it must not restart the slide. */
+  const weekTarget = (0, _reactNativeReanimated.useSharedValue)(Math.floor(initialIndex / 7));
+  const current = (0, _reactNativeReanimated.useSharedValue)(initialIndex);
+  const previous = (0, _reactNativeReanimated.useSharedValue)(initialIndex);
+  const fade = (0, _reactNativeReanimated.useSharedValue)(1);
+  /** The leaving pill's opacity when it began to leave, so a change mid-fade does not pop it to full. */
+  const leavingFrom = (0, _reactNativeReanimated.useSharedValue)(0);
+  const widthSV = (0, _reactNativeReanimated.useSharedValue)(width);
+  (0, _react.useEffect)(() => {
+    widthSV.value = width;
+  }, [width, widthSV]);
+  const slide = (0, _motion.kitDuration)(_tokens.ANIMATION.slow, reduceMotion);
+  const crossfade = (0, _motion.kitDuration)(_tokens.ANIMATION.base, reduceMotion);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => dayIndex.value, (idx, last) => {
+    if (idx === last) return;
+    const week = Math.floor(idx / 7);
+    if (last === null) {
+      weekPos.value = week;
+      weekTarget.value = week;
+      current.value = idx;
+      previous.value = idx;
+      return;
+    }
+    if (week !== weekTarget.value) {
+      const far = Math.abs(week - weekPos.value) > 1.5;
+      weekTarget.value = week;
+      weekPos.value = far || slide === 0 ? week : (0, _reactNativeReanimated.withTiming)(week, {
+        duration: slide,
+        easing: _motion.KIT_EASING
+      });
+    }
+    leavingFrom.value = fade.value;
+    previous.value = current.value;
+    current.value = idx;
+    fade.value = crossfade === 0 ? 1 : (0, _reactNativeReanimated.withSequence)((0, _reactNativeReanimated.withTiming)(0, {
+      duration: 0
+    }), (0, _reactNativeReanimated.withTiming)(1, {
+      duration: crossfade,
+      easing: _motion.KIT_EASING
+    }));
+  }, [crossfade, slide]);
+
+  /** A swipe asked for `week`: select its first selectable day, unless the range ends before it. */
+  const onSwipe = (0, _react.useCallback)(week => {
+    const target = (0, _dateKey.clampIndex)(range, week * 7);
+    if (Math.floor(target / 7) !== week) return;
+    setDate((0, _dateKey.ymdAt)(range, target), 'weekScroll', 'week');
+  }, [range, setDate]);
+
+  // `failOffsetY` hands a vertical drag to the calendar's expand pan, whose own
+  // `failOffsetX(±12)` hands a horizontal one to this.
+  const swipe = (0, _react.useMemo)(() => _reactNativeGestureHandler.Gesture.Pan().enabled(interactive).activeOffsetX([-16, 16]).failOffsetY([-10, 10]).onEnd(e => {
+    'worklet';
+
+    const dx = Math.abs(e.translationX) >= _geometry.PAN_THRESHOLD ? e.translationX : Math.abs(e.velocityX) >= _geometry.SNAP_VELOCITY ? e.velocityX : 0;
+    if (dx === 0) return;
+    (0, _reactNativeWorklets.runOnJS)(onSwipe)(Math.floor(dayIndex.value / 7) + (dx < 0 ? 1 : -1));
+  }), [dayIndex, interactive, onSwipe]);
+
+  // Plain arrays captured by the worklets: one table read per day crossing.
+  const hasDot = (0, _react.useMemo)(() => dots.map(d => d !== null), [dots]);
+  const firstOfMonth = (0, _react.useMemo)(() => labels.map(label => monthShortLabels !== undefined && label === '1'), [labels, monthShortLabels]);
+  const rows = (0, _react.useMemo)(() => {
+    const out = [];
+    for (let w = 0; w < weekCount; w += 1) {
+      out.push(/*#__PURE__*/(0, _jsxRuntime.jsx)(WeekRow, {
+        week: w,
+        width: width,
+        lefts: lefts,
+        labels: labels,
+        ordinals: ordinals,
+        monthShortLabels: monthShortLabels,
+        dots: dots,
+        todayIndex: range.todayIndex,
+        minIndex: range.minIndex,
+        maxIndex: range.maxIndex,
+        onDayPress: onDayPress
+      }, w));
+    }
+    return out;
+  }, [dots, labels, lefts, monthShortLabels, onDayPress, ordinals, range, weekCount, width]);
+  const tapeStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: -weekPos.value * _geometry.WEEK_ROW_HEIGHT
+    }]
+  }));
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+    gesture: swipe,
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      pointerEvents: interactive ? 'auto' : 'none',
+      style: [styles.root, {
+        width
+      }, animatedStyle],
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNativeReanimated.default.View, {
+        style: [styles.tape, {
+          width,
+          height: weekCount * _geometry.WEEK_ROW_HEIGHT
+        }, tapeStyle],
+        children: [rows, /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectionPill, {
+          index: previous,
+          fade: fade,
+          leavingFrom: leavingFrom,
+          widthSV: widthSV,
+          labels: labels,
+          hasDot: hasDot,
+          firstOfMonth: firstOfMonth
+        }), /*#__PURE__*/(0, _jsxRuntime.jsx)(SelectionPill, {
+          index: current,
+          fade: fade,
+          leavingFrom: null,
+          widthSV: widthSV,
+          labels: labels,
+          hasDot: hasDot,
+          firstOfMonth: firstOfMonth
+        })]
+      })
+    })
+  });
+};
+const WeekStrip = exports.WeekStrip = /*#__PURE__*/(0, _react.memo)(WeekStripInner);
+WeekStrip.displayName = 'WeekStrip';
+const makeStyles = ({
+  colors,
+  fonts
+}) => {
+  const text = {
+    position: 'absolute',
+    width: _geometry.DAY_CELL,
+    textAlign: 'center',
+    fontFamily: fonts.regular,
+    fontSize: _tokens.FONT_SIZE.sm,
+    lineHeight: _geometry.DAY_LINE_HEIGHT
+  };
+  const dot = {
+    position: 'absolute',
+    width: _geometry.DOT_SIZE,
+    height: _geometry.DOT_SIZE,
+    borderRadius: _tokens.RADIUS.full
+  };
+  return _reactNative.StyleSheet.create({
+    root: {
+      position: 'absolute',
+      top: 0,
+      left: 0,
+      height: _geometry.WEEK_ROW_HEIGHT,
+      overflow: 'hidden',
+      backgroundColor: colors.surface
+    },
+    tape: {
+      position: 'absolute',
+      top: 0,
+      left: 0
+    },
+    row: {
+      position: 'absolute',
+      left: 0,
+      height: _geometry.WEEK_ROW_HEIGHT
+    },
+    // A month's ground, alternating with the strip's own: it carries the month edge: it carries the month edge.
+    band: {
+      position: 'absolute',
+      top: 0,
+      height: _geometry.WEEK_ROW_HEIGHT,
+      backgroundColor: colors.canvas
+    },
+    label: {
+      ...text,
+      top: _geometry.WEEK_ROW_V_MARGIN + _geometry.DAY_TEXT_MARGIN_TOP,
+      color: colors.text
+    },
+    labelFirst: {
+      ...text,
+      top: _geometry.WEEK_ROW_V_MARGIN + _geometry.FIRST_OF_MONTH_TEXT_TOP,
+      color: colors.text
+    },
+    labelToday: {
+      color: colors.accent
+    },
+    labelDisabled: {
+      color: colors.textMuted
+    },
+    // Metadata: the muted tier, at the 11 px legibility floor.
+    monthLabel: {
+      position: 'absolute',
+      width: _geometry.DAY_CELL,
+      textAlign: 'center',
+      top: _geometry.WEEK_ROW_V_MARGIN + _geometry.MONTH_LABEL_TOP,
+      fontFamily: fonts.regular,
+      fontSize: _tokens.FONT_SIZE.xxs,
+      lineHeight: _geometry.MONTH_LABEL_LINE_HEIGHT,
+      color: colors.textMuted
+    },
+    dot: {
+      ...dot,
+      top: _geometry.WEEK_ROW_V_MARGIN + DOT_TOP
+    },
+    dotFirst: {
+      ...dot,
+      top: _geometry.WEEK_ROW_V_MARGIN + DOT_TOP + FIRST_SHIFT
+    },
+    dotDefault: {
+      backgroundColor: colors.accent
+    },
+    pill: {
+      position: 'absolute',
+      top: _geometry.WEEK_ROW_V_MARGIN,
+      left: 0,
+      width: _geometry.DAY_CELL,
+      height: _geometry.DAY_CELL,
+      borderRadius: _tokens.RADIUS.full,
+      // Active selection — the calendar's one accent fill: one accent, nowhere else.
+      backgroundColor: colors.accentFill
+    },
+    pillContent: {
+      ..._reactNative.StyleSheet.absoluteFillObject
+    },
+    // A TextInput sits where a Text does only with Android's padding and font padding zeroed.
+    pillLabel: {
+      ...text,
+      top: _geometry.DAY_TEXT_MARGIN_TOP,
+      left: 0,
+      height: _geometry.DAY_LINE_HEIGHT,
+      padding: 0,
+      includeFontPadding: false,
+      color: colors.onAccentFill
+    },
+    pillDot: {
+      ...dot,
+      top: DOT_TOP,
+      left: DOT_INSET,
+      backgroundColor: colors.onAccentFill
+    }
+  });
+};
+//# sourceMappingURL=WeekStrip.js.map