@proyecto-viviana/solidaria-components 0.3.2 → 0.4.0

package/dist/RangeCalendar.jsx

@@ -0,0 +1,253 @@
+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 { createCalendarGrid, createHover, createRangeCalendar, createRangeCalendarCell } from "@proyecto-viviana/solidaria";
+import { createRangeCalendarState, endOfMonth, isSameMonth } from "@proyecto-viviana/solid-stately";
+//#region src/RangeCalendar.tsx
+/**
+* RangeCalendar component for solidaria-components
+*
+* Pre-wired headless range calendar component that combines aria hooks.
+* Port of react-aria-components/src/RangeCalendar.tsx
+*/
+function assignRef(ref, el) {
+	if (!ref) return;
+	if (typeof ref === "function") ref(el);
+	else ref.current = el;
+}
+const RangeCalendarContext = createContext(null);
+const RangeCalendarStateContext = createContext(null);
+const RangeCalendarGridMonthContext = createContext(null);
+const RangeCalendarGridCellPositionContext = createContext(null);
+function useRangeCalendarContext() {
+	const context = useContext(RangeCalendarContext);
+	if (!context) throw new Error("RangeCalendar components must be used within a RangeCalendar");
+	return context;
+}
+/**
+* A range calendar displays a grid of days and allows users to select a contiguous range of dates.
+*
+* @example
+* ```tsx
+* <RangeCalendar aria-label="Date range">
+*   <header>
+*     <RangeCalendarButton slot="previous">◀</RangeCalendarButton>
+*     <RangeCalendarHeading />
+*     <RangeCalendarButton slot="next">▶</RangeCalendarButton>
+*   </header>
+*   <RangeCalendarGrid>
+*     {(date) => <RangeCalendarCell date={date} />}
+*   </RangeCalendarGrid>
+* </RangeCalendar>
+* ```
+*/
+function RangeCalendar(props) {
+	const isHydrated = useIsHydrated();
+	return <Show when={isHydrated()} fallback={<div class="solidaria-RangeCalendar solidaria-RangeCalendar--placeholder" aria-hidden="true" />}>
+      <RangeCalendarInner {...props} />
+    </Show>;
+}
+/**
+* Internal RangeCalendar component that renders after client mount.
+*/
+function RangeCalendarInner(props) {
+	const [local, stateProps, rest] = splitProps(props, [
+		"children",
+		"class",
+		"style",
+		"slot",
+		"ref"
+	], [
+		"value",
+		"defaultValue",
+		"onChange",
+		"minValue",
+		"maxValue",
+		"isDisabled",
+		"isReadOnly",
+		"focusedValue",
+		"defaultFocusedValue",
+		"onFocusChange",
+		"locale",
+		"createCalendar",
+		"isDateUnavailable",
+		"visibleMonths",
+		"pageBehavior",
+		"selectionAlignment",
+		"isDateDisabled",
+		"validationState",
+		"allowsNonContiguousRanges",
+		"firstDayOfWeek"
+	]);
+	const state = createRangeCalendarState(stateProps);
+	const calendarAria = createRangeCalendar(rest, state);
+	const renderValues = createMemo(() => ({
+		isDisabled: state.isDisabled(),
+		isReadOnly: state.isReadOnly(),
+		isInvalid: state.isValueInvalid(),
+		isDragging: state.isDragging()
+	}));
+	const renderProps = useRenderProps({
+		class: local.class,
+		style: local.style,
+		defaultClassName: "solidaria-RangeCalendar"
+	}, renderValues);
+	return <RangeCalendarStateContext.Provider value={state}>
+      <RangeCalendarContext.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())} data-dragging={dataAttr(state.isDragging())}>
+          <VisuallyHidden>
+            <h2>{String(calendarAria.calendarProps["aria-label"] ?? "")}</h2>
+          </VisuallyHidden>
+          {props.children}
+        </div>
+      </RangeCalendarContext.Provider>
+    </RangeCalendarStateContext.Provider>;
+}
+/**
+* Displays the current month and year in the range calendar.
+*/
+function RangeCalendarHeading(props) {
+	const state = useRangeCalendarContext();
+	return <h2 class={props.class ?? "solidaria-RangeCalendarHeading"} style={props.style} aria-live="polite">
+      {state.title()}
+    </h2>;
+}
+/**
+* A button for navigating the range calendar.
+*/
+function RangeCalendarButton(props) {
+	const state = useRangeCalendarContext();
+	const calendarAria = createRangeCalendar({}, state);
+	const buttonProps = createMemo(() => {
+		if (props.slot === "previous") return calendarAria.prevButtonProps;
+		return calendarAria.nextButtonProps;
+	});
+	const isDisabled = createMemo(() => props.isDisabled || Boolean(buttonProps().disabled) || state.isDisabled());
+	return <button {...buttonProps()} class={props.class ?? "solidaria-RangeCalendarButton"} style={props.style} disabled={isDisabled()}>
+      {props.children}
+    </button>;
+}
+/**
+* Displays a grid of range calendar cells.
+*/
+function RangeCalendarGrid(props) {
+	const state = useRangeCalendarContext();
+	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-RangeCalendarGrid"
+	}, 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 <RangeCalendarGridMonthContext.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-RangeCalendarHeaderCell"} style={props.headerCellStyle}>
+                  {day}
+                </th>}
+            </For>
+          </tr>
+        </thead>
+        <tbody>
+          <Index each={allDates()}>
+            {(weekDates, weekIndex) => <tr>
+                <Index each={weekDates()}>
+                  {(date, dayIndex) => <Show when={date()} fallback={<td />}>
+                      <RangeCalendarGridCellPositionContext.Provider value={() => ({
+		weekIndex,
+		dayIndex,
+		lastWeekIndex: allDates().length - 1
+	})}>
+                        {props.children?.(date())}
+                      </RangeCalendarGridCellPositionContext.Provider>
+                    </Show>}
+                </Index>
+              </tr>}
+          </Index>
+        </tbody>
+      </table>
+    </RangeCalendarGridMonthContext.Provider>;
+}
+/**
+* A cell in the range calendar grid representing a single day.
+*/
+function RangeCalendarCell(props) {
+	const state = useRangeCalendarContext();
+	const currentMonthStart = useContext(RangeCalendarGridMonthContext);
+	const cellPosition = useContext(RangeCalendarGridCellPositionContext);
+	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 = createRangeCalendarCell(() => ({
+		date: props.date,
+		isOutsideMonth: isOutsideMonth()
+	}), state, cellRef);
+	const { hoverProps, isHovered } = createHover(() => ({ isDisabled: cellAria.isDisabled || cellAria.isUnavailable }));
+	const renderValues = createMemo(() => ({
+		isSelected: cellAria.isSelected,
+		isSelectionStart: cellAria.isSelectionStart,
+		isSelectionEnd: cellAria.isSelectionEnd,
+		isFocused: cellAria.isFocused,
+		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-RangeCalendarCell"
+	}, renderValues);
+	const cellRenderProps = useRenderProps({
+		class: props.cellClass,
+		style: props.cellStyle,
+		defaultClassName: "solidaria-RangeCalendarCellWrapper"
+	}, 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-selection-start={dataAttr(cellAria.isSelectionStart)} data-selection-end={dataAttr(cellAria.isSelectionEnd)} data-focused={dataAttr(cellAria.isFocused)} 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 { RangeCalendar, RangeCalendarButton, RangeCalendarCell, RangeCalendarContext, RangeCalendarGrid, RangeCalendarHeading, RangeCalendarStateContext, useRangeCalendarContext };
+
+//# sourceMappingURL=RangeCalendar.jsx.map

package/dist/RangeCalendar.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RangeCalendar.jsx","names":[],"sources":["../src/RangeCalendar.tsx"],"sourcesContent":["/**\n * RangeCalendar component for solidaria-components\n *\n * Pre-wired headless range calendar component that combines aria hooks.\n * Port of react-aria-components/src/RangeCalendar.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\";\nimport {\n  createRangeCalendar,\n  createCalendarGrid,\n  createRangeCalendarCell,\n  createHover,\n  type AriaRangeCalendarProps,\n  type AriaCalendarGridProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createRangeCalendarState,\n  type RangeCalendarState,\n  type RangeCalendarStateProps,\n  type CalendarDate,\n  type DateValue,\n  type RangeValue,\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 RangeCalendarRenderProps {\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  /** Whether the user is currently selecting a range. */\n  isDragging: boolean;\n}\n\nexport interface RangeCalendarProps<T extends DateValue = DateValue>\n  extends\n    Omit<AriaRangeCalendarProps, \"id\" | \"isDisabled\" | \"isReadOnly\">,\n    Omit<RangeCalendarStateProps<T>, \"locale\">,\n    SlotProps {\n  /** The children of the component. */\n  children?: JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<RangeCalendarRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<RangeCalendarRenderProps>;\n  /** The locale to use for formatting. */\n  locale?: string;\n  /** Ref for the range calendar root element. */\n  ref?: RefLike<HTMLDivElement>;\n}\n\nexport interface RangeCalendarGridRenderProps {\n  /** Whether the grid is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface RangeCalendarGridProps\n  extends Omit<AriaCalendarGridProps, \"startDate\" | \"endDate\">, SlotProps {\n  /** The children of the component (render function receiving dates). */\n  children?: (date: CalendarDate) => JSX.Element;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<RangeCalendarGridRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<RangeCalendarGridRenderProps>;\n  /** Class name for weekday header cells. */\n  headerCellClass?: string;\n  /** Inline style for weekday header cells. */\n  headerCellStyle?: JSX.CSSProperties;\n  /** Number of months to offset from the start. */\n  offset?: { months?: number };\n}\n\nexport interface RangeCalendarCellRenderProps {\n  /** Whether the cell is within the selected range. */\n  isSelected: boolean;\n  /** Whether the cell is the start of the selection. */\n  isSelectionStart: boolean;\n  /** Whether the cell is the end of the selection. */\n  isSelectionEnd: boolean;\n  /** Whether the cell is focused. */\n  isFocused: 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 RangeCalendarCellProps 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<RangeCalendarCellRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<RangeCalendarCellRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<RangeCalendarCellRenderProps>;\n  /** Class name for the table cell wrapper. */\n  cellClass?: ClassNameOrFunction<RangeCalendarCellRenderProps>;\n  /** Inline style for the table cell wrapper. */\n  cellStyle?: StyleOrFunction<RangeCalendarCellRenderProps>;\n}\n\nexport const RangeCalendarContext = createContext<RangeCalendarState<DateValue> | null>(null);\nexport const RangeCalendarStateContext = createContext<RangeCalendarState<DateValue> | null>(null);\nconst RangeCalendarGridMonthContext = createContext<Accessor<CalendarDate> | null>(null);\nconst RangeCalendarGridCellPositionContext = createContext<Accessor<{\n  weekIndex: number;\n  dayIndex: number;\n  lastWeekIndex: number;\n}> | null>(null);\n\nexport function useRangeCalendarContext(): RangeCalendarState<DateValue> {\n  const context = useContext(RangeCalendarContext);\n  if (!context) {\n    throw new Error(\"RangeCalendar components must be used within a RangeCalendar\");\n  }\n  return context;\n}\n\n/**\n * A range calendar displays a grid of days and allows users to select a contiguous range of dates.\n *\n * @example\n * ```tsx\n * <RangeCalendar aria-label=\"Date range\">\n *   <header>\n *     <RangeCalendarButton slot=\"previous\">◀</RangeCalendarButton>\n *     <RangeCalendarHeading />\n *     <RangeCalendarButton slot=\"next\">▶</RangeCalendarButton>\n *   </header>\n *   <RangeCalendarGrid>\n *     {(date) => <RangeCalendarCell date={date} />}\n *   </RangeCalendarGrid>\n * </RangeCalendar>\n * ```\n */\nexport function RangeCalendar<T extends DateValue = CalendarDate>(\n  props: RangeCalendarProps<T>,\n): JSX.Element {\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\n          class=\"solidaria-RangeCalendar solidaria-RangeCalendar--placeholder\"\n          aria-hidden=\"true\"\n        />\n      }\n    >\n      <RangeCalendarInner {...props} />\n    </Show>\n  );\n}\n\n/**\n * Internal RangeCalendar component that renders after client mount.\n */\nfunction RangeCalendarInner<T extends DateValue = CalendarDate>(\n  props: RangeCalendarProps<T>,\n): JSX.Element {\n  const [local, stateProps, rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"ref\"],\n    [\n      \"value\",\n      \"defaultValue\",\n      \"onChange\",\n      \"minValue\",\n      \"maxValue\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"focusedValue\",\n      \"defaultFocusedValue\",\n      \"onFocusChange\",\n      \"locale\",\n      \"createCalendar\",\n      \"isDateUnavailable\",\n      \"visibleMonths\",\n      \"pageBehavior\",\n      \"selectionAlignment\",\n      \"isDateDisabled\",\n      \"validationState\",\n      \"allowsNonContiguousRanges\",\n      \"firstDayOfWeek\",\n    ],\n  );\n\n  const state = createRangeCalendarState(stateProps);\n\n  const calendarAria = createRangeCalendar(rest, state as unknown as RangeCalendarState<DateValue>);\n\n  const renderValues = createMemo<RangeCalendarRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n    isReadOnly: state.isReadOnly(),\n    isInvalid: state.isValueInvalid(),\n    isDragging: state.isDragging(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-RangeCalendar\",\n    },\n    renderValues,\n  );\n\n  return (\n    <RangeCalendarStateContext.Provider value={state as unknown as RangeCalendarState<DateValue>}>\n      <RangeCalendarContext.Provider value={state as unknown as RangeCalendarState<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          data-dragging={dataAttr(state.isDragging())}\n        >\n          <VisuallyHidden>\n            <h2>{String(calendarAria.calendarProps[\"aria-label\"] ?? \"\")}</h2>\n          </VisuallyHidden>\n          {props.children}\n        </div>\n      </RangeCalendarContext.Provider>\n    </RangeCalendarStateContext.Provider>\n  );\n}\n\nexport interface RangeCalendarHeadingProps extends SlotProps {\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 range calendar.\n */\nexport function RangeCalendarHeading(props: RangeCalendarHeadingProps): JSX.Element {\n  const state = useRangeCalendarContext();\n\n  return (\n    <h2\n      class={props.class ?? \"solidaria-RangeCalendarHeading\"}\n      style={props.style}\n      aria-live=\"polite\"\n    >\n      {state.title()}\n    </h2>\n  );\n}\n\nexport interface RangeCalendarButtonProps 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 range calendar.\n */\nexport function RangeCalendarButton(props: RangeCalendarButtonProps): JSX.Element {\n  const state = useRangeCalendarContext();\n  const calendarAria = createRangeCalendar({}, state);\n\n  const buttonProps = createMemo(() => {\n    if (props.slot === \"previous\") {\n      return calendarAria.prevButtonProps;\n    }\n    return calendarAria.nextButtonProps;\n  });\n  const isDisabled = createMemo(\n    () => props.isDisabled || Boolean(buttonProps().disabled) || state.isDisabled(),\n  );\n\n  return (\n    <button\n      {...buttonProps()}\n      class={props.class ?? \"solidaria-RangeCalendarButton\"}\n      style={props.style}\n      disabled={isDisabled()}\n    >\n      {props.children}\n    </button>\n  );\n}\n\n/**\n * Displays a grid of range calendar cells.\n */\nexport function RangeCalendarGrid(props: RangeCalendarGridProps): JSX.Element {\n  const state = useRangeCalendarContext();\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 as unknown as Parameters<typeof createCalendarGrid>[1],\n    gridRef,\n  );\n\n  const renderValues = createMemo<RangeCalendarGridRenderProps>(() => ({\n    isDisabled: state.isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: props.class,\n      style: props.style,\n      defaultClassName: \"solidaria-RangeCalendarGrid\",\n    },\n    renderValues,\n  );\n\n  // Memoize all dates for the grid to avoid reactive loops in render paths.\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    <RangeCalendarGridMonthContext.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\n                  scope=\"col\"\n                  class={props.headerCellClass ?? \"solidaria-RangeCalendarHeaderCell\"}\n                  style={props.headerCellStyle}\n                >\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                      <RangeCalendarGridCellPositionContext.Provider\n                        value={() => ({\n                          weekIndex,\n                          dayIndex,\n                          lastWeekIndex: allDates().length - 1,\n                        })}\n                      >\n                        {props.children?.(date()!)}\n                      </RangeCalendarGridCellPositionContext.Provider>\n                    </Show>\n                  )}\n                </Index>\n              </tr>\n            )}\n          </Index>\n        </tbody>\n      </table>\n    </RangeCalendarGridMonthContext.Provider>\n  );\n}\n\n/**\n * A cell in the range calendar grid representing a single day.\n */\nexport function RangeCalendarCell(props: RangeCalendarCellProps): JSX.Element {\n  const state = useRangeCalendarContext();\n  const currentMonthStart = useContext(RangeCalendarGridMonthContext);\n  const cellPosition = useContext(RangeCalendarGridCellPositionContext);\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 = createRangeCalendarCell(\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<RangeCalendarCellRenderProps>(() => ({\n    isSelected: cellAria.isSelected,\n    isSelectionStart: cellAria.isSelectionStart,\n    isSelectionEnd: cellAria.isSelectionEnd,\n    isFocused: cellAria.isFocused,\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-RangeCalendarCell\",\n    },\n    renderValues,\n  );\n  const cellRenderProps = useRenderProps(\n    {\n      class: props.cellClass,\n      style: props.cellStyle,\n      defaultClassName: \"solidaria-RangeCalendarCellWrapper\",\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-selection-start={dataAttr(cellAria.isSelectionStart)}\n        data-selection-end={dataAttr(cellAria.isSelectionEnd)}\n        data-focused={dataAttr(cellAria.isFocused)}\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 { RangeCalendarState, RangeValue };\n"],"mappings":"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"}

