react-native-agenda-kit 0.1.0

package/lib/commonjs/core/motion.js

@@ -0,0 +1,56 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.useScreenReaderEnabled = exports.useReduceMotion = exports.kitDuration = exports.KIT_EASING = void 0;
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = require("react-native-reanimated");
+/**
+ * The kit's motion inputs and the two accessibility flags it obeys.
+ *
+ * Durations come from `theme/tokens` (`ANIMATION.fast/base/slow`). They are
+ * module constants, not themeable: `KIT_EASING` is captured by worklets at
+ * module scope and so cannot read a React context.
+ */
+
+const KIT_EASING = exports.KIT_EASING = _reactNativeReanimated.Easing.bezier(..._tokens.EASING.bezier);
+
+/** Reanimated treats `duration: 0` as an immediate set, so a snap stays a snap. */
+const kitDuration = (ms, reduced) => reduced ? 0 : ms;
+
+/** A platform that cannot answer gets the default: full motion, visual calendar. */
+exports.kitDuration = kitDuration;
+const useA11yFlag = (read, event) => {
+  const [on, setOn] = (0, _react.useState)(false);
+  (0, _react.useEffect)(() => {
+    let alive = true;
+    read().then(value => {
+      if (alive) setOn(value);
+    }).catch(() => undefined);
+    const sub = _reactNative.AccessibilityInfo.addEventListener(event, value => {
+      if (alive) setOn(Boolean(value));
+    });
+    return () => {
+      alive = false;
+      sub.remove();
+    };
+  }, [read, event]);
+  return on;
+};
+const readReduceMotion = () => _reactNative.AccessibilityInfo.isReduceMotionEnabled();
+const readScreenReader = () => _reactNative.AccessibilityInfo.isScreenReaderEnabled();
+
+/** Subscribe ONCE per tree: the provider reads it and publishes it on the context. */
+const useReduceMotion = () => useA11yFlag(readReduceMotion, 'reduceMotionChanged');
+
+/**
+ * TalkBack does not see opacity, so the stacked week strip and month grid would
+ * both be read. `ExpandableCalendar` renders a static grid while this is true.
+ */
+exports.useReduceMotion = useReduceMotion;
+const useScreenReaderEnabled = () => useA11yFlag(readScreenReader, 'screenReaderChanged');
+exports.useScreenReaderEnabled = useScreenReaderEnabled;
+//# sourceMappingURL=motion.js.map

package/lib/commonjs/core/motion.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["_tokens","require","_react","_reactNative","_reactNativeReanimated","KIT_EASING","exports","Easing","bezier","EASING","kitDuration","ms","reduced","useA11yFlag","read","event","on","setOn","useState","useEffect","alive","then","value","catch","undefined","sub","AccessibilityInfo","addEventListener","Boolean","remove","readReduceMotion","isReduceMotionEnabled","readScreenReader","isScreenReaderEnabled","useReduceMotion","useScreenReaderEnabled"],"sourceRoot":"../../../src","sources":["core/motion.ts"],"mappings":";;;;;;AAQA,IAAAA,OAAA,GAAAC,OAAA;AACA,IAAAC,MAAA,GAAAD,OAAA;AACA,IAAAE,YAAA,GAAAF,OAAA;AACA,IAAAG,sBAAA,GAAAH,OAAA;AAXA;AACA;AACA;AACA;AACA;AACA;AACA;;AAOO,MAAMI,UAAU,GAAAC,OAAA,CAAAD,UAAA,GAAGE,6BAAM,CAACC,MAAM,CAAC,GAAGC,cAAM,CAACD,MAAM,CAAC;;AAEzD;AACO,MAAME,WAAW,GAAGA,CAACC,EAAU,EAAEC,OAAgB,KAAcA,OAAO,GAAG,CAAC,GAAGD,EAAG;;AAEvF;AAAAL,OAAA,CAAAI,WAAA,GAAAA,WAAA;AACA,MAAMG,WAAW,GAAGA,CAACC,IAA4B,EAAEC,KAAmC,KAAc;EAClG,MAAM,CAACC,EAAE,EAAEC,KAAK,CAAC,GAAG,IAAAC,eAAQ,EAAC,KAAK,CAAC;EACnC,IAAAC,gBAAS,EAAC,MAAM;IACd,IAAIC,KAAK,GAAG,IAAI;IAChBN,IAAI,CAAC,CAAC,CACHO,IAAI,CAAEC,KAAK,IAAK;MACf,IAAIF,KAAK,EAAEH,KAAK,CAACK,KAAK,CAAC;IACzB,CAAC,CAAC,CACDC,KAAK,CAAC,MAAMC,SAAS,CAAC;IACzB,MAAMC,GAAG,GAAGC,8BAAiB,CAACC,gBAAgB,CAACZ,KAAK,EAAGO,KAAK,IAAK;MAC/D,IAAIF,KAAK,EAAEH,KAAK,CAACW,OAAO,CAACN,KAAK,CAAC,CAAC;IAClC,CAAC,CAAC;IACF,OAAO,MAAM;MACXF,KAAK,GAAG,KAAK;MACbK,GAAG,CAACI,MAAM,CAAC,CAAC;IACd,CAAC;EACH,CAAC,EAAE,CAACf,IAAI,EAAEC,KAAK,CAAC,CAAC;EACjB,OAAOC,EAAE;AACX,CAAC;AAED,MAAMc,gBAAgB,GAAGA,CAAA,KAAMJ,8BAAiB,CAACK,qBAAqB,CAAC,CAAC;AACxE,MAAMC,gBAAgB,GAAGA,CAAA,KAAMN,8BAAiB,CAACO,qBAAqB,CAAC,CAAC;;AAExE;AACO,MAAMC,eAAe,GAAGA,CAAA,KAAerB,WAAW,CAACiB,gBAAgB,EAAE,qBAAqB,CAAC;;AAElG;AACA;AACA;AACA;AAHAxB,OAAA,CAAA4B,eAAA,GAAAA,eAAA;AAIO,MAAMC,sBAAsB,GAAGA,CAAA,KACpCtB,WAAW,CAACmB,gBAAgB,EAAE,qBAAqB,CAAC;AAAC1B,OAAA,CAAA6B,sBAAA,GAAAA,sBAAA","ignoreList":[]}

