@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/Calendar.jsx

@@ -0,0 +1,333 @@
+import { dataAttr, useIsHydrated, useRenderProps } from "./utils.jsx";
+import { VisuallyHidden } from "./VisuallyHidden.jsx";
+import { For, Index, Show, createContext, createMemo, createSignal, splitProps, useContext } from "solid-js";
+import { createCalendar, createCalendarCell, createCalendarGrid, createHover } from "@proyecto-viviana/solidaria";
+import { createCalendarState, endOfMonth, isSameMonth } from "@proyecto-viviana/solid-stately";
+//#region src/Calendar.tsx
+/**
+* Calendar component for solidaria-components
+*
+* Pre-wired headless calendar component that combines aria hooks.
+* Port of react-aria-components/src/Calendar.tsx
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const CalendarContext = createContext(null);
+const CalendarGridMonthContext = createContext(null);
+const CalendarGridCellPositionContext = createContext(null);
+function useCalendarContext() {
+	const context = useContext(CalendarContext);
+	if (!context) throw new Error("Calendar components must be used within a Calendar");
+	return context;
+}
+/**
+* A calendar displays a grid of days in a month and allows users to select a single date.
+*
+* @example
+* ```tsx
+* <Calendar aria-label="Event date">
+*   <header>
+*     <CalendarButton slot="previous">◀</CalendarButton>
+*     <CalendarHeading />
+*     <CalendarButton slot="next">▶</CalendarButton>
+*   </header>
+*   <CalendarGrid>
+*     {(date) => <CalendarCell date={date} />}
+*   </CalendarGrid>
+* </Calendar>
+* ```
+*/
+function Calendar(props) {
+	const inheritedState = useContext(CalendarContext);
+	const isHydrated = useIsHydrated();
+	return <Show when={isHydrated()} fallback={<div class="solidaria-Calendar solidaria-Calendar--placeholder" aria-hidden="true" />}>
+      <Show when={inheritedState} fallback={<CalendarInner {...props} />}>
+        <CalendarWithState state={inheritedState} {...props} />
+      </Show>
+    </Show>;
+}
+function CalendarWithState(props) {
+	const [local, stateProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"state",
+		"ref"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"selectionMode",
+		"minValue",
+		"maxValue",
+		"isDisabled",
+		"isReadOnly",
+		"autoFocus",
+		"focusedValue",
+		"defaultFocusedValue",
+		"onFocusChange",
+		"locale",
+		"createCalendar",
+		"isDateUnavailable",
+		"visibleMonths",
+		"pageBehavior",
+		"selectionAlignment",
+		"isDateDisabled",
+		"validationState",
+		"errorMessage",
+		"firstDayOfWeek"
+	]);
+	const state = () => props.state;
+	const calendarAria = createCalendar(() => ({
+		...rest,
+		errorMessage: stateProps.errorMessage
+	}), state());
+	const renderValues = createMemo(() => ({
+		isDisabled: state().isDisabled(),
+		isReadOnly: state().isReadOnly(),
+		isInvalid: state().isValueInvalid()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Calendar"
+	}, renderValues);
+	return <div {...calendarAria.calendarProps} ref={(el) => assignRef(local.ref, el)} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state().isDisabled())} data-readonly={dataAttr(state().isReadOnly())} data-invalid={dataAttr(state().isValueInvalid())}>
+      <VisuallyHidden>
+        <h2>{String(calendarAria.calendarProps["aria-label"] ?? "")}</h2>
+      </VisuallyHidden>
+      {props.children}
+    </div>;
+}
+/**
+* Internal Calendar component that renders after client mount.
+*/
+function CalendarInner(props) {
+	const [local, stateProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"ref"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"selectionMode",
+		"minValue",
+		"maxValue",
+		"isDisabled",
+		"isReadOnly",
+		"autoFocus",
+		"focusedValue",
+		"defaultFocusedValue",
+		"onFocusChange",
+		"locale",
+		"createCalendar",
+		"isDateUnavailable",
+		"visibleMonths",
+		"pageBehavior",
+		"selectionAlignment",
+		"isDateDisabled",
+		"validationState",
+		"errorMessage",
+		"firstDayOfWeek"
+	]);
+	const state = createCalendarState(stateProps);
+	const calendarAria = createCalendar(() => ({
+		...rest,
+		errorMessage: stateProps.errorMessage
+	}), state);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isReadOnly: state.isReadOnly(),
+		isInvalid: state.isValueInvalid()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-Calendar"
+	}, renderValues);
+	return <CalendarContext.Provider value={state}>
+      <div {...calendarAria.calendarProps} ref={(el) => assignRef(local.ref, el)} class={renderProps.class()} style={renderProps.style()} data-disabled={dataAttr(state.isDisabled())} data-readonly={dataAttr(state.isReadOnly())} data-invalid={dataAttr(state.isValueInvalid())}>
+        <VisuallyHidden>
+          <h2>{String(calendarAria.calendarProps["aria-label"] ?? "")}</h2>
+        </VisuallyHidden>
+        {props.children}
+      </div>
+    </CalendarContext.Provider>;
+}
+/**
+* Displays the current month and year in the calendar.
+*/
+function CalendarHeading(props) {
+	const state = useCalendarContext();
+	const renderValues = createMemo(() => ({ title: state.title() }));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-CalendarHeading"
+	}, renderValues);
+	return <h2 class={renderProps.class()} style={renderProps.style()} aria-live="polite">
+      {typeof props.children === "function" ? renderProps.renderChildren() : state.title()}
+    </h2>;
+}
+/**
+* A button for navigating the calendar.
+*/
+function CalendarButton(props) {
+	const state = useCalendarContext();
+	const calendarAria = createCalendar({}, state);
+	const buttonProps = createMemo(() => {
+		if (props.slot === "previous") return calendarAria.prevButtonProps;
+		return calendarAria.nextButtonProps;
+	});
+	return <button {...buttonProps()} class={props.class ?? "solidaria-CalendarButton"} style={props.style} disabled={props.isDisabled || state.isDisabled()}>
+      {props.children}
+    </button>;
+}
+/**
+* Displays a grid of calendar cells.
+*/
+function CalendarGrid(props) {
+	const state = useCalendarContext();
+	const [gridRef, setGridRef] = createSignal(null);
+	const startDate = createMemo(() => {
+		const offsetMonths = props.offset?.months ?? 0;
+		const baseStart = state.visibleRange().start;
+		return offsetMonths ? baseStart.add({ months: offsetMonths }) : baseStart;
+	});
+	const gridAria = createCalendarGrid({
+		startDate: startDate(),
+		endDate: endOfMonth(startDate()),
+		weekdayStyle: props.weekdayStyle
+	}, state, gridRef);
+	const renderValues = createMemo(() => ({ isDisabled: state.isDisabled() }));
+	const renderProps = useRenderProps({
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-CalendarGrid"
+	}, renderValues);
+	const allDates = createMemo(() => {
+		const monthStart = startDate();
+		const numWeeks = state.getWeeksInMonth(monthStart);
+		const weekDates = [];
+		for (let weekIndex = 0; weekIndex < numWeeks; weekIndex++) weekDates.push(state.getDatesInWeek(weekIndex, monthStart));
+		return weekDates;
+	});
+	return <CalendarGridMonthContext.Provider value={startDate}>
+      <table ref={setGridRef} {...gridAria.gridProps} class={renderProps.class()} style={renderProps.style()}>
+        <thead {...gridAria.headerProps}>
+          <tr>
+            <For each={gridAria.weekDays}>
+              {(day) => <th scope="col" class={props.headerCellClass ?? "solidaria-CalendarHeaderCell"}>
+                  {day}
+                </th>}
+            </For>
+          </tr>
+        </thead>
+        <tbody>
+          <Index each={allDates()}>
+            {(weekDates, weekIndex) => <tr>
+                <Index each={weekDates()}>
+                  {(date, dayIndex) => <Show when={date()} fallback={<td />}>
+                      <CalendarGridCellPositionContext.Provider value={() => ({
+		weekIndex,
+		dayIndex,
+		lastWeekIndex: allDates().length - 1
+	})}>
+                        {props.children?.(date())}
+                      </CalendarGridCellPositionContext.Provider>
+                    </Show>}
+                </Index>
+              </tr>}
+          </Index>
+        </tbody>
+      </table>
+    </CalendarGridMonthContext.Provider>;
+}
+function CalendarGridHeader(props) {
+	return <thead class={props.class ?? "solidaria-CalendarGridHeader"} style={props.style}>
+      {props.children}
+    </thead>;
+}
+function CalendarGridBody(props) {
+	return <tbody class={props.class ?? "solidaria-CalendarGridBody"} style={props.style}>
+      {props.children}
+    </tbody>;
+}
+function CalendarHeaderCell(props) {
+	return <th scope="col" class={props.class ?? "solidaria-CalendarHeaderCell"} style={props.style}>
+      {props.children}
+    </th>;
+}
+/**
+* A cell in the calendar grid representing a single day.
+*/
+function CalendarCell(props) {
+	const state = useCalendarContext();
+	const currentMonthStart = useContext(CalendarGridMonthContext);
+	const cellPosition = useContext(CalendarGridCellPositionContext);
+	const [cellRef, setCellRef] = createSignal(null);
+	const isOutsideMonth = createMemo(() => currentMonthStart != null && !isSameMonth(currentMonthStart(), props.date));
+	const position = createMemo(() => cellPosition?.() ?? {
+		weekIndex: 0,
+		dayIndex: 0,
+		lastWeekIndex: 0
+	});
+	const cellAria = createCalendarCell(() => ({
+		date: props.date,
+		isOutsideMonth: isOutsideMonth()
+	}), state, cellRef);
+	const { hoverProps, isHovered } = createHover(() => ({ isDisabled: cellAria.isDisabled || cellAria.isUnavailable }));
+	const renderValues = createMemo(() => ({
+		isSelected: cellAria.isSelected,
+		isFocused: cellAria.isFocused,
+		isFocusVisible: cellAria.isFocusVisible,
+		isDisabled: cellAria.isDisabled,
+		isUnavailable: cellAria.isUnavailable,
+		isInvalid: cellAria.isInvalid,
+		isOutsideMonth: cellAria.isOutsideMonth,
+		isToday: cellAria.isToday,
+		isPressed: cellAria.isPressed,
+		isHovered: isHovered(),
+		isFirstChild: position().dayIndex === 0,
+		isLastChild: position().dayIndex === 6,
+		isFirstWeek: position().weekIndex === 0,
+		isLastWeek: position().weekIndex === position().lastWeekIndex,
+		formattedDate: cellAria.formattedDate
+	}));
+	const renderProps = useRenderProps({
+		get children() {
+			return props.children;
+		},
+		class: props.class,
+		style: props.style,
+		defaultClassName: "solidaria-CalendarCell"
+	}, renderValues);
+	const cellRenderProps = useRenderProps({
+		class: props.cellClass,
+		style: props.cellStyle,
+		defaultClassName: "solidaria-CalendarCellWrapper"
+	}, renderValues);
+	const getChildren = () => {
+		if (typeof props.children === "function") return renderProps.renderChildren();
+		return cellAria.formattedDate;
+	};
+	return <td {...cellAria.cellProps} class={cellRenderProps.class()} style={cellRenderProps.style()}>
+      <div ref={setCellRef} {...cellAria.buttonProps} {...hoverProps} class={renderProps.class()} style={renderProps.style()} data-selected={dataAttr(cellAria.isSelected)} data-focused={dataAttr(cellAria.isFocused)} data-focus-visible={dataAttr(cellAria.isFocusVisible)} data-disabled={dataAttr(cellAria.isDisabled)} data-unavailable={dataAttr(cellAria.isUnavailable)} data-invalid={dataAttr(cellAria.isInvalid)} data-outside-month={dataAttr(cellAria.isOutsideMonth)} data-today={dataAttr(cellAria.isToday)} data-pressed={dataAttr(cellAria.isPressed)} data-hovered={dataAttr(isHovered())}>
+        {getChildren()}
+      </div>
+    </td>;
+}
+//#endregion
+export { Calendar, CalendarButton, CalendarCell, CalendarContext, CalendarGrid, CalendarGridBody, CalendarGridHeader, CalendarHeaderCell, CalendarHeading, useCalendarContext };
+
+//# sourceMappingURL=Calendar.jsx.map