package/dist/RouterProvider.js

@@ -0,0 +1,118 @@
+import { createComponent } from "solid-js/web";
+import { createContext, useContext } from "solid-js";
+const RouterContext = createContext({
+	isNative: true,
+	navigate: () => {},
+	open: (target, modifiers) => {
+		openSyntheticLink(target, modifiers);
+	},
+	useHref: (href) => href
+});
+function shouldClientNavigate(link, modifiers) {
+	const target = link.getAttribute("target");
+	const sameOrigin = typeof location === "undefined" ? true : link.origin === location.origin;
+	return (!target || target === "_self") && sameOrigin && !link.hasAttribute("download") && !modifiers.metaKey && !modifiers.ctrlKey && !modifiers.altKey && !modifiers.shiftKey;
+}
+function openLink(target, modifiers) {
+	const event = new MouseEvent("click", {
+		metaKey: modifiers.metaKey,
+		ctrlKey: modifiers.ctrlKey,
+		altKey: modifiers.altKey,
+		shiftKey: modifiers.shiftKey,
+		detail: 1,
+		bubbles: true,
+		cancelable: true
+	});
+	target.dispatchEvent(event);
+}
+function getSyntheticLink(target, open) {
+	if (target instanceof HTMLAnchorElement) {
+		open(target);
+		return;
+	}
+	const href = target.getAttribute("data-href");
+	if (!href) return;
+	const link = document.createElement("a");
+	link.href = href;
+	const targetValue = target.getAttribute("data-target");
+	if (targetValue) link.target = targetValue;
+	const rel = target.getAttribute("data-rel");
+	if (rel) link.rel = rel;
+	const download = target.getAttribute("data-download");
+	if (download) link.download = download;
+	const ping = target.getAttribute("data-ping");
+	if (ping) link.ping = ping;
+	const referrerPolicy = target.getAttribute("data-referrer-policy");
+	if (referrerPolicy) link.referrerPolicy = referrerPolicy;
+	target.appendChild(link);
+	open(link);
+	target.removeChild(link);
+}
+function openSyntheticLink(target, modifiers) {
+	getSyntheticLink(target, (link) => openLink(link, modifiers));
+}
+function useLinkProps(props) {
+	const router = useRouter();
+	const href = props?.href ?? "";
+	return {
+		href: props?.href ? router.useHref(href) : void 0,
+		target: props?.target,
+		rel: props?.rel,
+		download: props?.download,
+		ping: props?.ping,
+		referrerPolicy: props?.referrerPolicy
+	};
+}
+function handleLinkClick(event, router, href, routerOptions) {
+	if (!router.isNative && event.currentTarget instanceof HTMLAnchorElement && event.currentTarget.href && !event.defaultPrevented && href && shouldClientNavigate(event.currentTarget, event)) {
+		event.preventDefault();
+		router.open(event.currentTarget, event, href, routerOptions);
+	}
+}
+/**
+* A RouterProvider accepts a `navigate` function from a client-side router,
+* and provides it to all nested solidaria links to enable client-side navigation.
+*
+* @example
+* ```tsx
+* import { useNavigate } from '@solidjs/router';
+*
+* function App() {
+*   const navigate = useNavigate();
+*   return (
+*     <RouterProvider navigate={navigate}>
+*       <Link href="/about">About</Link>
+*     </RouterProvider>
+*   );
+* }
+* ```
+*/
+function RouterProvider(props) {
+	const ctx = {
+		isNative: false,
+		navigate: props.navigate,
+		open: (target, modifiers, href, routerOptions) => {
+			getSyntheticLink(target, (link) => {
+				if (shouldClientNavigate(link, modifiers)) props.navigate(href, routerOptions);
+				else openLink(link, modifiers);
+			});
+		},
+		useHref: props.useHref ?? ((href) => href)
+	};
+	return createComponent(RouterContext.Provider, {
+		value: ctx,
+		get children() {
+			return props.children;
+		}
+	});
+}
+/**
+* Returns the current router context value.
+*/
+function useRouter() {
+	return useContext(RouterContext);
+}
+//#endregion
+export { RouterContext, RouterProvider, handleLinkClick, openLink, shouldClientNavigate, useLinkProps, useRouter };
+
+//# sourceMappingURL=RouterProvider.js.map

