@xaui/native 0.9.1-alpha.93 → 0.9.1-alpha.94

package/dist/chunk-SIOSYITD.cjs

@@ -0,0 +1,1039 @@
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+function _interopRequireDefault(obj) {
+  return obj && obj.__esModule ? obj : {
+    default: obj
+  };
+}
+function _nullishCoalesce(lhs, rhsFn) {
+  if (lhs != null) {
+    return lhs;
+  } else {
+    return rhsFn();
+  }
+}
+function _optionalChain(ops) {
+  let lastAccessLHS = undefined;
+  let value = ops[0];
+  let i = 1;
+  while (i < ops.length) {
+    const op = ops[i];
+    const fn = ops[i + 1];
+    i += 2;
+    if ((op === 'optionalAccess' || op === 'optionalCall') && value == null) {
+      return undefined;
+    }
+    if (op === 'access' || op === 'optionalAccess') {
+      lastAccessLHS = value;
+      value = fn(value);
+    } else if (op === 'call' || op === 'optionalCall') {
+      value = fn((...args) => value.call(lastAccessLHS, ...args));
+      lastAccessLHS = undefined;
+    }
+  }
+  return value;
+}
+var _chunk6ZWQDTGQcjs = require('./chunk-6ZWQDTGQ.cjs');
+var _chunkISHMSP6Pcjs = require('./chunk-ISHMSP6P.cjs');
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+var _chunkHBYT7B47cjs = require('./chunk-HBYT7B47.cjs');
+var _chunk7DPL3ZDScjs = require('./chunk-7DPL3ZDS.cjs');
+var _chunkGSZDN6EZcjs = require('./chunk-GSZDN6EZ.cjs');
+var _chunkFHNIGHN5cjs = require('./chunk-FHNIGHN5.cjs');
+var _chunkSL3V7R2Ycjs = require('./chunk-SL3V7R2Y.cjs');
+var _chunkCDRGTUYFcjs = require('./chunk-CDRGTUYF.cjs');
+var _chunkIIAQISBGcjs = require('./chunk-IIAQISBG.cjs');
+var _chunkTK44VBIEcjs = require('./chunk-TK44VBIE.cjs');
+
+// src/components/agenda-calendar/agenda-calendar-day.tsx
+var _react = require('react');
+var _reactnative = require('react-native');
+
+// src/components/agenda-calendar/agenda-calendar.context.ts
+var [AgendaCalendarProvider, useAgendaCalendar] = _chunkCDRGTUYFcjs.createSlotContext.call(void 0, "AgendaCalendar");
+
+// src/components/agenda-calendar/agenda-calendar-day.tsx
+var _jsxruntime = require('react/jsx-runtime');
+var AgendaCalendarDay = _react.forwardRef.call(void 0, function AgendaCalendarDay2({
+  date,
+  children,
+  isDisabled,
+  accessibilityRole,
+  accessibilityState,
+  accessibilityLabel,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    dayStyle,
+    daySelectedStyle,
+    dayLabelStyle,
+    dayLabelSelectedStyle,
+    dayLabelMutedStyle,
+    dotStyle,
+    dotSelectedStyle,
+    value,
+    locale,
+    hasEvent,
+    isDayEnabled,
+    select
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const isSelected = value !== void 0 && _chunkISHMSP6Pcjs.isSameDay.call(void 0, date, value);
+  const disabled = _nullishCoalesce(isDisabled, () => !isDayEnabled(date));
+  const marked = hasEvent(date);
+  const handlePress = _react.useCallback.call(void 0, event => {
+    select(date);
+    _optionalChain([onPress, 'optionalCall', _2 => _2(event)]);
+  }, [date, onPress, select]);
+  const label = _react.useMemo.call(void 0, () => fullDate(date, locale), [date, locale]);
+  const content = _nullishCoalesce(children, () => (/* @__PURE__ */_jsxruntime.jsxs.call(void 0, _jsxruntime.Fragment, {
+    children: [/* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+      style: [dayLabelStyle, disabled && dayLabelMutedStyle, isSelected && dayLabelSelectedStyle],
+      children: date.getDate()
+    }), marked ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      style: isSelected ? dotSelectedStyle : dotStyle
+    }) : null]
+  })));
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+    ref,
+    isPressed,
+    isDisabled: disabled,
+    accessibilityRole: _nullishCoalesce(accessibilityRole, () => "button"),
+    accessibilityLabel: _nullishCoalesce(accessibilityLabel, () => marked ? `${label} \u2014 ${MARKED_SUFFIX}` : label),
+    accessibilityState: {
+      disabled,
+      selected: isSelected,
+      ...accessibilityState
+    },
+    ...rest,
+    style: [dayStyle, isSelected && daySelectedStyle, styleProps, typeof style === "function" ? style({
+      pressed: isPressed
+    }) : style],
+    onPress: handlePress,
+    onPressIn: press.onPressIn,
+    onPressOut: press.onPressOut,
+    children: content
+  });
+});
+AgendaCalendarDay.displayName = "XAUI.AgendaCalendar.Day";
+var MARKED_SUFFIX = "has events";
+function fullDate(date, locale) {
+  try {
+    return new Intl.DateTimeFormat(locale, {
+      weekday: "long",
+      day: "numeric",
+      month: "long",
+      year: "numeric"
+    }).format(date);
+  } catch (e) {
+    return `${date.getDate()} ${_chunkISHMSP6Pcjs.monthLabel.call(void 0, date, locale)}`;
+  }
+}
+
+// src/components/agenda-calendar/agenda-calendar-header.tsx
+
+var AgendaCalendarHeader = _react.forwardRef.call(void 0, function AgendaCalendarHeader2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    headerStyle,
+    glyph
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.IconContext.Provider, {
+    value: glyph,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: [headerStyle, styleProps, style],
+      children
+    })
+  });
+});
+AgendaCalendarHeader.displayName = "XAUI.AgendaCalendar.Header";
+
+// src/components/agenda-calendar/agenda-calendar-month-picker.tsx
+
+var _reactnativereanimated = require('react-native-reanimated');
+var _reactnativereanimated2 = _interopRequireDefault(_reactnativereanimated);
+var AnimatedScrollView = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.ScrollView);
+var MIDDLE = 3;
+var OPEN_MS = 160;
+var AgendaCalendarMonthPicker = _react.forwardRef.call(void 0, function AgendaCalendarMonthPicker2({
+  format = "short",
+  style,
+  contentContainerStyle,
+  ...props
+}, ref) {
+  const {
+    pickerStyle,
+    pickerItemStyle,
+    pickerItemSelectedStyle,
+    pickerItemLabelStyle,
+    pickerItemLabelSelectedStyle,
+    days,
+    locale,
+    canGoByMonths,
+    goToMonthInYear
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const names = _react.useMemo.call(void 0, () => _chunkISHMSP6Pcjs.monthNames.call(void 0, locale, format), [locale, format]);
+  const shownMonth = days[MIDDLE].getMonth();
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedScrollView, {
+    ref,
+    ...rest,
+    horizontal: true,
+    style: [pickerStyle, styleProps, style],
+    contentContainerStyle: [{
+      alignItems: "center",
+      gap: theme.spacing(2)
+    }, contentContainerStyle],
+    showsHorizontalScrollIndicator: false,
+    entering: _reactnativereanimated.FadeIn.duration(OPEN_MS),
+    children: names.map((name, index) => {
+      const disabled = !canGoByMonths(index - shownMonth);
+      const isSelected = index === shownMonth;
+      return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+        isDisabled: disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: name,
+        accessibilityState: {
+          selected: isSelected,
+          disabled
+        },
+        style: [pickerItemStyle, isSelected && pickerItemSelectedStyle],
+        onPress: () => goToMonthInYear(index),
+        children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+          numberOfLines: 1,
+          style: [pickerItemLabelStyle, isSelected && pickerItemLabelSelectedStyle],
+          children: name
+        })
+      }, name);
+    })
+  });
+});
+AgendaCalendarMonthPicker.displayName = "XAUI.AgendaCalendar.MonthPicker";
+
+// src/components/agenda-calendar/agenda-calendar-nav.tsx
+
+var AgendaCalendarNav = _react.forwardRef.call(void 0, function AgendaCalendarNav2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    navStyle
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    ...rest,
+    style: [navStyle, styleProps, style],
+    children
+  });
+});
+AgendaCalendarNav.displayName = "XAUI.AgendaCalendar.Nav";
+
+// src/components/agenda-calendar/agenda-calendar-nav-button.tsx
+
+var sheet = _reactnative.StyleSheet.create({
+  back: {
+    transform: [{
+      rotate: "90deg"
+    }]
+  },
+  forward: {
+    transform: [{
+      rotate: "-90deg"
+    }]
+  }
+});
+function navButton(step, name, rotation) {
+  const Component = _react.forwardRef.call(void 0, function NavButton({
+    children,
+    step: overrideStep,
+    accessibilityRole,
+    accessibilityState,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const {
+      navButtonStyle,
+      page,
+      canPage,
+      isDisabled
+    } = useAgendaCalendar();
+    const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+    const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+      onPressIn,
+      onPressOut
+    });
+    const steps = _nullishCoalesce(overrideStep, () => step);
+    const disabled = isDisabled || !canPage(steps);
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled: disabled,
+      accessibilityRole: _nullishCoalesce(accessibilityRole, () => "button"),
+      accessibilityState: {
+        disabled,
+        ...accessibilityState
+      },
+      ...rest,
+      style: [navButtonStyle, styleProps, style],
+      onPress: event => {
+        _optionalChain([onPress, 'optionalCall', _3 => _3(event)]);
+        page(steps);
+      },
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: _nullishCoalesce(children, () => (/* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+        style: rotation,
+        children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkGSZDN6EZcjs.Icon, {
+          as: _chunkGSZDN6EZcjs.ChevronDownIcon
+        })
+      })))
+    });
+  });
+  Component.displayName = name;
+  return Component;
+}
+var AgendaCalendarPreviousButton = navButton(-1, "XAUI.AgendaCalendar.PreviousButton", sheet.back);
+var AgendaCalendarNextButton = navButton(1, "XAUI.AgendaCalendar.NextButton", sheet.forward);
+
+// src/components/agenda-calendar/agenda-calendar.tsx
+
+// src/components/agenda-calendar/agenda-calendar.recipe.ts
+var SLOTS = ["root", "header", "nav", "navButton", "today", "todayDisabled", "todayLabel", "week", "picker", "pickerItem"];
+var VARIANT_TOKENS = {
+  // One entry, and it is still a table: `resolveTint` only maps roles a variant declared,
+  // and without one the `color` a caller writes would never reach the pill's word. `fg` is
+  // `accent` — the word reads as the accent by default and takes the tint when there is
+  // one; `foreground` here left it plain, and left it `undefined` (RN's black) in dark
+  // wherever the token failed to resolve.
+  default: {
+    bg: "default",
+    fg: "accent"
+  }
+};
+var SIZES = {
+  sm: {
+    button: 32,
+    today: "xs"
+  },
+  md: {
+    button: 36,
+    today: "sm"
+  },
+  lg: {
+    button: 40,
+    today: "md"
+  }
+};
+function sizeAxis(step) {
+  const {
+    button,
+    today
+  } = step;
+  return theme => ({
+    navButton: {
+      width: button,
+      height: button,
+      borderRadius: button / 2
+    },
+    // A pill the height of the strip's own cell and a nav button, so the row of months
+    // sits where the row of days did without the header shifting.
+    pickerItem: {
+      height: button,
+      paddingHorizontal: theme.spacing(3),
+      borderRadius: button / 2
+    },
+    today: {
+      height: button,
+      paddingHorizontal: theme.spacing(3),
+      borderRadius: button / 2
+    },
+    todayLabel: {
+      fontSize: theme.fontSizes[today],
+      lineHeight: theme.lineHeights[today]
+    },
+    // The header is at least a button tall whether or not it holds one, so a card with a
+    // bare title does not sit shorter than the one beside it.
+    header: {
+      minHeight: button
+    },
+    root: {
+      gap: theme.spacing(2)
+    }
+  });
+}
+var agendaCalendarRecipe = _chunkSL3V7R2Ycjs.createRecipe.call(void 0, {
+  slots: SLOTS,
+  base: theme => ({
+    root: {
+      width: "100%",
+      backgroundColor: theme.colors.surface,
+      borderRadius: theme.radius["2xl"],
+      padding: theme.spacing(3)
+    },
+    header: {
+      flexDirection: "row",
+      alignItems: "center",
+      justifyContent: "space-between",
+      gap: theme.spacing(2)
+    },
+    /** The cluster on the trailing end: back, today, forward. */
+    nav: {
+      flexDirection: "row",
+      alignItems: "center",
+      gap: theme.spacing(1)
+    },
+    navButton: {
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    // A bordered pill rather than a filled one: it sits between two bare chevrons, and a
+    // filled button there would read as the primary action of the whole card.
+    today: {
+      alignItems: "center",
+      justifyContent: "center",
+      borderWidth: theme.borderWidth.default,
+      borderColor: theme.colors.border
+    },
+    todayLabel: {
+      fontFamily: theme.fontFamilies.body,
+      fontWeight: theme.fontWeights.medium,
+      color: theme.colors.accent
+    },
+    week: {
+      flexDirection: "row"
+    },
+    // A row that scrolls sideways where the week was. `flexGrow: 0` so the `ScrollView`
+    // does not eat the height the card gives it; the gap between pills is the
+    // `contentContainerStyle`'s, which a `ScrollView` refuses on its own style.
+    picker: {
+      flexGrow: 0
+    },
+    pickerItem: {
+      alignItems: "center",
+      justifyContent: "center"
+    },
+    // The pill goes dead once this week is the one on screen, and that is a **per-button**
+    // state rather than the recipe's `disabled` — which dims the whole card. Without a look
+    // of its own it would read as pressable and do nothing, which is the state the button
+    // exists to avoid on the chevrons beside it.
+    todayDisabled: {
+      opacity: theme.opacity.disabled
+    }
+  }),
+  variantTokens: VARIANT_TOKENS,
+  // The word is the one thing here a variant colours: the accent by default, the tint when
+  // a `color` is set. Guarded because a resolve pass with no variant token leaves `fg`
+  // unset, and spreading `{ color: undefined }` over the base would drop it to RN's black.
+  paint: (_theme, colors) => colors.fg ? {
+    todayLabel: {
+      color: colors.fg
+    }
+  } : {},
+  variants: {
+    size: {
+      sm: sizeAxis(SIZES.sm),
+      md: sizeAxis(SIZES.md),
+      lg: sizeAxis(SIZES.lg)
+    },
+    /** The card's own corner, not the chosen day's — that one is the calendar's. */
+    radius: _chunkSL3V7R2Ycjs.radiusAxis.call(void 0, "root")
+  },
+  states: {
+    disabled: theme => ({
+      root: {
+        opacity: theme.opacity.disabled
+      }
+    })
+  },
+  // `variant: 'default'` so both passes resolve the one token — without it `resolve` runs
+  // `paint` with no colours and `tint` bails before the word, so a `color` prop never
+  // reached the pill and dark mode fell through to black.
+  defaultVariants: {
+    variant: "default",
+    size: "md"
+  }
+});
+
+// src/components/agenda-calendar/agenda-calendar.tsx
+
+var DAYS_IN_WEEK = 7;
+var MONTHS_IN_YEAR = 12;
+var DEFAULT_YEAR_SPAN = 50;
+var AgendaCalendarRoot = _react.forwardRef.call(void 0, function AgendaCalendar({
+  children,
+  variant,
+  size = "md",
+  radius,
+  color,
+  value: controlledValue,
+  defaultValue,
+  onValueChange,
+  week: controlledWeek,
+  defaultWeek,
+  onWeekChange,
+  view: controlledView,
+  defaultView,
+  onViewChange,
+  events,
+  minValue,
+  maxValue,
+  firstDayOfWeek,
+  locale,
+  isDisabled = false,
+  asChild = false,
+  style,
+  ...props
+}, ref) {
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [value, setValue] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [fallbackWeek] = _react.useState.call(void 0, () => _chunkISHMSP6Pcjs.startOfDay.call(void 0, _nullishCoalesce(defaultValue, () => (/* @__PURE__ */new Date()))));
+  const [week, setWeek] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledWeek,
+    defaultValue: _nullishCoalesce(defaultWeek, () => fallbackWeek),
+    onChange: onWeekChange
+  });
+  const [view, setView] = _chunk7EIHHOHPcjs.useControllableState.call(void 0, {
+    value: controlledView,
+    defaultValue: _nullishCoalesce(defaultView, () => "week"),
+    onChange: onViewChange
+  });
+  const resolvedLocale = _nullishCoalesce(locale, () => deviceLocale());
+  const weekStart = _nullishCoalesce(firstDayOfWeek, () => _chunkISHMSP6Pcjs.firstDayOfWeekFor.call(void 0, resolvedLocale));
+  const cellSelection = {
+    variant,
+    size,
+    radius
+  };
+  const cells = _chunk6ZWQDTGQcjs.calendarRecipe.resolve({
+    theme,
+    selection: cellSelection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const cellTint = color ? _chunk6ZWQDTGQcjs.calendarRecipe.tint({
+    theme,
+    color,
+    selection: cellSelection
+  }) : void 0;
+  const selection = {
+    size,
+    radius
+  };
+  const styles = agendaCalendarRecipe.resolve({
+    theme,
+    selection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const tint = color ? agendaCalendarRecipe.tint({
+    theme,
+    color,
+    selection
+  }) : void 0;
+  const days = _react.useMemo.call(void 0, () => _chunkISHMSP6Pcjs.weekGrid.call(void 0, week, weekStart), [week, weekStart]);
+  const marked = _react.useMemo.call(void 0, () => {
+    const keys = /* @__PURE__ */new Set();
+    for (const event of _nullishCoalesce(events, () => [])) keys.add(_chunkISHMSP6Pcjs.startOfDay.call(void 0, event).getTime());
+    return keys;
+  }, [events]);
+  const bounds = _react.useMemo.call(void 0, () => ({
+    min: minValue,
+    max: maxValue
+  }), [minValue, maxValue]);
+  const hasEvent = _react.useCallback.call(void 0, date => marked.has(_chunkISHMSP6Pcjs.startOfDay.call(void 0, date).getTime()), [marked]);
+  const isDayEnabled = _react.useCallback.call(void 0, date => !isDisabled && _chunkISHMSP6Pcjs.isWithinBounds.call(void 0, date, bounds), [bounds, isDisabled]);
+  const select = _react.useCallback.call(void 0, date => {
+    if (!_chunkISHMSP6Pcjs.isWithinBounds.call(void 0, date, bounds)) return;
+    setValue(_chunkISHMSP6Pcjs.startOfDay.call(void 0, date));
+  }, [bounds, setValue]);
+  const goByWeeks = _react.useCallback.call(void 0, step => {
+    if (step === 0) return;
+    setWeek(current => _chunkISHMSP6Pcjs.addDays.call(void 0, current, step * DAYS_IN_WEEK));
+  }, [setWeek]);
+  const canGoByWeeks = _react.useCallback.call(void 0, step => {
+    const target = _chunkISHMSP6Pcjs.weekGrid.call(void 0, _chunkISHMSP6Pcjs.addDays.call(void 0, week, step * DAYS_IN_WEEK), weekStart);
+    return target.some(day => _chunkISHMSP6Pcjs.isWithinBounds.call(void 0, day, bounds));
+  }, [bounds, week, weekStart]);
+  const goByMonths = _react.useCallback.call(void 0, step => {
+    if (step === 0) return;
+    setWeek(current => _chunkISHMSP6Pcjs.addMonths.call(void 0, current, step));
+  }, [setWeek]);
+  const canGoByMonths = _react.useCallback.call(void 0, step => {
+    const target = _chunkISHMSP6Pcjs.weekGrid.call(void 0, _chunkISHMSP6Pcjs.addMonths.call(void 0, week, step), weekStart);
+    return target.some(day => _chunkISHMSP6Pcjs.isWithinBounds.call(void 0, day, bounds));
+  }, [bounds, week, weekStart]);
+  const goByYears = _react.useCallback.call(void 0, step => {
+    if (step === 0) return;
+    setWeek(current => _chunkISHMSP6Pcjs.addMonths.call(void 0, current, step * MONTHS_IN_YEAR));
+  }, [setWeek]);
+  const canGoByYears = _react.useCallback.call(void 0, step => {
+    const target = _chunkISHMSP6Pcjs.weekGrid.call(void 0, _chunkISHMSP6Pcjs.addMonths.call(void 0, week, step * MONTHS_IN_YEAR), weekStart);
+    return target.some(day => _chunkISHMSP6Pcjs.isWithinBounds.call(void 0, day, bounds));
+  }, [bounds, week, weekStart]);
+  const page = _react.useCallback.call(void 0, step => {
+    if (view === "year") goByYears(step);else if (view === "month") goByMonths(step);else goByWeeks(step);
+  }, [view, goByYears, goByMonths, goByWeeks]);
+  const canPage = _react.useCallback.call(void 0, step => {
+    if (view === "year") return canGoByYears(step);
+    if (view === "month") return canGoByMonths(step);
+    return canGoByWeeks(step);
+  }, [view, canGoByYears, canGoByMonths, canGoByWeeks]);
+  const goToYear = _react.useCallback.call(void 0, year => {
+    setWeek(current => _chunkISHMSP6Pcjs.addMonths.call(void 0, current, (year - current.getFullYear()) * MONTHS_IN_YEAR));
+    setView("month");
+  }, [setWeek, setView]);
+  const goToMonthInYear = _react.useCallback.call(void 0, monthIndex => {
+    setWeek(current => _chunkISHMSP6Pcjs.addMonths.call(void 0, current, monthIndex - current.getMonth()));
+    setView("week");
+  }, [setWeek, setView]);
+  const yearRange = _react.useMemo.call(void 0, () => {
+    const now = (/* @__PURE__ */new Date()).getFullYear();
+    return {
+      first: _nullishCoalesce(_optionalChain([bounds, 'access', _4 => _4.min, 'optionalAccess', _5 => _5.getFullYear, 'call', _6 => _6()]), () => now - DEFAULT_YEAR_SPAN),
+      last: _nullishCoalesce(_optionalChain([bounds, 'access', _7 => _7.max, 'optionalAccess', _8 => _8.getFullYear, 'call', _9 => _9()]), () => now + DEFAULT_YEAR_SPAN)
+    };
+  }, [bounds.min, bounds.max]);
+  const goToToday = _react.useCallback.call(void 0, () => {
+    const today = _chunkISHMSP6Pcjs.startOfDay.call(void 0, /* @__PURE__ */new Date());
+    setWeek(today);
+    setView("week");
+    select(today);
+  }, [setWeek, setView, select]);
+  const isOnToday = _react.useMemo.call(void 0, () => _chunkISHMSP6Pcjs.isSameDay.call(void 0, _chunkISHMSP6Pcjs.startOfWeek.call(void 0, week, weekStart), _chunkISHMSP6Pcjs.startOfWeek.call(void 0, /* @__PURE__ */new Date(), weekStart)), [week, weekStart]);
+  const isTodayResolved = _react.useMemo.call(void 0, () => view === "week" && isOnToday && value !== void 0 && _chunkISHMSP6Pcjs.isSameDay.call(void 0, value, /* @__PURE__ */new Date()), [view, isOnToday, value]);
+  const context = _react.useMemo.call(void 0, () => {
+    const title = _reactnative.StyleSheet.flatten([cells.title]);
+    const disc = _reactnative.StyleSheet.flatten([cells.daySelected, _optionalChain([cellTint, 'optionalAccess', _10 => _10.daySelected])]);
+    return {
+      headerStyle: styles.header,
+      navStyle: styles.nav,
+      navButtonStyle: styles.navButton,
+      pickerStyle: styles.picker,
+      pickerItemStyle: styles.pickerItem,
+      pickerItemSelectedStyle: {
+        backgroundColor: disc.backgroundColor
+      },
+      pickerItemLabelStyle: cells.dayLabel,
+      pickerItemLabelSelectedStyle: cellTint ? [cells.dayLabelSelected, cellTint.dayLabelSelected] : cells.dayLabelSelected,
+      todayStyle: styles.today,
+      todayDisabledStyle: styles.todayDisabled,
+      todayLabelStyle: tint ? [styles.todayLabel, tint.todayLabel] : styles.todayLabel,
+      weekStyle: styles.week,
+      // The four below are the calendar's own slots, unchanged: same title, same column
+      // headings, same cell, same mark.
+      titleStyle: cells.title,
+      weekdaysStyle: cells.weekdays,
+      weekdayStyle: cells.weekday,
+      dayStyle: cells.day,
+      daySelectedStyle: cellTint ? [cells.daySelected, cellTint.daySelected] : cells.daySelected,
+      dayLabelStyle: cells.dayLabel,
+      dayLabelSelectedStyle: cellTint ? [cells.dayLabelSelected, cellTint.dayLabelSelected] : cells.dayLabelSelected,
+      dayLabelMutedStyle: cells.dayLabelMuted,
+      dotStyle: cells.dot,
+      // `dot` first, because the size axis puts the mark's width and corner there and a
+      // `dotSelected` handed over alone is a coloured node with no size.
+      dotSelectedStyle: [cells.dot, cellTint ? cellTint.dotSelected : cells.dotSelected],
+      glyph: {
+        size: title.fontSize,
+        color: typeof title.color === "string" ? title.color : void 0
+      },
+      days,
+      value,
+      locale: resolvedLocale,
+      isDisabled,
+      view,
+      setView,
+      hasEvent,
+      isDayEnabled,
+      select,
+      goByWeeks,
+      canGoByWeeks,
+      goByMonths,
+      canGoByMonths,
+      goByYears,
+      canGoByYears,
+      page,
+      canPage,
+      goToYear,
+      goToMonthInYear,
+      yearRange,
+      goToToday,
+      isOnToday,
+      isTodayResolved
+    };
+  }, [styles, tint, cells, cellTint, days, value, resolvedLocale, isDisabled, view, setView, hasEvent, isDayEnabled, select, goByWeeks, canGoByWeeks, goByMonths, canGoByMonths, goByYears, canGoByYears, page, canPage, goToYear, goToMonthInYear, yearRange, goToToday, isOnToday, isTodayResolved]);
+  const rootStyle = [styles.root, styleProps, style];
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AgendaCalendarProvider, {
+    value: context,
+    children: asChild ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkCDRGTUYFcjs.Slot, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    }) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    })
+  });
+});
+AgendaCalendarRoot.displayName = "XAUI.AgendaCalendar.Root";
+function deviceLocale() {
+  try {
+    return new Intl.DateTimeFormat().resolvedOptions().locale;
+  } catch (e2) {
+    return "en";
+  }
+}
+
+// src/components/agenda-calendar/agenda-calendar-title.tsx
+
+var MIDDLE2 = 3;
+var AgendaCalendarTitle = _react.forwardRef.call(void 0, function AgendaCalendarTitle2({
+  children,
+  accessibilityRole,
+  style,
+  ...props
+}, ref) {
+  const {
+    titleStyle,
+    days,
+    locale
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+    ref,
+    accessibilityRole: _nullishCoalesce(accessibilityRole, () => "header"),
+    style: [titleStyle, styleProps, style],
+    ...rest,
+    children: _nullishCoalesce(children, () => _chunkISHMSP6Pcjs.monthLabel.call(void 0, days[MIDDLE2], locale))
+  });
+});
+AgendaCalendarTitle.displayName = "XAUI.AgendaCalendar.Title";
+
+// src/components/agenda-calendar/agenda-calendar-today-button.tsx
+
+var AgendaCalendarTodayButton = _react.forwardRef.call(void 0, function AgendaCalendarTodayButton2({
+  children,
+  accessibilityRole,
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    todayStyle,
+    todayDisabledStyle,
+    todayLabelStyle,
+    goToToday,
+    isTodayResolved,
+    isDisabled
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const [isPressed, press] = _chunk7DPL3ZDScjs.usePressState.call(void 0, {
+    onPressIn,
+    onPressOut
+  });
+  const disabled = isDisabled || isTodayResolved;
+  const text = _chunkFHNIGHN5cjs.childrenToString.call(void 0, children);
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+    ref,
+    isPressed,
+    isDisabled: disabled,
+    accessibilityRole: _nullishCoalesce(accessibilityRole, () => "button"),
+    accessibilityState: {
+      disabled,
+      ...accessibilityState
+    },
+    ...rest,
+    style: [todayStyle, disabled && todayDisabledStyle, styleProps, style],
+    onPress: event => {
+      _optionalChain([onPress, 'optionalCall', _11 => _11(event)]);
+      goToToday();
+    },
+    onPressIn: press.onPressIn,
+    onPressOut: press.onPressOut,
+    children: text !== null ? /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+      style: todayLabelStyle,
+      children: text
+    }) : children
+  });
+});
+AgendaCalendarTodayButton.displayName = "XAUI.AgendaCalendar.TodayButton";
+
+// src/components/agenda-calendar/agenda-calendar-week.tsx
+
+var _reactnativegesturehandler = require('react-native-gesture-handler');
+var SWIPE_DISTANCE = 48;
+var SWIPE_VELOCITY = 360;
+var DRAG_FOLLOW = 0.5;
+var SPRING = {
+  damping: 18,
+  stiffness: 220,
+  mass: 0.6
+};
+const _worklet_15620349857844_init_data = {
+  code: "function chunkSIOSYITDCjs1(){const{drag}=this.__closure;return{transform:[{translateX:drag.get()}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-SIOSYITD.cjs",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkSIOSYITDCjs1\",\"drag\",\"__closure\",\"transform\",\"translateX\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-SIOSYITD.cjs\"],\"mappings\":\"AAs0BuE,SAAAA,iBAAMA,CAAA,QAAAC,IAAA,OAAAC,SAAA,CAEvE,MAAO,CAAEC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEH,IAAI,CAACI,GAAG,CAAC,CAAE,CAAC,CAAE,CAAC,CACpD\",\"ignoreList\":[]}"
+};
+var AgendaCalendarWeek = _react.forwardRef.call(void 0, function AgendaCalendarWeek2({
+  children,
+  swipeable = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    weekStyle,
+    days,
+    goByWeeks,
+    canGoByWeeks,
+    isDisabled
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const drag = _reactnativereanimated.useSharedValue.call(void 0, 0);
+  const page = _react.useCallback.call(void 0, direction => {
+    if (canGoByWeeks(direction)) goByWeeks(direction);
+  }, [canGoByWeeks, goByWeeks]);
+  const pan = _reactnativegesturehandler.Gesture.Pan().enabled(swipeable && !isDisabled).activeOffsetX([-12, 12]).failOffsetY([-16, 16]).onUpdate(event => {
+    drag.set(event.translationX * DRAG_FOLLOW);
+  }).onEnd(event => {
+    const forward = event.translationX <= -SWIPE_DISTANCE || event.velocityX <= -SWIPE_VELOCITY;
+    const backward = event.translationX >= SWIPE_DISTANCE || event.velocityX >= SWIPE_VELOCITY;
+    if (forward) _reactnativereanimated.runOnJS.call(void 0, page)(1);else if (backward) _reactnativereanimated.runOnJS.call(void 0, page)(-1);
+    drag.set(_reactnativereanimated.withSpring.call(void 0, 0, SPRING));
+  }).onFinalize(() => {
+    drag.set(_reactnativereanimated.withSpring.call(void 0, 0, SPRING));
+  });
+  const slide = _reactnativereanimated.useAnimatedStyle.call(void 0, function chunkSIOSYITDCjs1Factory({
+    _worklet_15620349857844_init_data,
+    drag
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkSIOSYITDCjs1 = function () {
+      return {
+        transform: [{
+          translateX: drag.get()
+        }]
+      };
+    };
+    chunkSIOSYITDCjs1.__closure = {
+      drag
+    };
+    chunkSIOSYITDCjs1.__workletHash = 15620349857844;
+    chunkSIOSYITDCjs1.__pluginVersion = "0.7.4";
+    chunkSIOSYITDCjs1.__initData = _worklet_15620349857844_init_data;
+    chunkSIOSYITDCjs1.__stackDetails = _e;
+    return chunkSIOSYITDCjs1;
+  }({
+    _worklet_15620349857844_init_data,
+    drag
+  }), [drag]);
+  const cells = days.map(date => /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    style: CELL,
+    children: typeof children === "function" ? children(date) : /* @__PURE__ */_jsxruntime.jsx.call(void 0, AgendaCalendarDay, {
+      date
+    })
+  }, date.getTime()));
+  if (!swipeable) {
+    return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+      ref,
+      ...rest,
+      style: [weekStyle, styleProps, style],
+      children: cells
+    });
+  }
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativegesturehandler.GestureDetector, {
+    gesture: pan,
+    children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnativereanimated2.default.View, {
+      ref,
+      ...rest,
+      style: [weekStyle, slide, styleProps, style],
+      children: cells
+    })
+  });
+});
+AgendaCalendarWeek.displayName = "XAUI.AgendaCalendar.Week";
+var CELL = {
+  width: "14.2857%",
+  alignItems: "center"
+};
+
+// src/components/agenda-calendar/agenda-calendar-weekdays.tsx
+
+var AgendaCalendarWeekdays = _react.forwardRef.call(void 0, function AgendaCalendarWeekdays2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    weekdaysStyle,
+    weekdayStyle,
+    days,
+    locale
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const names = _chunkISHMSP6Pcjs.weekdayNames.call(void 0, locale, days[0].getDay());
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.View, {
+    ref,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ...rest,
+    style: [weekdaysStyle, styleProps, style],
+    children: _nullishCoalesce(children, () => names.map((name, index) => /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+      style: weekdayStyle,
+      children: name
+    }, days[index].getTime())))
+  });
+});
+AgendaCalendarWeekdays.displayName = "XAUI.AgendaCalendar.Weekdays";
+
+// src/components/agenda-calendar/agenda-calendar-year-picker.tsx
+
+var AnimatedScrollView2 = _reactnativereanimated2.default.createAnimatedComponent(_reactnative.ScrollView);
+var MIDDLE3 = 3;
+var OPEN_MS2 = 160;
+var AgendaCalendarYearPicker = _react.forwardRef.call(void 0, function AgendaCalendarYearPicker2({
+  firstYear,
+  lastYear,
+  style,
+  onLayout,
+  contentContainerStyle,
+  ...props
+}, ref) {
+  const {
+    pickerStyle,
+    pickerItemStyle,
+    pickerItemSelectedStyle,
+    pickerItemLabelStyle,
+    pickerItemLabelSelectedStyle,
+    days,
+    yearRange,
+    canGoByYears,
+    goToYear
+  } = useAgendaCalendar();
+  const [styleProps, rest] = _chunkTK44VBIEcjs.useStyleProps.call(void 0, props);
+  const theme = _chunkIIAQISBGcjs.useXAUITheme.call(void 0);
+  const first = _nullishCoalesce(firstYear, () => yearRange.first);
+  const last = _nullishCoalesce(lastYear, () => yearRange.last);
+  const shownYear = days[MIDDLE3].getFullYear();
+  const years = _react.useMemo.call(void 0, () => Array.from({
+    length: last - first + 1
+  }, (_, index) => first + index), [first, last]);
+  const scroller = _react.useRef.call(void 0, null);
+  const refs = _chunkWFEMJCXOcjs.useMergedRef.call(void 0, scroller, ref);
+  const selectedX = _react.useRef.call(void 0, 0);
+  const [isPlaced, setIsPlaced] = _react.useState.call(void 0, false);
+  const centre = viewportWidth => {
+    if (isPlaced || viewportWidth === 0) return;
+    _optionalChain([scroller, 'access', _12 => _12.current, 'optionalAccess', _13 => _13.scrollTo, 'call', _14 => _14({
+      x: Math.max(0, selectedX.current - viewportWidth / 2),
+      animated: false
+    })]);
+    setIsPlaced(true);
+  };
+  const place = event => {
+    _optionalChain([onLayout, 'optionalCall', _15 => _15(event)]);
+    centre(event.nativeEvent.layout.width);
+  };
+  return /* @__PURE__ */_jsxruntime.jsx.call(void 0, AnimatedScrollView2, {
+    ref: refs,
+    ...rest,
+    horizontal: true,
+    style: [pickerStyle, styleProps, style],
+    contentContainerStyle: [{
+      alignItems: "center",
+      gap: theme.spacing(2)
+    }, contentContainerStyle],
+    showsHorizontalScrollIndicator: false,
+    onLayout: place,
+    entering: _reactnativereanimated.FadeIn.duration(OPEN_MS2),
+    children: years.map(year => {
+      const disabled = !canGoByYears(year - shownYear);
+      const isSelected = year === shownYear;
+      return /* @__PURE__ */_jsxruntime.jsx.call(void 0, _chunkHBYT7B47cjs.PressableFeedback, {
+        isDisabled: disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: `${year}`,
+        accessibilityState: {
+          selected: isSelected,
+          disabled
+        },
+        style: [pickerItemStyle, isSelected && pickerItemSelectedStyle],
+        onLayout: isSelected ? event => {
+          selectedX.current = event.nativeEvent.layout.x;
+        } : void 0,
+        onPress: () => goToYear(year),
+        children: /* @__PURE__ */_jsxruntime.jsx.call(void 0, _reactnative.Text, {
+          style: [pickerItemLabelStyle, isSelected && pickerItemLabelSelectedStyle],
+          children: year
+        })
+      }, year);
+    })
+  });
+});
+AgendaCalendarYearPicker.displayName = "XAUI.AgendaCalendar.YearPicker";
+
+// src/components/agenda-calendar/index.ts
+var AgendaCalendar2 = Object.assign(AgendaCalendarRoot, {
+  Header: AgendaCalendarHeader,
+  Title: AgendaCalendarTitle,
+  Nav: AgendaCalendarNav,
+  PreviousButton: AgendaCalendarPreviousButton,
+  NextButton: AgendaCalendarNextButton,
+  TodayButton: AgendaCalendarTodayButton,
+  Weekdays: AgendaCalendarWeekdays,
+  Week: AgendaCalendarWeek,
+  Day: AgendaCalendarDay,
+  MonthPicker: AgendaCalendarMonthPicker,
+  YearPicker: AgendaCalendarYearPicker
+});
+exports.useAgendaCalendar = useAgendaCalendar;
+exports.AgendaCalendarDay = AgendaCalendarDay;
+exports.AgendaCalendarHeader = AgendaCalendarHeader;
+exports.AgendaCalendarMonthPicker = AgendaCalendarMonthPicker;
+exports.AgendaCalendarNav = AgendaCalendarNav;
+exports.AgendaCalendarPreviousButton = AgendaCalendarPreviousButton;
+exports.AgendaCalendarNextButton = AgendaCalendarNextButton;
+exports.agendaCalendarRecipe = agendaCalendarRecipe;
+exports.AgendaCalendarRoot = AgendaCalendarRoot;
+exports.AgendaCalendarTitle = AgendaCalendarTitle;
+exports.AgendaCalendarTodayButton = AgendaCalendarTodayButton;
+exports.AgendaCalendarWeek = AgendaCalendarWeek;
+exports.AgendaCalendarWeekdays = AgendaCalendarWeekdays;
+exports.AgendaCalendarYearPicker = AgendaCalendarYearPicker;
+exports.AgendaCalendar = AgendaCalendar2;