package/dist/Calendar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"Calendar.jsx","names":[],"sources":["../src/Calendar.tsx"],"sourcesContent":["/**\n * Calendar component for solidaria-components\n *\n * Pre-wired headless calendar component that combines aria hooks.\n * Port of react-aria-components/src/Calendar.tsx\n */\n\nimport {\n  type JSX,\n  type Accessor,\n  createContext,\n  createMemo,\n  createSignal,\n  splitProps,\n  useContext,\n  For,\n  Index,\n  Show,\n} from \"solid-js\";\n\nimport {\n  createCalendar,\n  createCalendarGrid,\n  createCalendarCell,\n  createHover,\n  type AriaCalendarProps,\n  type AriaCalendarGridProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createCalendarState,\n  type CalendarState,\n  type CalendarStateProps,\n  type CalendarSelectionMode,\n  type CalendarDate,\n  type DateValue,\n  endOfMonth,\n  isSameMonth,\n} from \"@proyecto-viviana/solid-stately\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  dataAttr,\n  useIsHydrated,\n} from \"./utils\";\nimport { VisuallyHidden } from \"./VisuallyHidden\";\n\ntype RefLike<T> = ((el: T) => void) | { current?: T | null } | undefined;\n\nfunction assignRef<T>(ref: RefLike<T>, el: T): void {\n  if (!ref) {\n    return;\n  }\n\n  if (typeof ref === \"function\") {\n    ref(el);\n  } else {\n    ref.current = el;\n  }\n}\n\nexport interface CalendarRenderProps {\n  /** Whether the calendar is disabled. */\n  isDisabled: boolean;\n  /** Whether the calendar is read-only. */\n  isReadOnly: boolean;\n  /** Whether the current selection is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface CalendarProps<\n  T extends DateValue = DateValue,\n  M extends CalendarSelectionMode = \"single\",\n>\n  extends\n    Omit<AriaCalendarProps, \"id\" | \"isDisabled\" | \"isReadOnly\">,\n    Omit<CalendarStateProps<T, M>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CalendarRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CalendarRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n  /** Ref for the calendar root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface CalendarGridRenderProps {\n  /** Whether the grid is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface CalendarGridProps\n  extends Omit<AriaCalendarGridProps, \"startDate\" | \"endDate\">, SlotProps {\n  /** The children of the component (render function receiving weeks). */\n  children?: (date: CalendarDate) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CalendarGridRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CalendarGridRenderProps>;\n  /** Class name for weekday header cells. */\n  headerCellClass?: string;\n  /** Number of weeks to offset from the start. */\n  offset?: { months?: number };\n}\n\nexport interface CalendarCellRenderProps {\n  /** Whether the cell is selected. */\n  isSelected: boolean;\n  /** Whether the cell is focused. */\n  isFocused: boolean;\n  /** Whether the cell should display a keyboard focus ring. */\n  isFocusVisible: boolean;\n  /** Whether the cell is disabled. */\n  isDisabled: boolean;\n  /** Whether the cell is unavailable. */\n  isUnavailable: boolean;\n  /** Whether the cell is part of an invalid selection. */\n  isInvalid: boolean;\n  /** Whether the cell is outside the visible month. */\n  isOutsideMonth: boolean;\n  /** Whether the cell represents today. */\n  isToday: boolean;\n  /** Whether the cell is pressed. */\n  isPressed: boolean;\n  /** Whether the cell is hovered. */\n  isHovered: boolean;\n  /** Whether the cell is the first day slot in its row. */\n  isFirstChild: boolean;\n  /** Whether the cell is the last day slot in its row. */\n  isLastChild: boolean;\n  /** Whether the cell is in the first rendered week row. */\n  isFirstWeek: boolean;\n  /** Whether the cell is in the last rendered week row. */\n  isLastWeek: boolean;\n  /** The formatted date string. */\n  formattedDate: string;\n}\n\nexport interface CalendarCellProps extends SlotProps {\n  /** The date for this cell. */\n  date: CalendarDate;\n  /** The children of the component. A function may be provided to receive render props. */\n  children?: RenderChildren<CalendarCellRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<CalendarCellRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<CalendarCellRenderProps>;\n  /** Class name for the table cell wrapper. */\n  cellClass?: ClassNameOrFunction<CalendarCellRenderProps>;\n  /** Inline style for the table cell wrapper. */\n  cellStyle?: StyleOrFunction<CalendarCellRenderProps>;\n}\n\nexport interface CalendarHeaderCellProps extends SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n}\n\nexport interface CalendarGridHeaderProps extends SlotProps {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\nexport interface CalendarGridBodyProps extends SlotProps {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}\n\nexport const CalendarContext = createContext<CalendarState<DateValue> | null>(null);\nconst CalendarGridMonthContext = createContext<Accessor<CalendarDate> | null>(null);\nconst CalendarGridCellPositionContext = createContext<Accessor<{\n  weekIndex: number;\n  dayIndex: number;\n  lastWeekIndex: number;\n}> | null>(null);\n\nexport function useCalendarContext(): CalendarState<DateValue> {\n  const context = useContext(CalendarContext);\n  if (!context) {\n    throw new Error(\"Calendar components must be used within a Calendar\");\n  }\n  return context;\n}\n\n/**\n * A calendar displays a grid of days in a month and allows users to select a single date.\n *\n * @example\n * ```tsx\n * <Calendar aria-label=\"Event date\">\n *   <header>\n *     <CalendarButton slot=\"previous\">◀</CalendarButton>\n *     <CalendarHeading />\n *     <CalendarButton slot=\"next\">▶</CalendarButton>\n *   </header>\n *   <CalendarGrid>\n *     {(date) => <CalendarCell date={date} />}\n *   </CalendarGrid>\n * </Calendar>\n * ```\n */\nexport function Calendar<\n  T extends DateValue = CalendarDate,\n  M extends CalendarSelectionMode = \"single\",\n>(props: CalendarProps<T, M>): JSX.Element {\n  const inheritedState = useContext(CalendarContext);\n\n  // Use hydration-safe pattern for client-only rendering\n  const isHydrated = useIsHydrated();\n\n  return (\n    <Show\n      when={isHydrated()}\n      fallback={\n        <div class=\"solidaria-Calendar solidaria-Calendar--placeholder\" aria-hidden=\"true\" />\n      }\n    >\n      <Show when={inheritedState} fallback={<CalendarInner {...props} />}>\n        <CalendarWithState state={inheritedState as CalendarState<DateValue>} {...props} />\n      </Show>\n    </Show>\n  );\n}\n\nfunction CalendarWithState<\n  T extends DateValue = CalendarDate,\n  M extends CalendarSelectionMode = \"single\",\n>(props: CalendarProps<T, M> & { state: CalendarState<DateValue> }): JSX.Element {\n  const [local, stateProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"state\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"selectionMode\",\n      \"minValue\",\n      \"maxValue\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"autoFocus\",\n      \"focusedValue\",\n      \"defaultFocusedValue\",\n      \"onFocusChange\",\n      \"locale\",\n      \"createCalendar\",\n      \"isDateUnavailable\",\n      \"visibleMonths\",\n      \"pageBehavior\",\n      \"selectionAlignment\",\n      \"isDateDisabled\",\n      \"validationState\",\n      \"errorMessage\",\n      \"firstDayOfWeek\",\n    ],\n  );\n\n  const state = () => props.state;\n  const calendarAria = createCalendar(\n    () => ({\n      ...rest,\n      errorMessage: stateProps.errorMessage,\n    }),\n    state(),\n  );\n\n  const renderValues = createMemo<CalendarRenderProps>(() => ({\n    isDisabled: state().isDisabled(),\n    isReadOnly: state().isReadOnly(),\n    isInvalid: state().isValueInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Calendar\",\n    },\n    renderValues,\n  );\n\n  return (\n    <div\n      {...calendarAria.calendarProps}\n      ref={(el) => assignRef(local.ref, el)}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-disabled={dataAttr(state().isDisabled())}\n      data-readonly={dataAttr(state().isReadOnly())}\n      data-invalid={dataAttr(state().isValueInvalid())}\n    >\n      <VisuallyHidden>\n        <h2>{String(calendarAria.calendarProps[\"aria-label\"] ?? \"\")}</h2>\n      </VisuallyHidden>\n      {props.children}\n    </div>\n  );\n}\n\n/**\n * Internal Calendar component that renders after client mount.\n */\nfunction CalendarInner<\n  T extends DateValue = CalendarDate,\n  M extends CalendarSelectionMode = \"single\",\n>(props: CalendarProps<T, M>): JSX.Element {\n  const [local, stateProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"selectionMode\",\n      \"minValue\",\n      \"maxValue\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"autoFocus\",\n      \"focusedValue\",\n      \"defaultFocusedValue\",\n      \"onFocusChange\",\n      \"locale\",\n      \"createCalendar\",\n      \"isDateUnavailable\",\n      \"visibleMonths\",\n      \"pageBehavior\",\n      \"selectionAlignment\",\n      \"isDateDisabled\",\n      \"validationState\",\n      \"errorMessage\",\n      \"firstDayOfWeek\",\n    ],\n  );\n\n  // Create calendar state\n  const state = createCalendarState<T, M>(stateProps);\n\n  // Create calendar ARIA props\n  const calendarAria = createCalendar(\n    () => ({\n      ...rest,\n      errorMessage: stateProps.errorMessage,\n    }),\n    state as unknown as CalendarState<DateValue>,\n  );\n\n  const renderValues = createMemo<CalendarRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isInvalid: state.isValueInvalid(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-Calendar\",\n    },\n    renderValues,\n  );\n\n  return (\n    <CalendarContext.Provider value={state as unknown as CalendarState<DateValue>}>\n      <div\n        {...calendarAria.calendarProps}\n        ref={(el) => assignRef(local.ref, el)}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-disabled={dataAttr(state.isDisabled())}\n        data-readonly={dataAttr(state.isReadOnly())}\n        data-invalid={dataAttr(state.isValueInvalid())}\n      >\n        <VisuallyHidden>\n          <h2>{String(calendarAria.calendarProps[\"aria-label\"] ?? \"\")}</h2>\n        </VisuallyHidden>\n        {props.children}\n      </div>\n    </CalendarContext.Provider>\n  );\n}\n\nexport interface CalendarHeadingProps extends SlotProps {\n  /** The children of the component. */\n  children?: RenderChildren<{ title: string }>;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n}\n\n/**\n * Displays the current month and year in the calendar.\n */\nexport function CalendarHeading(props: CalendarHeadingProps): JSX.Element {\n  const state = useCalendarContext();\n  const renderValues = createMemo(() => ({\n    title: state.title(),\n  }));\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-CalendarHeading\",\n    },\n    renderValues,\n  );\n\n  return (\n    <h2 class={renderProps.class()} style={renderProps.style()} aria-live=\"polite\">\n      {typeof props.children === \"function\" ? renderProps.renderChildren() : state.title()}\n    </h2>\n  );\n}\n\nexport interface CalendarButtonProps extends SlotProps {\n  /** The slot for this button (previous or next). */\n  slot?: \"previous\" | \"next\";\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: string;\n  /** The inline style for the element. */\n  style?: JSX.CSSProperties;\n  /** Whether the button is disabled. */\n  isDisabled?: boolean;\n}\n\n/**\n * A button for navigating the calendar.\n */\nexport function CalendarButton(props: CalendarButtonProps): JSX.Element {\n  const state = useCalendarContext();\n  const calendarAria = createCalendar({}, state);\n\n  const buttonProps = createMemo(() => {\n    if (props.slot === \"previous\") {\n      return calendarAria.prevButtonProps;\n    }\n    return calendarAria.nextButtonProps;\n  });\n\n  return (\n    <button\n      {...buttonProps()}\n      class={props.class ?? \"solidaria-CalendarButton\"}\n      style={props.style}\n      disabled={props.isDisabled || state.isDisabled()}\n    >\n      {props.children}\n    </button>\n  );\n}\n\n/**\n * Displays a grid of calendar cells.\n */\nexport function CalendarGrid(props: CalendarGridProps): JSX.Element {\n  const state = useCalendarContext();\n  const [gridRef, setGridRef] = createSignal<HTMLTableElement | null>(null);\n  const startDate = createMemo(() => {\n    const offsetMonths = props.offset?.months ?? 0;\n    const baseStart = state.visibleRange().start;\n    return offsetMonths ? baseStart.add({ months: offsetMonths }) : baseStart;\n  });\n\n  const gridAria = createCalendarGrid(\n    {\n      startDate: startDate(),\n      endDate: endOfMonth(startDate()),\n      weekdayStyle: props.weekdayStyle,\n    },\n    state,\n    gridRef,\n  );\n\n  const renderValues = createMemo<CalendarGridRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-CalendarGrid\",\n    },\n    renderValues,\n  );\n\n  // Memoize ALL dates for the grid at once to avoid reactive loops.\n  // This breaks the cycle where accessing visibleRange() inside For loop\n  // would cause infinite re-renders.\n  const allDates = createMemo(() => {\n    const monthStart = startDate();\n    const numWeeks = state.getWeeksInMonth(monthStart);\n    const weekDates: (CalendarDate | null)[][] = [];\n\n    for (let weekIndex = 0; weekIndex < numWeeks; weekIndex++) {\n      weekDates.push(state.getDatesInWeek(weekIndex, monthStart));\n    }\n\n    return weekDates;\n  });\n\n  return (\n    <CalendarGridMonthContext.Provider value={startDate}>\n      <table\n        ref={setGridRef}\n        {...gridAria.gridProps}\n        class={renderProps.class()}\n        style={renderProps.style()}\n      >\n        <thead {...gridAria.headerProps}>\n          <tr>\n            <For each={gridAria.weekDays}>\n              {(day) => (\n                <th scope=\"col\" class={props.headerCellClass ?? \"solidaria-CalendarHeaderCell\"}>\n                  {day}\n                </th>\n              )}\n            </For>\n          </tr>\n        </thead>\n        <tbody>\n          <Index each={allDates()}>\n            {(weekDates, weekIndex) => (\n              <tr>\n                <Index each={weekDates()}>\n                  {(date, dayIndex) => (\n                    <Show when={date()} fallback={<td />}>\n                      <CalendarGridCellPositionContext.Provider\n                        value={() => ({\n                          weekIndex,\n                          dayIndex,\n                          lastWeekIndex: allDates().length - 1,\n                        })}\n                      >\n                        {props.children?.(date()!)}\n                      </CalendarGridCellPositionContext.Provider>\n                    </Show>\n                  )}\n                </Index>\n              </tr>\n            )}\n          </Index>\n        </tbody>\n      </table>\n    </CalendarGridMonthContext.Provider>\n  );\n}\n\nexport function CalendarGridHeader(props: CalendarGridHeaderProps): JSX.Element {\n  return (\n    <thead class={props.class ?? \"solidaria-CalendarGridHeader\"} style={props.style}>\n      {props.children}\n    </thead>\n  );\n}\n\nexport function CalendarGridBody(props: CalendarGridBodyProps): JSX.Element {\n  return (\n    <tbody class={props.class ?? \"solidaria-CalendarGridBody\"} style={props.style}>\n      {props.children}\n    </tbody>\n  );\n}\n\nexport function CalendarHeaderCell(props: CalendarHeaderCellProps): JSX.Element {\n  return (\n    <th scope=\"col\" class={props.class ?? \"solidaria-CalendarHeaderCell\"} style={props.style}>\n      {props.children}\n    </th>\n  );\n}\n\n/**\n * A cell in the calendar grid representing a single day.\n */\nexport function CalendarCell(props: CalendarCellProps): JSX.Element {\n  const state = useCalendarContext();\n  const currentMonthStart = useContext(CalendarGridMonthContext);\n  const cellPosition = useContext(CalendarGridCellPositionContext);\n  const [cellRef, setCellRef] = createSignal<HTMLDivElement | null>(null);\n  const isOutsideMonth = createMemo(\n    () => currentMonthStart != null && !isSameMonth(currentMonthStart(), props.date),\n  );\n  const position = createMemo(\n    () =>\n      cellPosition?.() ?? {\n        weekIndex: 0,\n        dayIndex: 0,\n        lastWeekIndex: 0,\n      },\n  );\n\n  const cellAria = createCalendarCell(\n    () => ({\n      date: props.date,\n      isOutsideMonth: isOutsideMonth(),\n    }),\n    state,\n    cellRef,\n  );\n  const { hoverProps, isHovered } = createHover(() => ({\n    isDisabled: cellAria.isDisabled || cellAria.isUnavailable,\n  }));\n\n  const renderValues = createMemo<CalendarCellRenderProps>(() => ({\n    isSelected: cellAria.isSelected,\n    isFocused: cellAria.isFocused,\n    isFocusVisible: cellAria.isFocusVisible,\n    isDisabled: cellAria.isDisabled,\n    isUnavailable: cellAria.isUnavailable,\n    isInvalid: cellAria.isInvalid,\n    isOutsideMonth: cellAria.isOutsideMonth,\n    isToday: cellAria.isToday,\n    isPressed: cellAria.isPressed,\n    isHovered: isHovered(),\n    isFirstChild: position().dayIndex === 0,\n    isLastChild: position().dayIndex === 6,\n    isFirstWeek: position().weekIndex === 0,\n    isLastWeek: position().weekIndex === position().lastWeekIndex,\n    formattedDate: cellAria.formattedDate,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-CalendarCell\",\n    },\n    renderValues,\n  );\n  const cellRenderProps = useRenderProps(\n    {\n      class: props.cellClass,\n      style: props.cellStyle,\n      defaultClassName: \"solidaria-CalendarCellWrapper\",\n    },\n    renderValues,\n  );\n\n  // Determine children content - avoid Show for SSR hydration compatibility\n  const getChildren = () => {\n    if (typeof props.children === \"function\") {\n      return renderProps.renderChildren();\n    }\n    return cellAria.formattedDate;\n  };\n\n  return (\n    <td {...cellAria.cellProps} class={cellRenderProps.class()} style={cellRenderProps.style()}>\n      <div\n        ref={setCellRef}\n        {...cellAria.buttonProps}\n        {...hoverProps}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-selected={dataAttr(cellAria.isSelected)}\n        data-focused={dataAttr(cellAria.isFocused)}\n        data-focus-visible={dataAttr(cellAria.isFocusVisible)}\n        data-disabled={dataAttr(cellAria.isDisabled)}\n        data-unavailable={dataAttr(cellAria.isUnavailable)}\n        data-invalid={dataAttr(cellAria.isInvalid)}\n        data-outside-month={dataAttr(cellAria.isOutsideMonth)}\n        data-today={dataAttr(cellAria.isToday)}\n        data-pressed={dataAttr(cellAria.isPressed)}\n        data-hovered={dataAttr(isHovered())}\n      >\n        {getChildren()}\n      </div>\n    </td>\n  );\n}\n\nexport type { CalendarState, CalendarDate, DateValue };\n"],"mappings":"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"}