package/dist/RouterProvider.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterProvider.js","names":["JSX","createContext","useContext","RouterClickModifiers","metaKey","ctrlKey","altKey","shiftKey","RouterContextValue","isNative","navigate","href","routerOptions","RouterOptions","open","target","Element","modifiers","useHref","replace","key","RouterProviderProps","children","defaultRouter","openSyntheticLink","RouterContext","LinkDOMProps","rel","download","ping","referrerPolicy","shouldClientNavigate","link","HTMLAnchorElement","getAttribute","sameOrigin","location","origin","hasAttribute","openLink","event","MouseEvent","detail","bubbles","cancelable","dispatchEvent","getSyntheticLink","document","createElement","targetValue","appendChild","removeChild","useLinkProps","props","router","useRouter","undefined","handleLinkClick","currentTarget","defaultPrevented","preventDefault","RouterProvider","ctx","_$createComponent","Provider","value"],"sources":["../src/RouterProvider.tsx"],"sourcesContent":["/**\n * RouterProvider for solidaria-components\n *\n * A context provider for client-side router integration.\n * SolidJS apps typically use TanStack Router or SolidRouter directly;\n * this provides API compatibility with React Aria's RouterProvider.\n */\n\nimport { type JSX, createContext, useContext } from \"solid-js\";\n\nexport interface RouterClickModifiers {\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n}\n\nexport interface RouterContextValue {\n  /** Whether the router is a native browser router (no client-side navigation). */\n  isNative: boolean;\n  /** Navigate to a given href. */\n  navigate: (href: string, routerOptions?: RouterOptions) => void;\n  /** Open a link target with router-aware navigation behavior. */\n  open: (\n    target: Element,\n    modifiers: RouterClickModifiers,\n    href: string,\n    routerOptions?: RouterOptions,\n  ) => void;\n  /** Transform an href for the router. */\n  useHref: (href: string) => string;\n}\n\nexport interface RouterOptions {\n  /** Whether to replace the current history entry. */\n  replace?: boolean;\n  /** Additional router-specific options. */\n  [key: string]: unknown;\n}\n\nexport interface RouterProviderProps {\n  /** A function that performs client-side navigation. */\n  navigate: (href: string, routerOptions?: RouterOptions) => void;\n  /** An optional function that transforms hrefs. */\n  useHref?: (href: string) => string;\n  /** Children to render. */\n  children: JSX.Element;\n}\n\nconst defaultRouter: RouterContextValue = {\n  isNative: true,\n  navigate: () => {},\n  open: (target, modifiers) => {\n    openSyntheticLink(target, modifiers);\n  },\n  useHref: (href: string) => href,\n};\n\nexport const RouterContext = createContext<RouterContextValue>(defaultRouter);\n\nexport interface LinkDOMProps {\n  href?: string;\n  target?: string;\n  rel?: string;\n  download?: string | boolean;\n  ping?: string;\n  referrerPolicy?:\n    | \"\"\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n}\n\nexport function shouldClientNavigate(\n  link: HTMLAnchorElement,\n  modifiers: RouterClickModifiers,\n): boolean {\n  const target = link.getAttribute(\"target\");\n  const sameOrigin = typeof location === \"undefined\" ? true : link.origin === location.origin;\n  return (\n    (!target || target === \"_self\") &&\n    sameOrigin &&\n    !link.hasAttribute(\"download\") &&\n    !modifiers.metaKey &&\n    !modifiers.ctrlKey &&\n    !modifiers.altKey &&\n    !modifiers.shiftKey\n  );\n}\n\nexport function openLink(target: HTMLAnchorElement, modifiers: RouterClickModifiers): void {\n  const event = new MouseEvent(\"click\", {\n    metaKey: modifiers.metaKey,\n    ctrlKey: modifiers.ctrlKey,\n    altKey: modifiers.altKey,\n    shiftKey: modifiers.shiftKey,\n    detail: 1,\n    bubbles: true,\n    cancelable: true,\n  });\n  target.dispatchEvent(event);\n}\n\nfunction getSyntheticLink(target: Element, open: (link: HTMLAnchorElement) => void): void {\n  if (target instanceof HTMLAnchorElement) {\n    open(target);\n    return;\n  }\n\n  const href = target.getAttribute(\"data-href\");\n  if (!href) {\n    return;\n  }\n\n  const link = document.createElement(\"a\");\n  link.href = href;\n\n  const targetValue = target.getAttribute(\"data-target\");\n  if (targetValue) link.target = targetValue;\n\n  const rel = target.getAttribute(\"data-rel\");\n  if (rel) link.rel = rel;\n\n  const download = target.getAttribute(\"data-download\");\n  if (download) link.download = download;\n\n  const ping = target.getAttribute(\"data-ping\");\n  if (ping) link.ping = ping;\n\n  const referrerPolicy = target.getAttribute(\"data-referrer-policy\");\n  if (referrerPolicy) {\n    link.referrerPolicy = referrerPolicy;\n  }\n\n  target.appendChild(link);\n  open(link);\n  target.removeChild(link);\n}\n\nfunction openSyntheticLink(target: Element, modifiers: RouterClickModifiers): void {\n  getSyntheticLink(target, (link) => openLink(link, modifiers));\n}\n\nexport function useLinkProps(props?: LinkDOMProps): LinkDOMProps {\n  const router = useRouter();\n  const href = props?.href ?? \"\";\n  return {\n    href: props?.href ? router.useHref(href) : undefined,\n    target: props?.target,\n    rel: props?.rel,\n    download: props?.download,\n    ping: props?.ping,\n    referrerPolicy: props?.referrerPolicy,\n  };\n}\n\nexport function handleLinkClick(\n  event: MouseEvent,\n  router: RouterContextValue,\n  href: string | undefined,\n  routerOptions?: RouterOptions,\n): void {\n  if (\n    !router.isNative &&\n    event.currentTarget instanceof HTMLAnchorElement &&\n    event.currentTarget.href &&\n    !event.defaultPrevented &&\n    href &&\n    shouldClientNavigate(event.currentTarget, event)\n  ) {\n    event.preventDefault();\n    router.open(event.currentTarget, event, href, routerOptions);\n  }\n}\n\n/**\n * A RouterProvider accepts a `navigate` function from a client-side router,\n * and provides it to all nested solidaria links to enable client-side navigation.\n *\n * @example\n * ```tsx\n * import { useNavigate } from '@solidjs/router';\n *\n * function App() {\n *   const navigate = useNavigate();\n *   return (\n *     <RouterProvider navigate={navigate}>\n *       <Link href=\"/about\">About</Link>\n *     </RouterProvider>\n *   );\n * }\n * ```\n */\nexport function RouterProvider(props: RouterProviderProps): JSX.Element {\n  const ctx: RouterContextValue = {\n    isNative: false,\n    navigate: props.navigate,\n    open: (target, modifiers, href, routerOptions) => {\n      getSyntheticLink(target, (link) => {\n        if (shouldClientNavigate(link, modifiers)) {\n          props.navigate(href, routerOptions);\n        } else {\n          openLink(link, modifiers);\n        }\n      });\n    },\n    useHref: props.useHref ?? ((href: string) => href),\n  };\n\n  return <RouterContext.Provider value={ctx}>{props.children}</RouterContext.Provider>;\n}\n\n/**\n * Returns the current router context value.\n */\nexport function useRouter(): RouterContextValue {\n  return useContext(RouterContext);\n}\n"],"mappings":"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"}