package/lib/commonjs/core/worklets.js

@@ -0,0 +1,44 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.clampNum = exports.bsearchLE = void 0;
+/**
+ * Module-scope `'worklet'` helpers. The babel plugin workletizes a top-level
+ * function with the directive unconditionally; inside a hook call it depends on
+ * configuration (`hooks/useChromeScrub.ts:24-39`).
+ */
+
+/**
+ * Largest `i` with `offsets[i] <= y`, or 0. `offsets` is a strictly increasing
+ * prefix-sum table, so the search is exact and allocation-free.
+ */
+const bsearchLE = (offsets, y) => {
+  'worklet';
+
+  let lo = 0;
+  let hi = offsets.length - 1;
+  if (hi < 0 || y <= offsets[0]) return 0;
+  if (y >= offsets[hi]) return hi;
+  while (lo < hi) {
+    // Upper mid, so the loop converges on the LAST index satisfying the predicate.
+    const mid = lo + hi + 1 >> 1;
+    if (offsets[mid] <= y) lo = mid;else hi = mid - 1;
+  }
+  return lo;
+};
+exports.bsearchLE = bsearchLE;
+const clampNum = (v, lo, hi) => {
+  'worklet';
+
+  return v < lo ? lo : v > hi ? hi : v;
+};
+
+// Without the worklets babel plugin every scroll handler silently runs on the JS
+// thread; the only symptom would be the jank the kit exists to remove.
+exports.clampNum = clampNum;
+if (__DEV__ && clampNum.__workletHash === undefined) {
+  console.error('[agenda-kit] worklet helpers are not workletized — the worklets babel plugin did not run over this package. Metro must apply babel to node_modules.');
+}
+//# sourceMappingURL=worklets.js.map