package/dist/CalendarPicker.d.ts

@@ -0,0 +1,33 @@
+/**
+ * CalendarMonthPicker / CalendarYearPicker components for solidaria-components
+ *
+ * Headless month/year "jump-to" pickers shared by Calendar and RangeCalendar.
+ * Each reads whichever calendar state context is present and renders through a
+ * child function, mirroring the single context-agnostic components upstream.
+ * Port of react-aria-components/src/Calendar.tsx (CalendarMonthPicker /
+ * CalendarYearPicker).
+ */
+import { type JSX } from "solid-js";
+import { type CalendarMonthPickerProps as AriaCalendarMonthPickerProps, type CalendarMonthPickerAria, type CalendarYearPickerProps as AriaCalendarYearPickerProps, type CalendarYearPickerAria } from "@proyecto-viviana/solidaria";
+export type { CalendarMonthPickerAria, CalendarMonthPickerItem, CalendarYearPickerAria, CalendarYearPickerItem, CalendarYearPickerFormatOptions, } from "@proyecto-viviana/solidaria";
+export interface CalendarMonthPickerProps extends AriaCalendarMonthPickerProps {
+    /** A function that renders the month picker from its accessible props. */
+    children: (renderProps: CalendarMonthPickerAria) => JSX.Element;
+}
+/**
+ * A CalendarMonthPicker renders the list of months in the focused year so the
+ * user can jump the calendar's focus to a different month. It works within both
+ * a Calendar and a RangeCalendar.
+ */
+export declare function CalendarMonthPicker(props: CalendarMonthPickerProps): JSX.Element;
+export interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {
+    /** A function that renders the year picker from its accessible props. */
+    children: (renderProps: CalendarYearPickerAria) => JSX.Element;
+}
+/**
+ * A CalendarYearPicker renders a sliding window of years so the user can jump
+ * the calendar's focus to a different year. It works within both a Calendar and
+ * a RangeCalendar.
+ */
+export declare function CalendarYearPicker(props: CalendarYearPickerProps): JSX.Element;
+//# sourceMappingURL=CalendarPicker.d.ts.map