package/dist/RouterProvider.jsx

@@ -0,0 +1,112 @@
+import { createContext, useContext } from "solid-js";
+const RouterContext = createContext({
+	isNative: true,
+	navigate: () => {},
+	open: (target, modifiers) => {
+		openSyntheticLink(target, modifiers);
+	},
+	useHref: (href) => href
+});
+function shouldClientNavigate(link, modifiers) {
+	const target = link.getAttribute("target");
+	const sameOrigin = typeof location === "undefined" ? true : link.origin === location.origin;
+	return (!target || target === "_self") && sameOrigin && !link.hasAttribute("download") && !modifiers.metaKey && !modifiers.ctrlKey && !modifiers.altKey && !modifiers.shiftKey;
+}
+function openLink(target, modifiers) {
+	const event = new MouseEvent("click", {
+		metaKey: modifiers.metaKey,
+		ctrlKey: modifiers.ctrlKey,
+		altKey: modifiers.altKey,
+		shiftKey: modifiers.shiftKey,
+		detail: 1,
+		bubbles: true,
+		cancelable: true
+	});
+	target.dispatchEvent(event);
+}
+function getSyntheticLink(target, open) {
+	if (target instanceof HTMLAnchorElement) {
+		open(target);
+		return;
+	}
+	const href = target.getAttribute("data-href");
+	if (!href) return;
+	const link = document.createElement("a");
+	link.href = href;
+	const targetValue = target.getAttribute("data-target");
+	if (targetValue) link.target = targetValue;
+	const rel = target.getAttribute("data-rel");
+	if (rel) link.rel = rel;
+	const download = target.getAttribute("data-download");
+	if (download) link.download = download;
+	const ping = target.getAttribute("data-ping");
+	if (ping) link.ping = ping;
+	const referrerPolicy = target.getAttribute("data-referrer-policy");
+	if (referrerPolicy) link.referrerPolicy = referrerPolicy;
+	target.appendChild(link);
+	open(link);
+	target.removeChild(link);
+}
+function openSyntheticLink(target, modifiers) {
+	getSyntheticLink(target, (link) => openLink(link, modifiers));
+}
+function useLinkProps(props) {
+	const router = useRouter();
+	const href = props?.href ?? "";
+	return {
+		href: props?.href ? router.useHref(href) : void 0,
+		target: props?.target,
+		rel: props?.rel,
+		download: props?.download,
+		ping: props?.ping,
+		referrerPolicy: props?.referrerPolicy
+	};
+}
+function handleLinkClick(event, router, href, routerOptions) {
+	if (!router.isNative && event.currentTarget instanceof HTMLAnchorElement && event.currentTarget.href && !event.defaultPrevented && href && shouldClientNavigate(event.currentTarget, event)) {
+		event.preventDefault();
+		router.open(event.currentTarget, event, href, routerOptions);
+	}
+}
+/**
+* A RouterProvider accepts a `navigate` function from a client-side router,
+* and provides it to all nested solidaria links to enable client-side navigation.
+*
+* @example
+* ```tsx
+* import { useNavigate } from '@solidjs/router';
+*
+* function App() {
+*   const navigate = useNavigate();
+*   return (
+*     <RouterProvider navigate={navigate}>
+*       <Link href="/about">About</Link>
+*     </RouterProvider>
+*   );
+* }
+* ```
+*/
+function RouterProvider(props) {
+	const ctx = {
+		isNative: false,
+		navigate: props.navigate,
+		open: (target, modifiers, href, routerOptions) => {
+			getSyntheticLink(target, (link) => {
+				if (shouldClientNavigate(link, modifiers)) props.navigate(href, routerOptions);
+				else openLink(link, modifiers);
+			});
+		},
+		useHref: props.useHref ?? ((href) => href)
+	};
+	return <RouterContext.Provider value={ctx}>{props.children}</RouterContext.Provider>;
+}
+/**
+* Returns the current router context value.
+*/
+function useRouter() {
+	return useContext(RouterContext);
+}
+//#endregion
+export { RouterContext, RouterProvider, handleLinkClick, openLink, shouldClientNavigate, useLinkProps, useRouter };
+
+//# sourceMappingURL=RouterProvider.jsx.map