package/lib/commonjs/core/worklets.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["bsearchLE","offsets","y","lo","hi","length","mid","exports","clampNum","v","__DEV__","__workletHash","undefined","console","error"],"sourceRoot":"../../../src","sources":["core/worklets.ts"],"mappings":";;;;;;AAAA;AACA;AACA;AACA;AACA;;AAEA;AACA;AACA;AACA;AACO,MAAMA,SAAS,GAAGA,CAACC,OAA0B,EAAEC,CAAS,KAAa;EAC1E,SAAS;;EACT,IAAIC,EAAE,GAAG,CAAC;EACV,IAAIC,EAAE,GAAGH,OAAO,CAACI,MAAM,GAAG,CAAC;EAC3B,IAAID,EAAE,GAAG,CAAC,IAAIF,CAAC,IAAID,OAAO,CAAC,CAAC,CAAC,EAAE,OAAO,CAAC;EACvC,IAAIC,CAAC,IAAID,OAAO,CAACG,EAAE,CAAC,EAAE,OAAOA,EAAE;EAC/B,OAAOD,EAAE,GAAGC,EAAE,EAAE;IACd;IACA,MAAME,GAAG,GAAIH,EAAE,GAAGC,EAAE,GAAG,CAAC,IAAK,CAAC;IAC9B,IAAIH,OAAO,CAACK,GAAG,CAAC,IAAIJ,CAAC,EAAEC,EAAE,GAAGG,GAAG,CAAC,KAC3BF,EAAE,GAAGE,GAAG,GAAG,CAAC;EACnB;EACA,OAAOH,EAAE;AACX,CAAC;AAACI,OAAA,CAAAP,SAAA,GAAAA,SAAA;AAEK,MAAMQ,QAAQ,GAAGA,CAACC,CAAS,EAAEN,EAAU,EAAEC,EAAU,KAAa;EACrE,SAAS;;EACT,OAAOK,CAAC,GAAGN,EAAE,GAAGA,EAAE,GAAGM,CAAC,GAAGL,EAAE,GAAGA,EAAE,GAAGK,CAAC;AACtC,CAAC;;AAED;AACA;AAAAF,OAAA,CAAAC,QAAA,GAAAA,QAAA;AACA,IAAIE,OAAO,IAAKF,QAAQ,CAA4CG,aAAa,KAAKC,SAAS,EAAE;EAC/FC,OAAO,CAACC,KAAK,CACX,qJACF,CAAC;AACH","ignoreList":[]}

package/lib/commonjs/expandable/DayCell.js

@@ -0,0 +1,120 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.DayCell = void 0;
+var _index = require("../theme/index.js");
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _KitText = require("../core/KitText.js");
+var _geometry = require("./geometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+/**
+ * One day in the MONTH GRID. Selection arrives as a plain prop from the committed
+ * date, and `memo` on primitive props means a commit re-renders two cells, not the
+ * month. (The week strip tracks a fling frame by frame with one pill instead.)
+ */
+
+const DayCellInner = ({
+  dayIndex,
+  label,
+  left,
+  top,
+  isToday,
+  isDisabled,
+  isSelected,
+  dot,
+  onPress,
+  accessibilityLabel
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const state = isSelected ? 3 : isDisabled ? 2 : isToday ? 1 : 0;
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.Pressable, {
+    style: [styles.cell, {
+      left,
+      top
+    }, isSelected ? styles.cellSelected : null],
+    onPress: () => onPress(dayIndex),
+    disabled: isDisabled,
+    accessibilityRole: "button",
+    accessibilityLabel: accessibilityLabel,
+    accessibilityState: {
+      selected: isSelected,
+      disabled: isDisabled
+    },
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_KitText.KitText, {
+      style: styles.text[state],
+      children: label
+    }), dot !== null ? /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+      style: [styles.dot, isSelected || !dot ? styles.dotFill[state] : {
+        backgroundColor: dot
+      }]
+    }) : null]
+  });
+};
+const DayCell = exports.DayCell = /*#__PURE__*/(0, _react.memo)(DayCellInner);
+DayCell.displayName = 'DayCell';
+
+/** `text` and `dotFill` are indexed by state: 0 plain, 1 today, 2 disabled, 3 selected. */
+const makeStyles = ({
+  colors,
+  fonts
+}) => {
+  const text = {
+    marginTop: _geometry.DAY_TEXT_MARGIN_TOP,
+    fontFamily: fonts.regular,
+    fontSize: _tokens.FONT_SIZE.sm,
+    lineHeight: _geometry.DAY_LINE_HEIGHT
+  };
+  const s = _reactNative.StyleSheet.create({
+    cell: {
+      position: 'absolute',
+      width: _geometry.DAY_CELL,
+      height: _geometry.DAY_CELL,
+      borderRadius: _tokens.RADIUS.full,
+      alignItems: 'center'
+    },
+    // The one accent use on the calendar — active selection: one accent, nowhere else.
+    cellSelected: {
+      backgroundColor: colors.accentFill
+    },
+    text: {
+      ...text,
+      color: colors.text
+    },
+    textToday: {
+      ...text,
+      color: colors.accent
+    },
+    textDisabled: {
+      ...text,
+      color: colors.textMuted
+    },
+    textSelected: {
+      ...text,
+      color: colors.onAccentFill
+    },
+    dot: {
+      width: _geometry.DOT_SIZE,
+      height: _geometry.DOT_SIZE,
+      marginTop: _geometry.DOT_MARGIN_TOP,
+      borderRadius: _tokens.RADIUS.full
+    },
+    dotDefault: {
+      backgroundColor: colors.accent
+    },
+    dotSelected: {
+      backgroundColor: colors.onAccentFill
+    }
+  });
+  return {
+    cell: s.cell,
+    cellSelected: s.cellSelected,
+    dot: s.dot,
+    text: [s.text, s.textToday, s.textDisabled, s.textSelected],
+    dotFill: [s.dotDefault, s.dotDefault, s.dotDefault, s.dotSelected]
+  };
+};
+//# sourceMappingURL=DayCell.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_tokens","_react","_reactNative","_KitText","_geometry","_jsxRuntime","DayCellInner","dayIndex","label","left","top","isToday","isDisabled","isSelected","dot","onPress","accessibilityLabel","styles","useKitStyles","makeStyles","state","jsxs","Pressable","style","cell","cellSelected","disabled","accessibilityRole","accessibilityState","selected","children","jsx","KitText","text","View","dotFill","backgroundColor","DayCell","exports","memo","displayName","colors","fonts","marginTop","DAY_TEXT_MARGIN_TOP","fontFamily","regular","fontSize","FONT_SIZE","sm","lineHeight","DAY_LINE_HEIGHT","s","StyleSheet","create","position","width","DAY_CELL","height","borderRadius","RADIUS","full","alignItems","accentFill","color","textToday","accent","textDisabled","textMuted","textSelected","onAccentFill","DOT_SIZE","DOT_MARGIN_TOP","dotDefault","dotSelected"],"sourceRoot":"../../../src","sources":["expandable/DayCell.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/expandable/ExpandableCalendar.js