package/dist/CalendarPicker.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPicker.d.ts","sourceRoot":"","sources":["../src/CalendarPicker.tsx"],"names":[],"mappings":"AAAA;;;;;;;;GAQG;AAEH,OAAO,EAAE,KAAK,GAAG,EAAc,MAAM,UAAU,CAAC;AAEhD,OAAO,EAGL,KAAK,wBAAwB,IAAI,4BAA4B,EAC7D,KAAK,uBAAuB,EAC5B,KAAK,uBAAuB,IAAI,2BAA2B,EAC3D,KAAK,sBAAsB,EAC5B,MAAM,6BAA6B,CAAC;AAKrC,YAAY,EACV,uBAAuB,EACvB,uBAAuB,EACvB,sBAAsB,EACtB,sBAAsB,EACtB,+BAA+B,GAChC,MAAM,6BAA6B,CAAC;AAErC,MAAM,WAAW,wBAAyB,SAAQ,4BAA4B;IAC5E,0EAA0E;IAC1E,QAAQ,EAAE,CAAC,WAAW,EAAE,uBAAuB,KAAK,GAAG,CAAC,OAAO,CAAC;CACjE;AAED;;;;GAIG;AACH,wBAAgB,mBAAmB,CAAC,KAAK,EAAE,wBAAwB,GAAG,GAAG,CAAC,OAAO,CAShF;AAED,MAAM,WAAW,uBAAwB,SAAQ,2BAA2B;IAC1E,yEAAyE;IACzE,QAAQ,EAAE,CAAC,WAAW,EAAE,sBAAsB,KAAK,GAAG,CAAC,OAAO,CAAC;CAChE;AAED;;;;GAIG;AACH,wBAAgB,kBAAkB,CAAC,KAAK,EAAE,uBAAuB,GAAG,GAAG,CAAC,OAAO,CAS9E"}

