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

package/dist/chunk-KBQT6MZ4.js

@@ -0,0 +1,1099 @@
+import { calendarRecipe } from "./chunk-BLDMKFIG.js";
+import { addDays, addMonths, firstDayOfWeekFor, isSameDay, isWithinBounds, monthLabel, monthNames, startOfDay, startOfWeek, weekGrid, weekdayNames } from "./chunk-SHFUQVLX.js";
+import { useMergedRef } from "./chunk-NCTOTTVW.js";
+import { useControllableState } from "./chunk-F6W3JQ7K.js";
+import { PressableFeedback } from "./chunk-XZ42OWKC.js";
+import { usePressState } from "./chunk-423RQBOX.js";
+import { ChevronDownIcon, Icon, IconContext } from "./chunk-JN6IRT2M.js";
+import { childrenToString } from "./chunk-WFZDAXDI.js";
+import { createRecipe, radiusAxis } from "./chunk-DKVXTMIJ.js";
+import { Slot, createSlotContext } from "./chunk-TTZOIXKE.js";
+import { useXAUITheme } from "./chunk-Z6JBWRPL.js";
+import { useStyleProps } from "./chunk-M63GFNKV.js";
+
+// src/components/agenda-calendar/agenda-calendar-day.tsx
+import { forwardRef, useCallback, useMemo } from "react";
+import { Text, View } from "react-native";
+
+// src/components/agenda-calendar/agenda-calendar.context.ts
+var [AgendaCalendarProvider, useAgendaCalendar] = createSlotContext("AgendaCalendar");
+
+// src/components/agenda-calendar/agenda-calendar-day.tsx
+import { Fragment, jsx, jsxs } from "react/jsx-runtime";
+var AgendaCalendarDay = forwardRef(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] = useStyleProps(props);
+  const [isPressed, press] = usePressState({
+    onPressIn,
+    onPressOut
+  });
+  const isSelected = value !== void 0 && isSameDay(date, value);
+  const disabled = isDisabled ?? !isDayEnabled(date);
+  const marked = hasEvent(date);
+  const handlePress = useCallback(event => {
+    select(date);
+    onPress?.(event);
+  }, [date, onPress, select]);
+  const label = useMemo(() => fullDate(date, locale), [date, locale]);
+  const content = children ?? /* @__PURE__ */jsxs(Fragment, {
+    children: [/* @__PURE__ */jsx(Text, {
+      style: [dayLabelStyle, disabled && dayLabelMutedStyle, isSelected && dayLabelSelectedStyle],
+      children: date.getDate()
+    }), marked ? /* @__PURE__ */jsx(View, {
+      style: isSelected ? dotSelectedStyle : dotStyle
+    }) : null]
+  });
+  return /* @__PURE__ */jsx(PressableFeedback, {
+    ref,
+    isPressed,
+    isDisabled: disabled,
+    accessibilityRole: accessibilityRole ?? "button",
+    accessibilityLabel: 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 {
+    return `${date.getDate()} ${monthLabel(date, locale)}`;
+  }
+}
+
+// src/components/agenda-calendar/agenda-calendar-header.tsx
+import { forwardRef as forwardRef2 } from "react";
+import { View as View2 } from "react-native";
+import { jsx as jsx2 } from "react/jsx-runtime";
+var AgendaCalendarHeader = forwardRef2(function AgendaCalendarHeader2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    headerStyle,
+    glyph
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx2(IconContext.Provider, {
+    value: glyph,
+    children: /* @__PURE__ */jsx2(View2, {
+      ref,
+      ...rest,
+      style: [headerStyle, styleProps, style],
+      children
+    })
+  });
+});
+AgendaCalendarHeader.displayName = "XAUI.AgendaCalendar.Header";
+
+// src/components/agenda-calendar/agenda-calendar-month-picker.tsx
+import { forwardRef as forwardRef3, useMemo as useMemo2 } from "react";
+import { ScrollView, Text as Text2 } from "react-native";
+import Animated, { FadeIn } from "react-native-reanimated";
+import { jsx as jsx3 } from "react/jsx-runtime";
+var AnimatedScrollView = Animated.createAnimatedComponent(ScrollView);
+var MIDDLE = 3;
+var OPEN_MS = 160;
+var AgendaCalendarMonthPicker = forwardRef3(function AgendaCalendarMonthPicker2({
+  format = "short",
+  style,
+  contentContainerStyle,
+  ...props
+}, ref) {
+  const {
+    pickerStyle,
+    pickerItemStyle,
+    pickerItemSelectedStyle,
+    pickerItemLabelStyle,
+    pickerItemLabelSelectedStyle,
+    days,
+    locale,
+    canGoByMonths,
+    goToMonthInYear
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  const theme = useXAUITheme();
+  const names = useMemo2(() => monthNames(locale, format), [locale, format]);
+  const shownMonth = days[MIDDLE].getMonth();
+  return /* @__PURE__ */jsx3(AnimatedScrollView, {
+    ref,
+    ...rest,
+    horizontal: true,
+    style: [pickerStyle, styleProps, style],
+    contentContainerStyle: [{
+      alignItems: "center",
+      gap: theme.spacing(2)
+    }, contentContainerStyle],
+    showsHorizontalScrollIndicator: false,
+    entering: FadeIn.duration(OPEN_MS),
+    children: names.map((name, index) => {
+      const disabled = !canGoByMonths(index - shownMonth);
+      const isSelected = index === shownMonth;
+      return /* @__PURE__ */jsx3(PressableFeedback, {
+        isDisabled: disabled,
+        accessibilityRole: "button",
+        accessibilityLabel: name,
+        accessibilityState: {
+          selected: isSelected,
+          disabled
+        },
+        style: [pickerItemStyle, isSelected && pickerItemSelectedStyle],
+        onPress: () => goToMonthInYear(index),
+        children: /* @__PURE__ */jsx3(Text2, {
+          numberOfLines: 1,
+          style: [pickerItemLabelStyle, isSelected && pickerItemLabelSelectedStyle],
+          children: name
+        })
+      }, name);
+    })
+  });
+});
+AgendaCalendarMonthPicker.displayName = "XAUI.AgendaCalendar.MonthPicker";
+
+// src/components/agenda-calendar/agenda-calendar-nav.tsx
+import { forwardRef as forwardRef4 } from "react";
+import { View as View3 } from "react-native";
+import { jsx as jsx4 } from "react/jsx-runtime";
+var AgendaCalendarNav = forwardRef4(function AgendaCalendarNav2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    navStyle
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx4(View3, {
+    ref,
+    ...rest,
+    style: [navStyle, styleProps, style],
+    children
+  });
+});
+AgendaCalendarNav.displayName = "XAUI.AgendaCalendar.Nav";
+
+// src/components/agenda-calendar/agenda-calendar-nav-button.tsx
+import { forwardRef as forwardRef5 } from "react";
+import { StyleSheet, View as View4 } from "react-native";
+import { jsx as jsx5 } from "react/jsx-runtime";
+var sheet = StyleSheet.create({
+  back: {
+    transform: [{
+      rotate: "90deg"
+    }]
+  },
+  forward: {
+    transform: [{
+      rotate: "-90deg"
+    }]
+  }
+});
+function navButton(step, name, rotation) {
+  const Component = forwardRef5(function NavButton({
+    children,
+    step: overrideStep,
+    accessibilityRole,
+    accessibilityState,
+    style,
+    onPress,
+    onPressIn,
+    onPressOut,
+    ...props
+  }, ref) {
+    const {
+      navButtonStyle,
+      page,
+      canPage,
+      isDisabled
+    } = useAgendaCalendar();
+    const [styleProps, rest] = useStyleProps(props);
+    const [isPressed, press] = usePressState({
+      onPressIn,
+      onPressOut
+    });
+    const steps = overrideStep ?? step;
+    const disabled = isDisabled || !canPage(steps);
+    return /* @__PURE__ */jsx5(PressableFeedback, {
+      ref,
+      isPressed,
+      isDisabled: disabled,
+      accessibilityRole: accessibilityRole ?? "button",
+      accessibilityState: {
+        disabled,
+        ...accessibilityState
+      },
+      ...rest,
+      style: [navButtonStyle, styleProps, style],
+      onPress: event => {
+        onPress?.(event);
+        page(steps);
+      },
+      onPressIn: press.onPressIn,
+      onPressOut: press.onPressOut,
+      children: children ?? /* @__PURE__ */jsx5(View4, {
+        style: rotation,
+        children: /* @__PURE__ */jsx5(Icon, {
+          as: 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
+import { forwardRef as forwardRef6, useCallback as useCallback2, useMemo as useMemo3, useState } from "react";
+import { StyleSheet as StyleSheet2, View as View5 } from "react-native";
+
+// 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 = createRecipe({
+  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: radiusAxis("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
+import { jsx as jsx6 } from "react/jsx-runtime";
+var DAYS_IN_WEEK = 7;
+var MONTHS_IN_YEAR = 12;
+var DEFAULT_YEAR_SPAN = 50;
+var AgendaCalendarRoot = forwardRef6(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 = useXAUITheme();
+  const [styleProps, rest] = useStyleProps(props);
+  const [value, setValue] = useControllableState({
+    value: controlledValue,
+    defaultValue,
+    onChange: onValueChange
+  });
+  const [fallbackWeek] = useState(() => startOfDay(defaultValue ?? /* @__PURE__ */new Date()));
+  const [week, setWeek] = useControllableState({
+    value: controlledWeek,
+    defaultValue: defaultWeek ?? fallbackWeek,
+    onChange: onWeekChange
+  });
+  const [view, setView] = useControllableState({
+    value: controlledView,
+    defaultValue: defaultView ?? "week",
+    onChange: onViewChange
+  });
+  const resolvedLocale = locale ?? deviceLocale();
+  const weekStart = firstDayOfWeek ?? firstDayOfWeekFor(resolvedLocale);
+  const cellSelection = {
+    variant,
+    size,
+    radius
+  };
+  const cells = calendarRecipe.resolve({
+    theme,
+    selection: cellSelection,
+    states: {
+      disabled: isDisabled
+    }
+  });
+  const cellTint = color ? 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 = useMemo3(() => weekGrid(week, weekStart), [week, weekStart]);
+  const marked = useMemo3(() => {
+    const keys = /* @__PURE__ */new Set();
+    for (const event of events ?? []) keys.add(startOfDay(event).getTime());
+    return keys;
+  }, [events]);
+  const bounds = useMemo3(() => ({
+    min: minValue,
+    max: maxValue
+  }), [minValue, maxValue]);
+  const hasEvent = useCallback2(date => marked.has(startOfDay(date).getTime()), [marked]);
+  const isDayEnabled = useCallback2(date => !isDisabled && isWithinBounds(date, bounds), [bounds, isDisabled]);
+  const select = useCallback2(date => {
+    if (!isWithinBounds(date, bounds)) return;
+    setValue(startOfDay(date));
+  }, [bounds, setValue]);
+  const goByWeeks = useCallback2(step => {
+    if (step === 0) return;
+    setWeek(current => addDays(current, step * DAYS_IN_WEEK));
+  }, [setWeek]);
+  const canGoByWeeks = useCallback2(step => {
+    const target = weekGrid(addDays(week, step * DAYS_IN_WEEK), weekStart);
+    return target.some(day => isWithinBounds(day, bounds));
+  }, [bounds, week, weekStart]);
+  const goByMonths = useCallback2(step => {
+    if (step === 0) return;
+    setWeek(current => addMonths(current, step));
+  }, [setWeek]);
+  const canGoByMonths = useCallback2(step => {
+    const target = weekGrid(addMonths(week, step), weekStart);
+    return target.some(day => isWithinBounds(day, bounds));
+  }, [bounds, week, weekStart]);
+  const goByYears = useCallback2(step => {
+    if (step === 0) return;
+    setWeek(current => addMonths(current, step * MONTHS_IN_YEAR));
+  }, [setWeek]);
+  const canGoByYears = useCallback2(step => {
+    const target = weekGrid(addMonths(week, step * MONTHS_IN_YEAR), weekStart);
+    return target.some(day => isWithinBounds(day, bounds));
+  }, [bounds, week, weekStart]);
+  const page = useCallback2(step => {
+    if (view === "year") goByYears(step);else if (view === "month") goByMonths(step);else goByWeeks(step);
+  }, [view, goByYears, goByMonths, goByWeeks]);
+  const canPage = useCallback2(step => {
+    if (view === "year") return canGoByYears(step);
+    if (view === "month") return canGoByMonths(step);
+    return canGoByWeeks(step);
+  }, [view, canGoByYears, canGoByMonths, canGoByWeeks]);
+  const goToYear = useCallback2(year => {
+    setWeek(current => addMonths(current, (year - current.getFullYear()) * MONTHS_IN_YEAR));
+    setView("month");
+  }, [setWeek, setView]);
+  const goToMonthInYear = useCallback2(monthIndex => {
+    setWeek(current => addMonths(current, monthIndex - current.getMonth()));
+    setView("week");
+  }, [setWeek, setView]);
+  const yearRange = useMemo3(() => {
+    const now = (/* @__PURE__ */new Date()).getFullYear();
+    return {
+      first: bounds.min?.getFullYear() ?? now - DEFAULT_YEAR_SPAN,
+      last: bounds.max?.getFullYear() ?? now + DEFAULT_YEAR_SPAN
+    };
+  }, [bounds.min, bounds.max]);
+  const goToToday = useCallback2(() => {
+    const today = startOfDay(/* @__PURE__ */new Date());
+    setWeek(today);
+    setView("week");
+    select(today);
+  }, [setWeek, setView, select]);
+  const isOnToday = useMemo3(() => isSameDay(startOfWeek(week, weekStart), startOfWeek(/* @__PURE__ */new Date(), weekStart)), [week, weekStart]);
+  const isTodayResolved = useMemo3(() => view === "week" && isOnToday && value !== void 0 && isSameDay(value, /* @__PURE__ */new Date()), [view, isOnToday, value]);
+  const context = useMemo3(() => {
+    const title = StyleSheet2.flatten([cells.title]);
+    const disc = StyleSheet2.flatten([cells.daySelected, cellTint?.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__ */jsx6(AgendaCalendarProvider, {
+    value: context,
+    children: asChild ? /* @__PURE__ */jsx6(Slot, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    }) : /* @__PURE__ */jsx6(View5, {
+      ref,
+      ...rest,
+      style: rootStyle,
+      children
+    })
+  });
+});
+AgendaCalendarRoot.displayName = "XAUI.AgendaCalendar.Root";
+function deviceLocale() {
+  try {
+    return new Intl.DateTimeFormat().resolvedOptions().locale;
+  } catch {
+    return "en";
+  }
+}
+
+// src/components/agenda-calendar/agenda-calendar-title.tsx
+import { forwardRef as forwardRef7 } from "react";
+import { Text as Text3 } from "react-native";
+import { jsx as jsx7 } from "react/jsx-runtime";
+var MIDDLE2 = 3;
+var AgendaCalendarTitle = forwardRef7(function AgendaCalendarTitle2({
+  children,
+  accessibilityRole,
+  style,
+  ...props
+}, ref) {
+  const {
+    titleStyle,
+    days,
+    locale
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  return /* @__PURE__ */jsx7(Text3, {
+    ref,
+    accessibilityRole: accessibilityRole ?? "header",
+    style: [titleStyle, styleProps, style],
+    ...rest,
+    children: children ?? monthLabel(days[MIDDLE2], locale)
+  });
+});
+AgendaCalendarTitle.displayName = "XAUI.AgendaCalendar.Title";
+
+// src/components/agenda-calendar/agenda-calendar-today-button.tsx
+import { forwardRef as forwardRef8 } from "react";
+import { Text as Text4 } from "react-native";
+import { jsx as jsx8 } from "react/jsx-runtime";
+var AgendaCalendarTodayButton = forwardRef8(function AgendaCalendarTodayButton2({
+  children,
+  accessibilityRole,
+  accessibilityState,
+  style,
+  onPress,
+  onPressIn,
+  onPressOut,
+  ...props
+}, ref) {
+  const {
+    todayStyle,
+    todayDisabledStyle,
+    todayLabelStyle,
+    goToToday,
+    isTodayResolved,
+    isDisabled
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  const [isPressed, press] = usePressState({
+    onPressIn,
+    onPressOut
+  });
+  const disabled = isDisabled || isTodayResolved;
+  const text = childrenToString(children);
+  return /* @__PURE__ */jsx8(PressableFeedback, {
+    ref,
+    isPressed,
+    isDisabled: disabled,
+    accessibilityRole: accessibilityRole ?? "button",
+    accessibilityState: {
+      disabled,
+      ...accessibilityState
+    },
+    ...rest,
+    style: [todayStyle, disabled && todayDisabledStyle, styleProps, style],
+    onPress: event => {
+      onPress?.(event);
+      goToToday();
+    },
+    onPressIn: press.onPressIn,
+    onPressOut: press.onPressOut,
+    children: text !== null ? /* @__PURE__ */jsx8(Text4, {
+      style: todayLabelStyle,
+      children: text
+    }) : children
+  });
+});
+AgendaCalendarTodayButton.displayName = "XAUI.AgendaCalendar.TodayButton";
+
+// src/components/agenda-calendar/agenda-calendar-week.tsx
+import { forwardRef as forwardRef9, useCallback as useCallback3 } from "react";
+import { View as View7 } from "react-native";
+import { Gesture, GestureDetector } from "react-native-gesture-handler";
+import Animated2, { runOnJS, useAnimatedStyle, useSharedValue, withSpring } from "react-native-reanimated";
+import { jsx as jsx9 } from "react/jsx-runtime";
+var SWIPE_DISTANCE = 48;
+var SWIPE_VELOCITY = 360;
+var DRAG_FOLLOW = 0.5;
+var SPRING = {
+  damping: 18,
+  stiffness: 220,
+  mass: 0.6
+};
+const _worklet_7984403908831_init_data = {
+  code: "function chunkKBQT6MZ4Js1(){const{drag,withSpring,SPRING}=this.__closure;drag.set(withSpring(0,SPRING));}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkKBQT6MZ4Js1\",\"drag\",\"withSpring\",\"SPRING\",\"__closure\",\"set\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js\"],\"mappings\":\"AAm0BkB,SAAAA,gBAAMA,CAAA,QAAAC,IAAA,CAAAC,UAAA,CAAAC,MAAA,OAAAC,SAAA,CAClBH,IAAI,CAACI,GAAG,CAACH,UAAU,CAAC,CAAC,CAAEC,MAAM,CAAC,CAAC,CACjC\",\"ignoreList\":[]}"
+};
+const _worklet_6610935084244_init_data = {
+  code: "function chunkKBQT6MZ4Js2(event){const{SWIPE_DISTANCE,SWIPE_VELOCITY,runOnJS,page,drag,withSpring,SPRING}=this.__closure;const forward=event.translationX<=-SWIPE_DISTANCE||event.velocityX<=-SWIPE_VELOCITY;const backward=event.translationX>=SWIPE_DISTANCE||event.velocityX>=SWIPE_VELOCITY;if(forward)runOnJS(page)(1);else if(backward)runOnJS(page)(-1);drag.set(withSpring(0,SPRING));}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkKBQT6MZ4Js2\",\"event\",\"SWIPE_DISTANCE\",\"SWIPE_VELOCITY\",\"runOnJS\",\"page\",\"drag\",\"withSpring\",\"SPRING\",\"__closure\",\"forward\",\"translationX\",\"velocityX\",\"backward\",\"set\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js\"],\"mappings\":\"AA6zBc,SAAAA,gBAAUA,CAAAC,KAAA,QAAAC,cAAA,CAAAC,cAAA,CAAAC,OAAA,CAAAC,IAAA,CAAAC,IAAA,CAAAC,UAAA,CAAAC,MAAA,OAAAC,SAAA,CAClB,KAAM,CAAAC,OAAO,CAAGT,KAAK,CAACU,YAAY,EAAI,CAACT,cAAc,EAAID,KAAK,CAACW,SAAS,EAAI,CAACT,cAAc,CAC3F,KAAM,CAAAU,QAAQ,CAAGZ,KAAK,CAACU,YAAY,EAAIT,cAAc,EAAID,KAAK,CAACW,SAAS,EAAIT,cAAc,CAC1F,GAAIO,OAAO,CAAEN,OAAO,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,IACzB,IAAIQ,QAAQ,CAAET,OAAO,CAACC,IAAI,CAAC,CAAC,CAAC,CAAC,CAAC,CACpCC,IAAI,CAACQ,GAAG,CAACP,UAAU,CAAC,CAAC,CAAEC,MAAM,CAAC,CAAC,CACjC\",\"ignoreList\":[]}"
+};
+const _worklet_14364476720763_init_data = {
+  code: "function chunkKBQT6MZ4Js3(event){const{drag,DRAG_FOLLOW}=this.__closure;drag.set(event.translationX*DRAG_FOLLOW);}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkKBQT6MZ4Js3\",\"event\",\"drag\",\"DRAG_FOLLOW\",\"__closure\",\"set\",\"translationX\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js\"],\"mappings\":\"AA2zB0H,SAAAA,gBAAUA,CAAAC,KAAA,QAAAC,IAAA,CAAAC,WAAA,OAAAC,SAAA,CAC9HF,IAAI,CAACG,GAAG,CAACJ,KAAK,CAACK,YAAY,CAAGH,WAAW,CAAC,CAC5C\",\"ignoreList\":[]}"
+};
+const _worklet_5705841099853_init_data = {
+  code: "function chunkKBQT6MZ4Js4(){const{drag}=this.__closure;return{transform:[{translateX:drag.get()}]};}",
+  location: "/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js",
+  sourceMap: "{\"version\":3,\"names\":[\"chunkKBQT6MZ4Js4\",\"drag\",\"__closure\",\"transform\",\"translateX\",\"get\"],\"sources\":[\"/home/runner/work/xaui/xaui/packages/native/dist/chunk-KBQT6MZ4.js\"],\"mappings\":\"AAs0BmC,SAAAA,iBAAA,QAAAC,IAAA,OAAAC,SAAA,OAAO,CACpCC,SAAS,CAAE,CAAC,CAAEC,UAAU,CAAEH,IAAI,CAACI,GAAG,CAAC,CAAE,CAAC,CACxC,CAAC\",\"ignoreList\":[]}"
+};
+var AgendaCalendarWeek = forwardRef9(function AgendaCalendarWeek2({
+  children,
+  swipeable = true,
+  style,
+  ...props
+}, ref) {
+  const {
+    weekStyle,
+    days,
+    goByWeeks,
+    canGoByWeeks,
+    isDisabled
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  const drag = useSharedValue(0);
+  const page = useCallback3(direction => {
+    if (canGoByWeeks(direction)) goByWeeks(direction);
+  }, [canGoByWeeks, goByWeeks]);
+  const pan = Gesture.Pan().enabled(swipeable && !isDisabled).activeOffsetX([-12, 12]).failOffsetY([-16, 16]).onUpdate(function chunkKBQT6MZ4Js3Factory({
+    _worklet_14364476720763_init_data,
+    drag,
+    DRAG_FOLLOW
+  }) {
+    const _e = [new global.Error(), -3, -27];
+    const chunkKBQT6MZ4Js3 = function (event) {
+      drag.set(event.translationX * DRAG_FOLLOW);
+    };
+    chunkKBQT6MZ4Js3.__closure = {
+      drag,
+      DRAG_FOLLOW
+    };
+    chunkKBQT6MZ4Js3.__workletHash = 14364476720763;
+    chunkKBQT6MZ4Js3.__pluginVersion = "0.7.4";
+    chunkKBQT6MZ4Js3.__initData = _worklet_14364476720763_init_data;
+    chunkKBQT6MZ4Js3.__stackDetails = _e;
+    return chunkKBQT6MZ4Js3;
+  }({
+    _worklet_14364476720763_init_data,
+    drag,
+    DRAG_FOLLOW
+  })).onEnd(function chunkKBQT6MZ4Js2Factory({
+    _worklet_6610935084244_init_data,
+    SWIPE_DISTANCE,
+    SWIPE_VELOCITY,
+    runOnJS,
+    page,
+    drag,
+    withSpring,
+    SPRING
+  }) {
+    const _e = [new global.Error(), -8, -27];
+    const chunkKBQT6MZ4Js2 = function (event) {
+      const forward = event.translationX <= -SWIPE_DISTANCE || event.velocityX <= -SWIPE_VELOCITY;
+      const backward = event.translationX >= SWIPE_DISTANCE || event.velocityX >= SWIPE_VELOCITY;
+      if (forward) runOnJS(page)(1);else if (backward) runOnJS(page)(-1);
+      drag.set(withSpring(0, SPRING));
+    };
+    chunkKBQT6MZ4Js2.__closure = {
+      SWIPE_DISTANCE,
+      SWIPE_VELOCITY,
+      runOnJS,
+      page,
+      drag,
+      withSpring,
+      SPRING
+    };
+    chunkKBQT6MZ4Js2.__workletHash = 6610935084244;
+    chunkKBQT6MZ4Js2.__pluginVersion = "0.7.4";
+    chunkKBQT6MZ4Js2.__initData = _worklet_6610935084244_init_data;
+    chunkKBQT6MZ4Js2.__stackDetails = _e;
+    return chunkKBQT6MZ4Js2;
+  }({
+    _worklet_6610935084244_init_data,
+    SWIPE_DISTANCE,
+    SWIPE_VELOCITY,
+    runOnJS,
+    page,
+    drag,
+    withSpring,
+    SPRING
+  })).onFinalize(function chunkKBQT6MZ4Js1Factory({
+    _worklet_7984403908831_init_data,
+    drag,
+    withSpring,
+    SPRING
+  }) {
+    const _e = [new global.Error(), -4, -27];
+    const chunkKBQT6MZ4Js1 = function () {
+      drag.set(withSpring(0, SPRING));
+    };
+    chunkKBQT6MZ4Js1.__closure = {
+      drag,
+      withSpring,
+      SPRING
+    };
+    chunkKBQT6MZ4Js1.__workletHash = 7984403908831;
+    chunkKBQT6MZ4Js1.__pluginVersion = "0.7.4";
+    chunkKBQT6MZ4Js1.__initData = _worklet_7984403908831_init_data;
+    chunkKBQT6MZ4Js1.__stackDetails = _e;
+    return chunkKBQT6MZ4Js1;
+  }({
+    _worklet_7984403908831_init_data,
+    drag,
+    withSpring,
+    SPRING
+  }));
+  const slide = useAnimatedStyle(function chunkKBQT6MZ4Js4Factory({
+    _worklet_5705841099853_init_data,
+    drag
+  }) {
+    const _e = [new global.Error(), -2, -27];
+    const chunkKBQT6MZ4Js4 = () => ({
+      transform: [{
+        translateX: drag.get()
+      }]
+    });
+    chunkKBQT6MZ4Js4.__closure = {
+      drag
+    };
+    chunkKBQT6MZ4Js4.__workletHash = 5705841099853;
+    chunkKBQT6MZ4Js4.__pluginVersion = "0.7.4";
+    chunkKBQT6MZ4Js4.__initData = _worklet_5705841099853_init_data;
+    chunkKBQT6MZ4Js4.__stackDetails = _e;
+    return chunkKBQT6MZ4Js4;
+  }({
+    _worklet_5705841099853_init_data,
+    drag
+  }));
+  const cells = days.map(date => /* @__PURE__ */jsx9(View7, {
+    style: CELL,
+    children: typeof children === "function" ? children(date) : /* @__PURE__ */jsx9(AgendaCalendarDay, {
+      date
+    })
+  }, date.getTime()));
+  if (!swipeable) {
+    return /* @__PURE__ */jsx9(View7, {
+      ref,
+      ...rest,
+      style: [weekStyle, styleProps, style],
+      children: cells
+    });
+  }
+  return /* @__PURE__ */jsx9(GestureDetector, {
+    gesture: pan,
+    children: /* @__PURE__ */jsx9(Animated2.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
+import { forwardRef as forwardRef10 } from "react";
+import { Text as Text5, View as View8 } from "react-native";
+import { jsx as jsx10 } from "react/jsx-runtime";
+var AgendaCalendarWeekdays = forwardRef10(function AgendaCalendarWeekdays2({
+  children,
+  style,
+  ...props
+}, ref) {
+  const {
+    weekdaysStyle,
+    weekdayStyle,
+    days,
+    locale
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  const names = weekdayNames(locale, days[0].getDay());
+  return /* @__PURE__ */jsx10(View8, {
+    ref,
+    accessibilityElementsHidden: true,
+    importantForAccessibility: "no-hide-descendants",
+    ...rest,
+    style: [weekdaysStyle, styleProps, style],
+    children: children ?? names.map((name, index) => /* @__PURE__ */jsx10(Text5, {
+      style: weekdayStyle,
+      children: name
+    }, days[index].getTime()))
+  });
+});
+AgendaCalendarWeekdays.displayName = "XAUI.AgendaCalendar.Weekdays";
+
+// src/components/agenda-calendar/agenda-calendar-year-picker.tsx
+import { forwardRef as forwardRef11, useMemo as useMemo4, useRef, useState as useState2 } from "react";
+import { ScrollView as ScrollView2, Text as Text6 } from "react-native";
+import Animated3, { FadeIn as FadeIn2 } from "react-native-reanimated";
+import { jsx as jsx11 } from "react/jsx-runtime";
+var AnimatedScrollView2 = Animated3.createAnimatedComponent(ScrollView2);
+var MIDDLE3 = 3;
+var OPEN_MS2 = 160;
+var AgendaCalendarYearPicker = forwardRef11(function AgendaCalendarYearPicker2({
+  firstYear,
+  lastYear,
+  style,
+  onLayout,
+  contentContainerStyle,
+  ...props
+}, ref) {
+  const {
+    pickerStyle,
+    pickerItemStyle,
+    pickerItemSelectedStyle,
+    pickerItemLabelStyle,
+    pickerItemLabelSelectedStyle,
+    days,
+    yearRange,
+    canGoByYears,
+    goToYear
+  } = useAgendaCalendar();
+  const [styleProps, rest] = useStyleProps(props);
+  const theme = useXAUITheme();
+  const first = firstYear ?? yearRange.first;
+  const last = lastYear ?? yearRange.last;
+  const shownYear = days[MIDDLE3].getFullYear();
+  const years = useMemo4(() => Array.from({
+    length: last - first + 1
+  }, (_, index) => first + index), [first, last]);
+  const scroller = useRef(null);
+  const refs = useMergedRef(scroller, ref);
+  const selectedX = useRef(0);
+  const [isPlaced, setIsPlaced] = useState2(false);
+  const centre = viewportWidth => {
+    if (isPlaced || viewportWidth === 0) return;
+    scroller.current?.scrollTo({
+      x: Math.max(0, selectedX.current - viewportWidth / 2),
+      animated: false
+    });
+    setIsPlaced(true);
+  };
+  const place = event => {
+    onLayout?.(event);
+    centre(event.nativeEvent.layout.width);
+  };
+  return /* @__PURE__ */jsx11(AnimatedScrollView2, {
+    ref: refs,
+    ...rest,
+    horizontal: true,
+    style: [pickerStyle, styleProps, style],
+    contentContainerStyle: [{
+      alignItems: "center",
+      gap: theme.spacing(2)
+    }, contentContainerStyle],
+    showsHorizontalScrollIndicator: false,
+    onLayout: place,
+    entering: FadeIn2.duration(OPEN_MS2),
+    children: years.map(year => {
+      const disabled = !canGoByYears(year - shownYear);
+      const isSelected = year === shownYear;
+      return /* @__PURE__ */jsx11(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__ */jsx11(Text6, {
+          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
+});
+export { useAgendaCalendar, AgendaCalendarDay, AgendaCalendarHeader, AgendaCalendarMonthPicker, AgendaCalendarNav, AgendaCalendarPreviousButton, AgendaCalendarNextButton, agendaCalendarRecipe, AgendaCalendarRoot, AgendaCalendarTitle, AgendaCalendarTodayButton, AgendaCalendarWeek, AgendaCalendarWeekdays, AgendaCalendarYearPicker, AgendaCalendar2 as AgendaCalendar };