@@ -0,0 +1,280 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.ExpandableCalendar = 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 _CalendarContext = require("../core/CalendarContext.js");
+var _dateKey = require("../core/dateKey.js");
+var _motion = require("../core/motion.js");
+var _worklets = require("../core/worklets.js");
+var _calendarCells = require("./calendarCells.js");
+var _geometry = require("./geometry.js");
+var _Knob = require("./Knob.js");
+var _MonthPager = require("./MonthPager.js");
+var _useExpandGesture = require("./useExpandGesture.js");
+var _WeekStrip = require("./WeekStrip.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 expandable calendar — week strip closed, month grid open — and the body it
+ * pushes down.
+ *
+ * Nothing animates height. `progress` (0 closed, 1 open) moves and every layer
+ * reads it as a transform or opacity: the month layer fades in and slides from
+ * "selected week on top" to its natural place, the strip fades out, and the knob
+ * and fixed-height body translate by `progress · travel`, where `travel` belongs
+ * to the VISIBLE month and re-targets when that changes while open.
+ *
+ * The body renders `children` because it must read `progress`. A list drag closes
+ * an open calendar: the grid shows the committed date, the list the day under it.
+ * With a screen reader the calendar is a static open month grid — TalkBack ignores
+ * opacity, would read strip and grid both, and cannot perform the pan.
+ */
+
+const POSITIONS = {
+  CLOSED: 'closed',
+  OPEN: 'open'
+};
+const {
+  closed: CLOSED_H,
+  full: CALENDAR_H
+} = (0, _geometry.calendarHeights)(_geometry.MAX_WEEKS);
+/**
+ * Invisible, so the stale translateY is unseen; one object makes Reanimated skip the
+ * update. Opacity only: `updateProps` reassigns `transform` on the object it is given.
+ */
+const CLOSED_MONTH_STYLE = {
+  opacity: 0
+};
+const ExpandableCalendarInner = ({
+  initialPosition = 'closed',
+  onCalendarToggled,
+  style,
+  closeOnDayPress = true,
+  closeOnListScroll = true,
+  markedDates,
+  disablePan = false,
+  openThreshold,
+  closeThreshold,
+  knobAccessibilityLabel,
+  dayAccessibilityLabel,
+  monthShortLabels,
+  children,
+  ref
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  const {
+    range,
+    store,
+    dateRef,
+    setDate,
+    reduceMotion
+  } = (0, _CalendarContext.useCalendarContext)();
+  const date = (0, _CalendarContext.useCalendarDate)();
+  const screenReader = (0, _motion.useScreenReaderEnabled)();
+  const {
+    dayIndex,
+    listDragSeq
+  } = store;
+  const [layout, setLayout] = (0, _react.useState)(() => ({
+    width: _reactNative.Dimensions.get('window').width,
+    height: 0
+  }));
+  const [isOpen, setIsOpen] = (0, _react.useState)(initialPosition === 'open');
+  const {
+    labels,
+    ordinalByIndex,
+    pages
+  } = (0, _react.useMemo)(() => (0, _calendarCells.buildCalendarCells)(range), [range]);
+  const dots = (0, _react.useMemo)(() => (0, _calendarCells.buildDots)(range, markedDates), [range, markedDates]);
+  const lefts = (0, _react.useMemo)(() => (0, _calendarCells.cellLefts)(layout.width), [layout.width]);
+  const a11yLabels = (0, _react.useMemo)(() => screenReader && dayAccessibilityLabel ? range.ymdByIndex.map(ymd => dayAccessibilityLabel(ymd)) : undefined, [dayAccessibilityLabel, range, screenReader]);
+  const [initialPage] = (0, _react.useState)(() => (0, _calendarCells.pageOfIndex)(pages, (0, _dateKey.clampIndex)(range, (0, _dateKey.dayIndexOf)(range, dateRef.current))));
+  const progress = (0, _reactNativeReanimated.useSharedValue)(initialPosition === 'open' ? 1 : 0);
+  const visiblePage = (0, _reactNativeReanimated.useSharedValue)(initialPage);
+  const travel = (0, _reactNativeReanimated.useSharedValue)((0, _geometry.calendarHeights)(pages.weeksByPage[initialPage] ?? 5).travel);
+  const pagesSV = (0, _reactNativeReanimated.useSharedValue)(pages);
+  const writtenPages = (0, _react.useRef)(pages);
+  (0, _react.useLayoutEffect)(() => {
+    if (writtenPages.current === pages) return;
+    writtenPages.current = pages;
+    pagesSV.value = pages;
+  }, [pages, pagesSV]);
+  const retarget = (0, _motion.kitDuration)(_tokens.ANIMATION.base, reduceMotion);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => visiblePage.value, (page, prev) => {
+    if (prev === null || page === prev) return;
+    const next = (0, _geometry.calendarHeights)(pagesSV.value.weeksByPage[page] ?? 5).travel;
+    // Open: glide the body to the new month's bottom edge. Closed: record it for the next open.
+    travel.value = progress.value > 0 ? (0, _reactNativeReanimated.withTiming)(next, {
+      duration: retarget,
+      easing: _motion.KIT_EASING
+    }) : next;
+  });
+
+  // Through a ref: the gesture's worklets capture `handleToggled`, so it never changes identity.
+  const onToggledRef = (0, _react.useRef)(onCalendarToggled);
+  (0, _react.useLayoutEffect)(() => {
+    onToggledRef.current = onCalendarToggled;
+  });
+  const handleToggled = (0, _react.useCallback)(open => {
+    setIsOpen(open);
+    onToggledRef.current?.(open);
+  }, []);
+  const {
+    pan,
+    snapTo,
+    lastReported
+  } = (0, _useExpandGesture.useExpandGesture)({
+    progress,
+    travel,
+    enabled: !disablePan && !screenReader,
+    openThreshold,
+    closeThreshold,
+    reduceMotion,
+    initialOpen: initialPosition === 'open',
+    onToggled: handleToggled
+  });
+  const toggle = (0, _react.useCallback)(() => snapTo(), [snapTo]);
+
+  // Not foldable into the gesture's `initialOpen`/`enabled`: the flag resolves after
+  // mount, and `enabled` is also false for `disablePan`, which must not open.
+  (0, _react.useEffect)(() => {
+    if (screenReader) snapTo(1);
+  }, [screenReader, snapTo]);
+  (0, _reactNativeReanimated.useAnimatedReaction)(() => listDragSeq.value, (seq, prev) => {
+    // Only a CHANGE of the counter is a drag; its first reading is the mount.
+    if (prev === null || seq === prev || !closeOnListScroll || screenReader) return;
+    if (progress.value > 0) (0, _useExpandGesture.snap)(progress, lastReported, 0, reduceMotion, handleToggled);
+  });
+  (0, _react.useImperativeHandle)(ref, () => ({
+    toggleCalendarPosition: screenReader ? () => true : toggle
+  }), [screenReader, toggle]);
+  const handleDayPress = (0, _react.useCallback)(idx => {
+    if ((0, _dateKey.clampIndex)(range, idx) !== idx) return;
+    setDate((0, _dateKey.ymdAt)(range, idx), 'dayPress');
+    // Same tick as the date: no race between the agenda's scroll and the collapse.
+    if (closeOnDayPress && !screenReader && progress.value > 0) snapTo(0);
+  }, [closeOnDayPress, progress, range, screenReader, setDate, snapTo]);
+  const monthStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => {
+    const p = progress.value;
+    if (p === 0) return CLOSED_MONTH_STYLE;
+    const {
+      gridStartByPage,
+      weeksByPage
+    } = pagesSV.value;
+    const page = visiblePage.value;
+    const row = (0, _worklets.clampNum)(Math.floor((dayIndex.value - (gridStartByPage[page] ?? 0)) / 7), 0, (weeksByPage[page] ?? _geometry.MAX_WEEKS) - 1);
+    return {
+      opacity: p,
+      transform: [{
+        translateY: -(1 - p) * row * _geometry.WEEK_ROW_HEIGHT
+      }]
+    };
+  });
+  const weekStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    opacity: 1 - progress.value
+  }));
+  const knobStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: CLOSED_H - _geometry.KNOB_CONTAINER_HEIGHT + progress.value * travel.value
+    }]
+  }));
+  const bodyStyle = (0, _reactNativeReanimated.useAnimatedStyle)(() => ({
+    transform: [{
+      translateY: progress.value * travel.value
+    }]
+  }));
+  const onLayout = (0, _react.useCallback)(e => {
+    const {
+      width,
+      height
+    } = e.nativeEvent.layout;
+    setLayout(prev => Math.abs(prev.width - width) < 0.5 && Math.abs(prev.height - height) < 0.5 ? prev : {
+      width,
+      height
+    });
+  }, []);
+  return /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+    style: [styles.region, style],
+    onLayout: onLayout,
+    children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeGestureHandler.GestureDetector, {
+      gesture: pan,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsxs)(_reactNative.View, {
+        collapsable: false,
+        style: styles.calendar,
+        children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_MonthPager.MonthPager, {
+          width: layout.width,
+          lefts: lefts,
+          pages: pages,
+          pagesSV: pagesSV,
+          labels: labels,
+          a11yLabels: a11yLabels,
+          dots: dots,
+          selectedIndex: (0, _dateKey.dayIndexOf)(range, date),
+          initialPage: initialPage,
+          visiblePage: visiblePage,
+          onDayPress: handleDayPress,
+          animatedStyle: monthStyle,
+          isOpen: isOpen,
+          screenReader: screenReader
+        }), screenReader ? null : /*#__PURE__*/(0, _jsxRuntime.jsxs)(_jsxRuntime.Fragment, {
+          children: [/*#__PURE__*/(0, _jsxRuntime.jsx)(_WeekStrip.WeekStrip, {
+            width: layout.width,
+            lefts: lefts,
+            labels: labels,
+            ordinals: ordinalByIndex,
+            monthShortLabels: monthShortLabels,
+            dots: dots,
+            onDayPress: handleDayPress,
+            animatedStyle: weekStyle,
+            interactive: !isOpen
+          }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_Knob.Knob, {
+            animatedStyle: knobStyle,
+            onPress: toggle,
+            accessibilityLabel: knobAccessibilityLabel
+          })]
+        })]
+      })
+    }), /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+      style: [styles.body, {
+        height: Math.max(0, layout.height - CLOSED_H)
+      }, bodyStyle],
+      children: children
+    })]
+  });
+};
+const ExpandableCalendar = exports.ExpandableCalendar = Object.assign(/*#__PURE__*/(0, _react.memo)(ExpandableCalendarInner), {
+  positions: POSITIONS
+});
+const makeStyles = ({
+  colors
+}) => _reactNative.StyleSheet.create({
+  region: {
+    flex: 1,
+    overflow: 'hidden',
+    backgroundColor: colors.surface
+  },
+  calendar: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: CALENDAR_H,
+    backgroundColor: colors.surface
+  },
+  body: {
+    position: 'absolute',
+    top: CLOSED_H,
+    left: 0,
+    right: 0,
+    backgroundColor: colors.surface
+  }
+});
+//# sourceMappingURL=ExpandableCalendar.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_tokens","_react","_reactNative","_reactNativeGestureHandler","_reactNativeReanimated","_interopRequireWildcard","_CalendarContext","_dateKey","_motion","_worklets","_calendarCells","_geometry","_Knob","_MonthPager","_useExpandGesture","_WeekStrip","_jsxRuntime","e","t","WeakMap","r","n","__esModule","o","i","f","__proto__","default","has","get","set","hasOwnProperty","call","Object","defineProperty","getOwnPropertyDescriptor","POSITIONS","CLOSED","OPEN","closed","CLOSED_H","full","CALENDAR_H","calendarHeights","MAX_WEEKS","CLOSED_MONTH_STYLE","opacity","ExpandableCalendarInner","initialPosition","onCalendarToggled","style","closeOnDayPress","closeOnListScroll","markedDates","disablePan","openThreshold","closeThreshold","knobAccessibilityLabel","dayAccessibilityLabel","monthShortLabels","children","ref","styles","useKitStyles","makeStyles","range","store","dateRef","setDate","reduceMotion","useCalendarContext","date","useCalendarDate","screenReader","useScreenReaderEnabled","dayIndex","listDragSeq","layout","setLayout","useState","width","Dimensions","height","isOpen","setIsOpen","labels","ordinalByIndex","pages","useMemo","buildCalendarCells","dots","buildDots","lefts","cellLefts","a11yLabels","ymdByIndex","map","ymd","undefined","initialPage","pageOfIndex","clampIndex","dayIndexOf","current","progress","useSharedValue","visiblePage","travel","weeksByPage","pagesSV","writtenPages","useRef","useLayoutEffect","value","retarget","kitDuration","ANIMATION","base","useAnimatedReaction","page","prev","next","withTiming","duration","easing","KIT_EASING","onToggledRef","handleToggled","useCallback","open","pan","snapTo","lastReported","useExpandGesture","enabled","initialOpen","onToggled","toggle","useEffect","seq","snap","useImperativeHandle","toggleCalendarPosition","handleDayPress","idx","ymdAt","monthStyle","useAnimatedStyle","p","gridStartByPage","row","clampNum","Math","floor","transform","translateY","WEEK_ROW_HEIGHT","weekStyle","knobStyle","KNOB_CONTAINER_HEIGHT","bodyStyle","onLayout","nativeEvent","abs","jsxs","View","region","jsx","GestureDetector","gesture","collapsable","calendar","MonthPager","selectedIndex","onDayPress","animatedStyle","Fragment","WeekStrip","ordinals","interactive","Knob","onPress","accessibilityLabel","body","max","ExpandableCalendar","exports","assign","memo","positions","colors","StyleSheet","create","flex","overflow","backgroundColor","surface","position","top","left","right"],"sourceRoot":"../../../src","sources":["expandable/ExpandableCalendar.tsx"],"mappings":"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","ignoreList":[]}