package/dist/CalendarPicker.js

@@ -0,0 +1,44 @@
+import { CalendarContext } from "./Calendar.js";
+import { RangeCalendarContext } from "./RangeCalendar.js";
+import { useContext } from "solid-js";
+import { createCalendarMonthPicker, createCalendarYearPicker } from "@proyecto-viviana/solidaria";
+//#region src/CalendarPicker.tsx
+/**
+* CalendarMonthPicker / CalendarYearPicker components for solidaria-components
+*
+* Headless month/year "jump-to" pickers shared by Calendar and RangeCalendar.
+* Each reads whichever calendar state context is present and renders through a
+* child function, mirroring the single context-agnostic components upstream.
+* Port of react-aria-components/src/Calendar.tsx (CalendarMonthPicker /
+* CalendarYearPicker).
+*/
+/**
+* A CalendarMonthPicker renders the list of months in the focused year so the
+* user can jump the calendar's focus to a different month. It works within both
+* a Calendar and a RangeCalendar.
+*/
+function CalendarMonthPicker(props) {
+	const calendarState = useContext(CalendarContext);
+	const rangeCalendarState = useContext(RangeCalendarContext);
+	const state = calendarState ?? rangeCalendarState;
+	if (!state) throw new Error("CalendarMonthPicker must be used within a Calendar or RangeCalendar");
+	const aria = createCalendarMonthPicker(props, state);
+	return props.children(aria);
+}
+/**
+* A CalendarYearPicker renders a sliding window of years so the user can jump
+* the calendar's focus to a different year. It works within both a Calendar and
+* a RangeCalendar.
+*/
+function CalendarYearPicker(props) {
+	const calendarState = useContext(CalendarContext);
+	const rangeCalendarState = useContext(RangeCalendarContext);
+	const state = calendarState ?? rangeCalendarState;
+	if (!state) throw new Error("CalendarYearPicker must be used within a Calendar or RangeCalendar");
+	const aria = createCalendarYearPicker(props, state);
+	return props.children(aria);
+}
+//#endregion
+export { CalendarMonthPicker, CalendarYearPicker };
+
+//# sourceMappingURL=CalendarPicker.js.map