package/dist/RouterProvider.jsx.map

@@ -0,0 +1 @@
+{"version":3,"file":"RouterProvider.jsx","names":[],"sources":["../src/RouterProvider.tsx"],"sourcesContent":["/**\n * RouterProvider for solidaria-components\n *\n * A context provider for client-side router integration.\n * SolidJS apps typically use TanStack Router or SolidRouter directly;\n * this provides API compatibility with React Aria's RouterProvider.\n */\n\nimport { type JSX, createContext, useContext } from \"solid-js\";\n\nexport interface RouterClickModifiers {\n  metaKey?: boolean;\n  ctrlKey?: boolean;\n  altKey?: boolean;\n  shiftKey?: boolean;\n}\n\nexport interface RouterContextValue {\n  /** Whether the router is a native browser router (no client-side navigation). */\n  isNative: boolean;\n  /** Navigate to a given href. */\n  navigate: (href: string, routerOptions?: RouterOptions) => void;\n  /** Open a link target with router-aware navigation behavior. */\n  open: (\n    target: Element,\n    modifiers: RouterClickModifiers,\n    href: string,\n    routerOptions?: RouterOptions,\n  ) => void;\n  /** Transform an href for the router. */\n  useHref: (href: string) => string;\n}\n\nexport interface RouterOptions {\n  /** Whether to replace the current history entry. */\n  replace?: boolean;\n  /** Additional router-specific options. */\n  [key: string]: unknown;\n}\n\nexport interface RouterProviderProps {\n  /** A function that performs client-side navigation. */\n  navigate: (href: string, routerOptions?: RouterOptions) => void;\n  /** An optional function that transforms hrefs. */\n  useHref?: (href: string) => string;\n  /** Children to render. */\n  children: JSX.Element;\n}\n\nconst defaultRouter: RouterContextValue = {\n  isNative: true,\n  navigate: () => {},\n  open: (target, modifiers) => {\n    openSyntheticLink(target, modifiers);\n  },\n  useHref: (href: string) => href,\n};\n\nexport const RouterContext = createContext<RouterContextValue>(defaultRouter);\n\nexport interface LinkDOMProps {\n  href?: string;\n  target?: string;\n  rel?: string;\n  download?: string | boolean;\n  ping?: string;\n  referrerPolicy?:\n    | \"\"\n    | \"no-referrer\"\n    | \"no-referrer-when-downgrade\"\n    | \"origin\"\n    | \"origin-when-cross-origin\"\n    | \"same-origin\"\n    | \"strict-origin\"\n    | \"strict-origin-when-cross-origin\"\n    | \"unsafe-url\";\n}\n\nexport function shouldClientNavigate(\n  link: HTMLAnchorElement,\n  modifiers: RouterClickModifiers,\n): boolean {\n  const target = link.getAttribute(\"target\");\n  const sameOrigin = typeof location === \"undefined\" ? true : link.origin === location.origin;\n  return (\n    (!target || target === \"_self\") &&\n    sameOrigin &&\n    !link.hasAttribute(\"download\") &&\n    !modifiers.metaKey &&\n    !modifiers.ctrlKey &&\n    !modifiers.altKey &&\n    !modifiers.shiftKey\n  );\n}\n\nexport function openLink(target: HTMLAnchorElement, modifiers: RouterClickModifiers): void {\n  const event = new MouseEvent(\"click\", {\n    metaKey: modifiers.metaKey,\n    ctrlKey: modifiers.ctrlKey,\n    altKey: modifiers.altKey,\n    shiftKey: modifiers.shiftKey,\n    detail: 1,\n    bubbles: true,\n    cancelable: true,\n  });\n  target.dispatchEvent(event);\n}\n\nfunction getSyntheticLink(target: Element, open: (link: HTMLAnchorElement) => void): void {\n  if (target instanceof HTMLAnchorElement) {\n    open(target);\n    return;\n  }\n\n  const href = target.getAttribute(\"data-href\");\n  if (!href) {\n    return;\n  }\n\n  const link = document.createElement(\"a\");\n  link.href = href;\n\n  const targetValue = target.getAttribute(\"data-target\");\n  if (targetValue) link.target = targetValue;\n\n  const rel = target.getAttribute(\"data-rel\");\n  if (rel) link.rel = rel;\n\n  const download = target.getAttribute(\"data-download\");\n  if (download) link.download = download;\n\n  const ping = target.getAttribute(\"data-ping\");\n  if (ping) link.ping = ping;\n\n  const referrerPolicy = target.getAttribute(\"data-referrer-policy\");\n  if (referrerPolicy) {\n    link.referrerPolicy = referrerPolicy;\n  }\n\n  target.appendChild(link);\n  open(link);\n  target.removeChild(link);\n}\n\nfunction openSyntheticLink(target: Element, modifiers: RouterClickModifiers): void {\n  getSyntheticLink(target, (link) => openLink(link, modifiers));\n}\n\nexport function useLinkProps(props?: LinkDOMProps): LinkDOMProps {\n  const router = useRouter();\n  const href = props?.href ?? \"\";\n  return {\n    href: props?.href ? router.useHref(href) : undefined,\n    target: props?.target,\n    rel: props?.rel,\n    download: props?.download,\n    ping: props?.ping,\n    referrerPolicy: props?.referrerPolicy,\n  };\n}\n\nexport function handleLinkClick(\n  event: MouseEvent,\n  router: RouterContextValue,\n  href: string | undefined,\n  routerOptions?: RouterOptions,\n): void {\n  if (\n    !router.isNative &&\n    event.currentTarget instanceof HTMLAnchorElement &&\n    event.currentTarget.href &&\n    !event.defaultPrevented &&\n    href &&\n    shouldClientNavigate(event.currentTarget, event)\n  ) {\n    event.preventDefault();\n    router.open(event.currentTarget, event, href, routerOptions);\n  }\n}\n\n/**\n * A RouterProvider accepts a `navigate` function from a client-side router,\n * and provides it to all nested solidaria links to enable client-side navigation.\n *\n * @example\n * ```tsx\n * import { useNavigate } from '@solidjs/router';\n *\n * function App() {\n *   const navigate = useNavigate();\n *   return (\n *     <RouterProvider navigate={navigate}>\n *       <Link href=\"/about\">About</Link>\n *     </RouterProvider>\n *   );\n * }\n * ```\n */\nexport function RouterProvider(props: RouterProviderProps): JSX.Element {\n  const ctx: RouterContextValue = {\n    isNative: false,\n    navigate: props.navigate,\n    open: (target, modifiers, href, routerOptions) => {\n      getSyntheticLink(target, (link) => {\n        if (shouldClientNavigate(link, modifiers)) {\n          props.navigate(href, routerOptions);\n        } else {\n          openLink(link, modifiers);\n        }\n      });\n    },\n    useHref: props.useHref ?? ((href: string) => href),\n  };\n\n  return <RouterContext.Provider value={ctx}>{props.children}</RouterContext.Provider>;\n}\n\n/**\n * Returns the current router context value.\n */\nexport function useRouter(): RouterContextValue {\n  return useContext(RouterContext);\n}\n"],"mappings":";AA0DA,MAAa,gBAAgB,cAAkC;CAR7D,UAAU;CACV,gBAAgB,CAAC;CACjB,OAAO,QAAQ,cAAc;EAC3B,kBAAkB,QAAQ,SAAS;CACrC;CACA,UAAU,SAAiB;AAGkC,CAAa;AAoB5E,SAAgB,qBACd,MACA,WACS;CACT,MAAM,SAAS,KAAK,aAAa,QAAQ;CACzC,MAAM,aAAa,OAAO,aAAa,cAAc,OAAO,KAAK,WAAW,SAAS;CACrF,QACG,CAAC,UAAU,WAAW,YACvB,cACA,CAAC,KAAK,aAAa,UAAU,KAC7B,CAAC,UAAU,WACX,CAAC,UAAU,WACX,CAAC,UAAU,UACX,CAAC,UAAU;AAEf;AAEA,SAAgB,SAAS,QAA2B,WAAuC;CACzF,MAAM,QAAQ,IAAI,WAAW,SAAS;EACpC,SAAS,UAAU;EACnB,SAAS,UAAU;EACnB,QAAQ,UAAU;EAClB,UAAU,UAAU;EACpB,QAAQ;EACR,SAAS;EACT,YAAY;CACd,CAAC;CACD,OAAO,cAAc,KAAK;AAC5B;AAEA,SAAS,iBAAiB,QAAiB,MAA+C;CACxF,IAAI,kBAAkB,mBAAmB;EACvC,KAAK,MAAM;EACX;CACF;CAEA,MAAM,OAAO,OAAO,aAAa,WAAW;CAC5C,IAAI,CAAC,MACH;CAGF,MAAM,OAAO,SAAS,cAAc,GAAG;CACvC,KAAK,OAAO;CAEZ,MAAM,cAAc,OAAO,aAAa,aAAa;CACrD,IAAI,aAAa,KAAK,SAAS;CAE/B,MAAM,MAAM,OAAO,aAAa,UAAU;CAC1C,IAAI,KAAK,KAAK,MAAM;CAEpB,MAAM,WAAW,OAAO,aAAa,eAAe;CACpD,IAAI,UAAU,KAAK,WAAW;CAE9B,MAAM,OAAO,OAAO,aAAa,WAAW;CAC5C,IAAI,MAAM,KAAK,OAAO;CAEtB,MAAM,iBAAiB,OAAO,aAAa,sBAAsB;CACjE,IAAI,gBACF,KAAK,iBAAiB;CAGxB,OAAO,YAAY,IAAI;CACvB,KAAK,IAAI;CACT,OAAO,YAAY,IAAI;AACzB;AAEA,SAAS,kBAAkB,QAAiB,WAAuC;CACjF,iBAAiB,SAAS,SAAS,SAAS,MAAM,SAAS,CAAC;AAC9D;AAEA,SAAgB,aAAa,OAAoC;CAC/D,MAAM,SAAS,UAAU;CACzB,MAAM,OAAO,OAAO,QAAQ;CAC5B,OAAO;EACL,MAAM,OAAO,OAAO,OAAO,QAAQ,IAAI,IAAI,KAAA;EAC3C,QAAQ,OAAO;EACf,KAAK,OAAO;EACZ,UAAU,OAAO;EACjB,MAAM,OAAO;EACb,gBAAgB,OAAO;CACzB;AACF;AAEA,SAAgB,gBACd,OACA,QACA,MACA,eACM;CACN,IACE,CAAC,OAAO,YACR,MAAM,yBAAyB,qBAC/B,MAAM,cAAc,QACpB,CAAC,MAAM,oBACP,QACA,qBAAqB,MAAM,eAAe,KAAK,GAC/C;EACA,MAAM,eAAe;EACrB,OAAO,KAAK,MAAM,eAAe,OAAO,MAAM,aAAa;CAC7D;AACF;;;;;;;;;;;;;;;;;;;AAoBA,SAAgB,eAAe,OAAyC;CACtE,MAAM,MAA0B;EAC9B,UAAU;EACV,UAAU,MAAM;EAChB,OAAO,QAAQ,WAAW,MAAM,kBAAkB;GAChD,iBAAiB,SAAS,SAAS;IACjC,IAAI,qBAAqB,MAAM,SAAS,GACtC,MAAM,SAAS,MAAM,aAAa;SAElC,SAAS,MAAM,SAAS;GAE5B,CAAC;EACH;EACA,SAAS,MAAM,aAAa,SAAiB;CAC/C;CAEA,OAAO,CAAC,cAAc,SAAS,OAAO,MAAM,MAAM,SAAS,EAAE,cAAc;AAC7E;;;;AAKA,SAAgB,YAAgC;CAC9C,OAAO,WAAW,aAAa;AACjC"}

package/dist/SearchField.d.ts

@@ -4,7 +4,7 @@
  * A pre-wired headless search field that combines state + aria hooks.
  * Port of react-aria-components/src/SearchField.tsx
  */
-import { type JSX } from "solid-js";
+import { type JSX, type Context } from "solid-js";
 import { type AriaSearchFieldProps } from "@proyecto-viviana/solidaria";
 import { type SearchFieldState } from "@proyecto-viviana/solid-stately";
 import { type RenderChildren, type ClassNameOrFunction, type StyleOrFunction, type SlotProps } from "./utils";
@@ -98,7 +98,7 @@ interface SearchFieldContextValue extends Partial<SearchFieldProps> {
     setInputRef?: (el: HTMLInputElement) => void;
     slots?: Record<string, SearchFieldProps>;
 }
-export declare const SearchFieldContext: import("solid-js").Context<SearchFieldContextValue | null>;
+export declare const SearchFieldContext: Context<SearchFieldContextValue | null>;
 /**
  * A search field allows a user to enter and clear a search query.
  */

package/dist/SearchField.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"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"}
+{"version":3,"file":"SearchField.d.ts","sourceRoot":"","sources":["../src/SearchField.tsx"],"names":[],"mappings":"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"}