@xaui/native 0.9.1-alpha.9 → 0.9.1-alpha.90

package/dist/chunk-ZZTUJELK.cjs

@@ -0,0 +1,1011 @@
+"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 _chunkSDLDRTT7cjs = require('./chunk-SDLDRTT7.cjs');
+
+
+
+
+
+
+
+
+
+
+
+
+var _chunkISHMSP6Pcjs = require('./chunk-ISHMSP6P.cjs');
+
+
+var _chunkWFEMJCXOcjs = require('./chunk-WFEMJCXO.cjs');
+
+
+var _chunk7EIHHOHPcjs = require('./chunk-7EIHHOHP.cjs');
+
+
+var _chunkPIU3JONRcjs = require('./chunk-PIU3JONR.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, 
+      _chunkPIU3JONRcjs.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, 
+          _chunkPIU3JONRcjs.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, 
+        _chunkPIU3JONRcjs.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 = _chunkSDLDRTT7cjs.calendarRecipe.resolve({
+      theme,
+      selection: cellSelection,
+      states: { disabled: isDisabled }
+    });
+    const cellTint = color ? _chunkSDLDRTT7cjs.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, 
+    _chunkPIU3JONRcjs.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 };
+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, () => ({
+      transform: [{ translateX: drag.get() }]
+    }));
+    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, 
+          _chunkPIU3JONRcjs.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;