package/dist/CalendarPicker.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPicker.js","names":["JSX","useContext","createCalendarMonthPicker","createCalendarYearPicker","CalendarMonthPickerProps","AriaCalendarMonthPickerProps","CalendarMonthPickerAria","CalendarYearPickerProps","AriaCalendarYearPickerProps","CalendarYearPickerAria","CalendarContext","RangeCalendarContext","CalendarMonthPickerItem","CalendarYearPickerItem","CalendarYearPickerFormatOptions","children","renderProps","Element","CalendarMonthPicker","props","calendarState","rangeCalendarState","state","Error","aria","CalendarYearPicker"],"sources":["../src/CalendarPicker.tsx"],"sourcesContent":["/**\n * CalendarMonthPicker / CalendarYearPicker components for solidaria-components\n *\n * Headless month/year \"jump-to\" pickers shared by Calendar and RangeCalendar.\n * Each reads whichever calendar state context is present and renders through a\n * child function, mirroring the single context-agnostic components upstream.\n * Port of react-aria-components/src/Calendar.tsx (CalendarMonthPicker /\n * CalendarYearPicker).\n */\n\nimport { type JSX, useContext } from \"solid-js\";\n\nimport {\n  createCalendarMonthPicker,\n  createCalendarYearPicker,\n  type CalendarMonthPickerProps as AriaCalendarMonthPickerProps,\n  type CalendarMonthPickerAria,\n  type CalendarYearPickerProps as AriaCalendarYearPickerProps,\n  type CalendarYearPickerAria,\n} from \"@proyecto-viviana/solidaria\";\n\nimport { CalendarContext } from \"./Calendar\";\nimport { RangeCalendarContext } from \"./RangeCalendar\";\n\nexport type {\n  CalendarMonthPickerAria,\n  CalendarMonthPickerItem,\n  CalendarYearPickerAria,\n  CalendarYearPickerItem,\n  CalendarYearPickerFormatOptions,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface CalendarMonthPickerProps extends AriaCalendarMonthPickerProps {\n  /** A function that renders the month picker from its accessible props. */\n  children: (renderProps: CalendarMonthPickerAria) => JSX.Element;\n}\n\n/**\n * A CalendarMonthPicker renders the list of months in the focused year so the\n * user can jump the calendar's focus to a different month. It works within both\n * a Calendar and a RangeCalendar.\n */\nexport function CalendarMonthPicker(props: CalendarMonthPickerProps): JSX.Element {\n  const calendarState = useContext(CalendarContext);\n  const rangeCalendarState = useContext(RangeCalendarContext);\n  const state = calendarState ?? rangeCalendarState;\n  if (!state) {\n    throw new Error(\"CalendarMonthPicker must be used within a Calendar or RangeCalendar\");\n  }\n  const aria = createCalendarMonthPicker(props, state);\n  return props.children(aria);\n}\n\nexport interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {\n  /** A function that renders the year picker from its accessible props. */\n  children: (renderProps: CalendarYearPickerAria) => JSX.Element;\n}\n\n/**\n * A CalendarYearPicker renders a sliding window of years so the user can jump\n * the calendar's focus to a different year. It works within both a Calendar and\n * a RangeCalendar.\n */\nexport function CalendarYearPicker(props: CalendarYearPickerProps): JSX.Element {\n  const calendarState = useContext(CalendarContext);\n  const rangeCalendarState = useContext(RangeCalendarContext);\n  const state = calendarState ?? rangeCalendarState;\n  if (!state) {\n    throw new Error(\"CalendarYearPicker must be used within a Calendar or RangeCalendar\");\n  }\n  const aria = createCalendarYearPicker(props, state);\n  return props.children(aria);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0CA,SAAgBkB,oBAAoBC,OAA8C;CAChF,MAAMC,gBAAgBnB,WAAWS,eAAe;CAChD,MAAMW,qBAAqBpB,WAAWU,oBAAoB;CAC1D,MAAMW,QAAQF,iBAAiBC;CAC/B,IAAI,CAACC,OACH,MAAM,IAAIC,MAAM,qEAAqE;CAEvF,MAAMC,OAAOtB,0BAA0BiB,OAAOG,KAAK;CACnD,OAAOH,MAAMJ,SAASS,IAAI;AAC5B;;;;;;AAYA,SAAgBC,mBAAmBN,OAA6C;CAC9E,MAAMC,gBAAgBnB,WAAWS,eAAe;CAChD,MAAMW,qBAAqBpB,WAAWU,oBAAoB;CAC1D,MAAMW,QAAQF,iBAAiBC;CAC/B,IAAI,CAACC,OACH,MAAM,IAAIC,MAAM,oEAAoE;CAEtF,MAAMC,OAAOrB,yBAAyBgB,OAAOG,KAAK;CAClD,OAAOH,MAAMJ,SAASS,IAAI;AAC5B"}