package/lib/commonjs/expandable/Knob.js

@@ -0,0 +1,72 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Knob = void 0;
+var _index = require("../theme/index.js");
+var _tokens = require("../theme/tokens.js");
+var _react = require("react");
+var _reactNative = require("react-native");
+var _reactNativeReanimated = _interopRequireDefault(require("react-native-reanimated"));
+var _geometry = require("./geometry.js");
+var _jsxRuntime = require("react/jsx-runtime");
+function _interopRequireDefault(e) { return e && e.__esModule ? e : { default: e }; }
+/**
+ * The drag band under the calendar. A tap toggles; a drag anywhere on the
+ * calendar (not just here) opens and closes — the band is the affordance, not
+ * the only hit area.
+ *
+ * A `Pressable`, not a `Gesture.Tap` raced against the pan. The tap belongs to
+ * the knob alone; racing a tap on the whole detector would make every day-cell
+ * tap also toggle the calendar.
+ */
+
+const KnobInner = ({
+  animatedStyle,
+  onPress,
+  accessibilityLabel
+}) => {
+  const styles = (0, _index.useKitStyles)(makeStyles);
+  return /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNativeReanimated.default.View, {
+    style: [styles.container, animatedStyle],
+    children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.Pressable, {
+      style: styles.hit,
+      onPress: onPress,
+      accessibilityRole: "button",
+      accessibilityLabel: accessibilityLabel,
+      children: /*#__PURE__*/(0, _jsxRuntime.jsx)(_reactNative.View, {
+        style: styles.knob
+      })
+    })
+  });
+};
+const Knob = exports.Knob = /*#__PURE__*/(0, _react.memo)(KnobInner);
+Knob.displayName = 'Knob';
+const makeStyles = ({
+  colors
+}) => _reactNative.StyleSheet.create({
+  container: {
+    position: 'absolute',
+    top: 0,
+    left: 0,
+    right: 0,
+    height: _geometry.KNOB_CONTAINER_HEIGHT,
+    backgroundColor: colors.surface
+  },
+  hit: {
+    flex: 1,
+    alignItems: 'center',
+    justifyContent: 'center'
+  },
+  knob: {
+    width: _geometry.KNOB_WIDTH,
+    height: _geometry.KNOB_HEIGHT,
+    // A pill is the one shape `full` exists for — the one shape `full` exists for.
+    borderRadius: _tokens.RADIUS.full,
+    // The library's default `expandableKnobColor` is #e8ecf0 — a slate grey,
+    // which reads as a tinted surface. `border` is the nearest true-neutral.
+    backgroundColor: colors.border
+  }
+});
+//# sourceMappingURL=Knob.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["_index","require","_tokens","_react","_reactNative","_reactNativeReanimated","_interopRequireDefault","_geometry","_jsxRuntime","e","__esModule","default","KnobInner","animatedStyle","onPress","accessibilityLabel","styles","useKitStyles","makeStyles","jsx","View","style","container","children","Pressable","hit","accessibilityRole","knob","Knob","exports","memo","displayName","colors","StyleSheet","create","position","top","left","right","height","KNOB_CONTAINER_HEIGHT","backgroundColor","surface","flex","alignItems","justifyContent","width","KNOB_WIDTH","KNOB_HEIGHT","borderRadius","RADIUS","full","border"],"sourceRoot":"../../../src","sources":["expandable/Knob.tsx"],"mappings":";;;;;;AAUA,IAAAA,MAAA,GAAAC,OAAA;AACA,IAAAC,OAAA,GAAAD,OAAA;AACA,IAAAE,MAAA,GAAAF,OAAA;AACA,IAAAG,YAAA,GAAAH,OAAA;AACA,IAAAI,sBAAA,GAAAC,sBAAA,CAAAL,OAAA;AACA,IAAAM,SAAA,GAAAN,OAAA;AAA4E,IAAAO,WAAA,GAAAP,OAAA;AAAA,SAAAK,uBAAAG,CAAA,WAAAA,CAAA,IAAAA,CAAA,CAAAC,UAAA,GAAAD,CAAA,KAAAE,OAAA,EAAAF,CAAA;AAf5E;AACA;AACA;AACA;AACA;AACA;AACA;AACA;AACA;;AAeA,MAAMG,SAAS,GAAGA,CAAC;EAAEC,aAAa;EAAEC,OAAO;EAAEC;AAA0B,CAAC,KAAK;EAC3E,MAAMC,MAAM,GAAG,IAAAC,mBAAY,EAACC,UAAU,CAAC;EACvC,oBACE,IAAAV,WAAA,CAAAW,GAAA,EAACd,sBAAA,CAAAM,OAAQ,CAACS,IAAI;IAACC,KAAK,EAAE,CAACL,MAAM,CAACM,SAAS,EAAET,aAAa,CAAE;IAAAU,QAAA,eACtD,IAAAf,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAoB,SAAS;MACRH,KAAK,EAAEL,MAAM,CAACS,GAAI;MAClBX,OAAO,EAAEA,OAAQ;MACjBY,iBAAiB,EAAC,QAAQ;MAC1BX,kBAAkB,EAAEA,kBAAmB;MAAAQ,QAAA,eAEvC,IAAAf,WAAA,CAAAW,GAAA,EAACf,YAAA,CAAAgB,IAAI;QAACC,KAAK,EAAEL,MAAM,CAACW;MAAK,CAAE;IAAC,CACnB;EAAC,CACC,CAAC;AAEpB,CAAC;AAEM,MAAMC,IAAI,GAAAC,OAAA,CAAAD,IAAA,gBAAG,IAAAE,WAAI,EAAClB,SAAS,CAAC;AACnCgB,IAAI,CAACG,WAAW,GAAG,MAAM;AAEzB,MAAMb,UAAU,GAAGA,CAAC;EAAEc;AAAqB,CAAC,KAC1CC,uBAAU,CAACC,MAAM,CAAC;EAChBZ,SAAS,EAAE;IACTa,QAAQ,EAAE,UAAU;IACpBC,GAAG,EAAE,CAAC;IACNC,IAAI,EAAE,CAAC;IACPC,KAAK,EAAE,CAAC;IACRC,MAAM,EAAEC,+BAAqB;IAC7BC,eAAe,EAAET,MAAM,CAACU;EAC1B,CAAC;EACDjB,GAAG,EAAE;IACHkB,IAAI,EAAE,CAAC;IACPC,UAAU,EAAE,QAAQ;IACpBC,cAAc,EAAE;EAClB,CAAC;EACDlB,IAAI,EAAE;IACJmB,KAAK,EAAEC,oBAAU;IACjBR,MAAM,EAAES,qBAAW;IACnB;IACAC,YAAY,EAAEC,cAAM,CAACC,IAAI;IACzB;IACA;IACAV,eAAe,EAAET,MAAM,CAACoB;EAC1B;AACF,CAAC,CAAC","ignoreList":[]}