package/dist/CalendarPicker.jsx

@@ -0,0 +1,44 @@
+import { CalendarContext } from "./Calendar.jsx";
+import { RangeCalendarContext } from "./RangeCalendar.jsx";
+import { useContext } from "solid-js";
+import { createCalendarMonthPicker, createCalendarYearPicker } from "@proyecto-viviana/solidaria";
+//#region src/CalendarPicker.tsx
+/**
+* CalendarMonthPicker / CalendarYearPicker components for solidaria-components
+*
+* Headless month/year "jump-to" pickers shared by Calendar and RangeCalendar.
+* Each reads whichever calendar state context is present and renders through a
+* child function, mirroring the single context-agnostic components upstream.
+* Port of react-aria-components/src/Calendar.tsx (CalendarMonthPicker /
+* CalendarYearPicker).
+*/
+/**
+* A CalendarMonthPicker renders the list of months in the focused year so the
+* user can jump the calendar's focus to a different month. It works within both
+* a Calendar and a RangeCalendar.
+*/
+function CalendarMonthPicker(props) {
+	const calendarState = useContext(CalendarContext);
+	const rangeCalendarState = useContext(RangeCalendarContext);
+	const state = calendarState ?? rangeCalendarState;
+	if (!state) throw new Error("CalendarMonthPicker must be used within a Calendar or RangeCalendar");
+	const aria = createCalendarMonthPicker(props, state);
+	return props.children(aria);
+}
+/**
+* A CalendarYearPicker renders a sliding window of years so the user can jump
+* the calendar's focus to a different year. It works within both a Calendar and
+* a RangeCalendar.
+*/
+function CalendarYearPicker(props) {
+	const calendarState = useContext(CalendarContext);
+	const rangeCalendarState = useContext(RangeCalendarContext);
+	const state = calendarState ?? rangeCalendarState;
+	if (!state) throw new Error("CalendarYearPicker must be used within a Calendar or RangeCalendar");
+	const aria = createCalendarYearPicker(props, state);
+	return props.children(aria);
+}
+//#endregion
+export { CalendarMonthPicker, CalendarYearPicker };
+
+//# sourceMappingURL=CalendarPicker.jsx.map

package/dist/CalendarPicker.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"CalendarPicker.jsx","names":[],"sources":["../src/CalendarPicker.tsx"],"sourcesContent":["/**\n * CalendarMonthPicker / CalendarYearPicker components for solidaria-components\n *\n * Headless month/year \"jump-to\" pickers shared by Calendar and RangeCalendar.\n * Each reads whichever calendar state context is present and renders through a\n * child function, mirroring the single context-agnostic components upstream.\n * Port of react-aria-components/src/Calendar.tsx (CalendarMonthPicker /\n * CalendarYearPicker).\n */\n\nimport { type JSX, useContext } from \"solid-js\";\n\nimport {\n  createCalendarMonthPicker,\n  createCalendarYearPicker,\n  type CalendarMonthPickerProps as AriaCalendarMonthPickerProps,\n  type CalendarMonthPickerAria,\n  type CalendarYearPickerProps as AriaCalendarYearPickerProps,\n  type CalendarYearPickerAria,\n} from \"@proyecto-viviana/solidaria\";\n\nimport { CalendarContext } from \"./Calendar\";\nimport { RangeCalendarContext } from \"./RangeCalendar\";\n\nexport type {\n  CalendarMonthPickerAria,\n  CalendarMonthPickerItem,\n  CalendarYearPickerAria,\n  CalendarYearPickerItem,\n  CalendarYearPickerFormatOptions,\n} from \"@proyecto-viviana/solidaria\";\n\nexport interface CalendarMonthPickerProps extends AriaCalendarMonthPickerProps {\n  /** A function that renders the month picker from its accessible props. */\n  children: (renderProps: CalendarMonthPickerAria) => JSX.Element;\n}\n\n/**\n * A CalendarMonthPicker renders the list of months in the focused year so the\n * user can jump the calendar's focus to a different month. It works within both\n * a Calendar and a RangeCalendar.\n */\nexport function CalendarMonthPicker(props: CalendarMonthPickerProps): JSX.Element {\n  const calendarState = useContext(CalendarContext);\n  const rangeCalendarState = useContext(RangeCalendarContext);\n  const state = calendarState ?? rangeCalendarState;\n  if (!state) {\n    throw new Error(\"CalendarMonthPicker must be used within a Calendar or RangeCalendar\");\n  }\n  const aria = createCalendarMonthPicker(props, state);\n  return props.children(aria);\n}\n\nexport interface CalendarYearPickerProps extends AriaCalendarYearPickerProps {\n  /** A function that renders the year picker from its accessible props. */\n  children: (renderProps: CalendarYearPickerAria) => JSX.Element;\n}\n\n/**\n * A CalendarYearPicker renders a sliding window of years so the user can jump\n * the calendar's focus to a different year. It works within both a Calendar and\n * a RangeCalendar.\n */\nexport function CalendarYearPicker(props: CalendarYearPickerProps): JSX.Element {\n  const calendarState = useContext(CalendarContext);\n  const rangeCalendarState = useContext(RangeCalendarContext);\n  const state = calendarState ?? rangeCalendarState;\n  if (!state) {\n    throw new Error(\"CalendarYearPicker must be used within a Calendar or RangeCalendar\");\n  }\n  const aria = createCalendarYearPicker(props, state);\n  return props.children(aria);\n}\n"],"mappings":";;;;;;;;;;;;;;;;;;;AA0CA,SAAgB,oBAAoB,OAA8C;CAChF,MAAM,gBAAgB,WAAW,eAAe;CAChD,MAAM,qBAAqB,WAAW,oBAAoB;CAC1D,MAAM,QAAQ,iBAAiB;CAC/B,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,qEAAqE;CAEvF,MAAM,OAAO,0BAA0B,OAAO,KAAK;CACnD,OAAO,MAAM,SAAS,IAAI;AAC5B;;;;;;AAYA,SAAgB,mBAAmB,OAA6C;CAC9E,MAAM,gBAAgB,WAAW,eAAe;CAChD,MAAM,qBAAqB,WAAW,oBAAoB;CAC1D,MAAM,QAAQ,iBAAiB;CAC/B,IAAI,CAAC,OACH,MAAM,IAAI,MAAM,oEAAoE;CAEtF,MAAM,OAAO,yBAAyB,OAAO,KAAK;CAClD,OAAO,MAAM,SAAS,IAAI;AAC5B"}