@proyecto-viviana/solidaria-components 0.4.0 → 0.4.1

package/dist/RangeCalendar.jsx.map

@@ -1 +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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"}
+{"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  // When rendered inside a composite that owns the range state (e.g.\n  // DateRangePicker provides `RangeCalendarContext`), reuse that shared state\n  // instead of minting a fresh one — otherwise the composite's focus/anchor\n  // flags (e.g. the popover-open `setFocused(true)`) drive a different state\n  // instance than the one this grid renders. Mirrors the single `Calendar`.\n  const inheritedState = useContext(RangeCalendarContext);\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\n          class=\"solidaria-RangeCalendar solidaria-RangeCalendar--placeholder\"\n          aria-hidden=\"true\"\n        />\n      }\n    >\n      <Show when={inheritedState} fallback={<RangeCalendarInner {...props} />}>\n        <RangeCalendarWithState\n          state={inheritedState as RangeCalendarState<DateValue>}\n          {...props}\n        />\n      </Show>\n    </Show>\n  );\n}\n\n/**\n * RangeCalendar variant that renders against an externally-owned state (from\n * `RangeCalendarContext`) rather than creating its own. Mirrors the single\n * `CalendarWithState`.\n */\nfunction RangeCalendarWithState<T extends DateValue = CalendarDate>(\n  props: RangeCalendarProps<T> & { state: RangeCalendarState<DateValue> },\n): JSX.Element {\n  const [local, , rest] = splitProps(\n    props,\n    [\"children\", \"class\", \"style\", \"slot\", \"state\", \"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 = () => props.state;\n\n  const calendarAria = createRangeCalendar(rest, state());\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()}>\n      <RangeCalendarContext.Provider value={state()}>\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          {/* For touch screen readers, a visually hidden next button after the\n           * month grid so it's easy to navigate after reaching the end without\n           * going all the way back to the start. Mirrors react-aria-components\n           * Calendar (and the headless Calendar). */}\n          <VisuallyHidden>\n            <button\n              aria-label={String(calendarAria.nextButtonProps[\"aria-label\"] ?? \"\")}\n              disabled={Boolean(calendarAria.nextButtonProps.disabled)}\n              onClick={() => state().focusNextPage()}\n              tabIndex={-1}\n            />\n          </VisuallyHidden>\n        </div>\n      </RangeCalendarContext.Provider>\n    </RangeCalendarStateContext.Provider>\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          {/* For touch screen readers, a visually hidden next button after the\n           * month grid so it's easy to navigate after reaching the end without\n           * going all the way back to the start. Mirrors react-aria-components\n           * Calendar (and the headless Calendar). */}\n          <VisuallyHidden>\n            <button\n              aria-label={String(calendarAria.nextButtonProps[\"aria-label\"] ?? \"\")}\n              disabled={Boolean(calendarAria.nextButtonProps.disabled)}\n              onClick={() => state.focusNextPage()}\n              tabIndex={-1}\n            />\n          </VisuallyHidden>\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      // Mirror useFocusable (same as CalendarButton): always set an explicit\n      // tabIndex on an enabled focusable nav button (0), and drop it entirely\n      // when disabled — so the prev/next buttons appear in the roving tab order\n      // exactly as the S2 oracle does.\n      tabindex={isDisabled() ? undefined : 0}\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/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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"}

package/dist/SearchField.js

@@ -2,6 +2,7 @@ import { Provider, filterDOMProps, useRenderProps } from "./utils.js";
 import { FieldErrorContext } from "./FieldError.js";
 import { TextContext } from "./Text.js";
 import { FormContext } from "./Form.js";
+import { useAutocompleteInput } from "./Autocomplete.js";
 import { createComponent, getNextElement, insert, mergeProps, runHydrationEvents, spread, template, use } from "solid-js/web";
 import { Show, createContext, createMemo, onCleanup, onMount, splitProps, useContext } from "solid-js";
 import { createFocusRing, createHover, createPress, createSearchField, mergeProps as mergeProps$2 } from "@proyecto-viviana/solidaria";
@@ -66,7 +67,18 @@ function SearchField(props) {
 		const { state: _state, inputProps: _inputProps, clearButtonProps: _clearButtonProps, labelProps: _labelProps, descriptionProps: _descriptionProps, errorMessageProps: _errorMessageProps, isDisabled: _isDisabled, isInvalid: _isInvalid, isRequired: _isRequired, isReadOnly: _isReadOnly, setInputRef: _setInputRef, slots: _slots, ...restContextProps } = contextProps;
 		return restContextProps;
 	});
-	const [local, stateProps, ariaProps, rest] = splitProps(withFormValidationBehavior(contextProps ? mergeProps$2(contextBaseProps(), contextSlotProps ?? {}, props) : props, formContext), [
+	const baseProps = contextProps ? mergeProps$2(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const autocompleteInput = useAutocompleteInput();
+	const autocompleteProps = autocompleteInput ? {
+		get value() {
+			return autocompleteInput.inputProps.value();
+		},
+		onChange: autocompleteInput.inputProps.onChange,
+		onKeyDown: autocompleteInput.inputProps.onKeyDown,
+		onFocus: autocompleteInput.inputProps.onFocus,
+		onBlur: autocompleteInput.inputProps.onBlur
+	} : void 0;
+	const [local, stateProps, ariaProps, rest] = splitProps(withFormValidationBehavior(autocompleteProps ? mergeProps$2(baseProps, autocompleteProps) : baseProps, formContext), [
 		"children",
 		"class",
 		"style",
@@ -447,6 +459,7 @@ function SearchFieldInput(props) {
 	let inputElement;
 	const context = useContext(SearchFieldContext);
 	if (!context) throw new Error("SearchFieldInput must be used within a SearchField");
+	const autocompleteInput = useAutocompleteInput();
 	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
 	const { isHovered, hoverProps } = createHover({ get isDisabled() {
 		return context.isDisabled;
@@ -475,11 +488,21 @@ function SearchFieldInput(props) {
 		const { ref: _ref, ...rest } = hoverProps;
 		return rest;
 	};
+	const autocompleteInputAttrs = () => {
+		if (!autocompleteInput) return {};
+		const inputProps = autocompleteInput.inputProps;
+		return {
+			"aria-controls": inputProps["aria-controls"],
+			"aria-autocomplete": inputProps["aria-autocomplete"],
+			"aria-activedescendant": inputProps["aria-activedescendant"]()
+		};
+	};
 	const mergedInputProps = () => ({
 		...domProps,
 		...cleanInputProps(),
 		...cleanFocusProps(),
-		...cleanHoverProps()
+		...cleanHoverProps(),
+		...autocompleteInputAttrs()
 	});
 	onMount(() => {
 		const element = inputElement;
@@ -509,6 +532,7 @@ function SearchFieldInput(props) {
 		use((element) => {
 			inputElement = element;
 			context.setInputRef?.(element);
+			autocompleteInput?.inputRef(element);
 			const ref = domProps.ref;
 			if (typeof ref === "function") ref(element);
 		}, _el$3);

package/dist/SearchField.js.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.js","names":["JSX","Context","createContext","createMemo","onCleanup","onMount","splitProps","useContext","Show","createSearchField","createFocusRing","createHover","createPress","mergeProps","AriaSearchFieldProps","createSearchFieldState","VALID_VALIDITY_STATE","SearchFieldState","ValidationResult","FormContext","FormProps","FieldErrorContext","FieldErrorContextValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","Provider","TextContext","SearchFieldRenderProps","isEmpty","isDisabled","isInvalid","isReadOnly","isRequired","value","SearchFieldProps","Omit","defaultValue","onChange","onSubmit","onClear","label","Element","children","class","style","ref","el","HTMLDivElement","SearchFieldInputRenderProps","isFocused","isFocusVisible","isHovered","SearchFieldInputProps","InputHTMLAttributes","HTMLInputElement","SearchFieldClearButtonRenderProps","isPressed","SearchFieldClearButtonProps","ButtonHTMLAttributes","HTMLButtonElement","SearchFieldContextValue","Partial","state","inputProps","clearButtonProps","tabIndex","disabled","onMouseDown","e","MouseEvent","onClick","labelProps","HTMLAttributes","HTMLElement","descriptionProps","errorMessageProps","setInputRef","slots","Record","SearchFieldContext","withFormValidationBehavior","props","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","eventWithCurrentTarget","event","Event","element","T","bind","clearDelegatedTextEntryHandlers","delegatedElement","$$input","$$change","SearchField","contextProps","contextSlotProps","slot","contextBaseProps","_state","_inputProps","_clearButtonProps","_labelProps","_descriptionProps","_errorMessageProps","_isDisabled","_isInvalid","_isRequired","_isReadOnly","_setInputRef","_slots","restContextProps","baseProps","mergedProps","local","stateProps","ariaProps","rest","inputRef","searchFieldAria","aria-label","aria-labelledby","aria-describedby","description","errorMessage","placeholder","name","form","type","autoFocus","excludeFromTabOrder","autoComplete","inputMode","enterKeyHint","autoCorrect","autoCapitalize","spellCheck","maxLength","minLength","pattern","onFocus","onBlur","onFocusChange","onKeyDown","onKeyUp","onCopy","onCut","onPaste","onCompositionStart","onCompositionEnd","onCompositionUpdate","onSelect","onBeforeInput","onInput","renderValues","renderProps","defaultClassName","childRenderValues","domProps","global","fieldValidation","validationErrors","validationDetails","customError","valid","fieldErrorContext","validation","contextValue","fieldChildren","textSlots","_$createComponent","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","data-empty","data-disabled","data-invalid","data-required","data-readonly","_$insert","values","_$runHydrationEvents","SearchFieldLabel","CSSProperties","context","Error","cleanLabelProps","_ref","_el$2","_tmpl$2","SearchFieldInput","inputElement","focusProps","hoverProps","cleanInputProps","cleanFocusProps","cleanHoverProps","mergedInputProps","inputHandler","handler","EventHandler","InputEvent","currentTarget","stopPropagation","changeHandler","addEventListener","removeEventListener","_el$3","_tmpl$3","data-focused","data-focus-visible","data-hovered","SearchFieldClearButton","clear","pressProps","onPress","cleanPressProps","when","_el$4","_tmpl$4","data-pressed","renderChildren","Label","Input","ClearButton"],"sources":["../src/SearchField.tsx"],"sourcesContent":["/**\n * SearchField component for solidaria-components\n *\n * A pre-wired headless search field that combines state + aria hooks.\n * Port of react-aria-components/src/SearchField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport {\n  createSearchField,\n  createFocusRing,\n  createHover,\n  createPress,\n  mergeProps,\n  type AriaSearchFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSearchFieldState,\n  VALID_VALIDITY_STATE,\n  type SearchFieldState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\n\nexport interface SearchFieldRenderProps {\n  /** Whether the search field is empty. */\n  isEmpty: boolean;\n  /** Whether the search field is disabled. */\n  isDisabled: boolean;\n  /** Whether the search field is invalid. */\n  isInvalid: boolean;\n  /** Whether the search field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the search field is required. */\n  isRequired: boolean;\n  /** The current value. */\n  value: string;\n}\n\nexport interface SearchFieldProps extends Omit<AriaSearchFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: string;\n  /** The default value (uncontrolled). */\n  defaultValue?: string;\n  /** Handler called when the value changes. */\n  onChange?: (value: string) => void;\n  /** Handler called when the user submits the search. */\n  onSubmit?: (value: string) => void;\n  /** Handler called when the field is cleared. */\n  onClear?: () => void;\n  /** A visible label for the search field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SearchFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldRenderProps>;\n  /** Ref for the outer search field element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SearchFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface SearchFieldInputProps\n  extends SlotProps, Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"class\" | \"style\"> {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldInputRenderProps>;\n}\n\nexport interface SearchFieldClearButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SearchFieldClearButtonProps\n  extends\n    SlotProps,\n    Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the button. */\n  children?: RenderChildren<SearchFieldClearButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldClearButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldClearButtonRenderProps>;\n}\n\ninterface SearchFieldContextValue extends Partial<SearchFieldProps> {\n  state?: SearchFieldState;\n  inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;\n  clearButtonProps?: {\n    \"aria-label\": string;\n    tabIndex: number;\n    disabled?: boolean;\n    onMouseDown: (e: MouseEvent) => void;\n    onClick: () => void;\n  };\n  labelProps?: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps?: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isReadOnly?: boolean;\n  setInputRef?: (el: HTMLInputElement) => void;\n  slots?: Record<string, SearchFieldProps>;\n}\n\nexport const SearchFieldContext = createContext<SearchFieldContextValue | null>(null);\n\nfunction withFormValidationBehavior(\n  props: SearchFieldProps,\n  formContext: FormProps | null,\n): SearchFieldProps {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nfunction eventWithCurrentTarget<T extends HTMLElement>(event: Event, element: T): Event {\n  return new Proxy(event, {\n    get(target, property, receiver) {\n      if (property === \"target\" || property === \"currentTarget\") {\n        return element;\n      }\n\n      const value = Reflect.get(target, property, receiver);\n      return typeof value === \"function\" ? value.bind(target) : value;\n    },\n  });\n}\n\nfunction clearDelegatedTextEntryHandlers(element: HTMLElement) {\n  const delegatedElement = element as HTMLElement & {\n    $$input?: unknown;\n    $$change?: unknown;\n  };\n  delete delegatedElement.$$input;\n  delete delegatedElement.$$change;\n}\n\n/**\n * A search field allows a user to enter and clear a search query.\n */\nexport function SearchField(props: SearchFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(SearchFieldContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<SearchFieldProps>(() => {\n    if (!contextProps) return {};\n    const {\n      state: _state,\n      inputProps: _inputProps,\n      clearButtonProps: _clearButtonProps,\n      labelProps: _labelProps,\n      descriptionProps: _descriptionProps,\n      errorMessageProps: _errorMessageProps,\n      isDisabled: _isDisabled,\n      isInvalid: _isInvalid,\n      isRequired: _isRequired,\n      isReadOnly: _isReadOnly,\n      setInputRef: _setInputRef,\n      slots: _slots,\n      ...restContextProps\n    } = contextProps;\n    return restContextProps as SearchFieldProps;\n  });\n  const baseProps = (\n    contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props\n  ) as SearchFieldProps;\n  const mergedProps = withFormValidationBehavior(baseProps, formContext);\n\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"ref\"],\n    [\"value\", \"defaultValue\", \"onChange\", \"onSubmit\", \"onClear\"],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"excludeFromTabOrder\",\n      \"name\",\n      \"form\",\n      \"validationBehavior\",\n      \"type\",\n      \"placeholder\",\n      \"autoComplete\",\n      \"inputMode\",\n      \"enterKeyHint\",\n      \"autoCorrect\",\n      \"autoCapitalize\",\n      \"spellCheck\",\n      \"maxLength\",\n      \"minLength\",\n      \"pattern\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onCopy\",\n      \"onCut\",\n      \"onPaste\",\n      \"onCompositionStart\",\n      \"onCompositionEnd\",\n      \"onCompositionUpdate\",\n      \"onSelect\",\n      \"onBeforeInput\",\n      \"onInput\",\n    ],\n  );\n\n  const state = createSearchFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n  });\n\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const searchFieldAria = createSearchField(\n    {\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get label() {\n        return ariaProps.label;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get placeholder() {\n        return ariaProps.placeholder;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get validationBehavior() {\n        return ariaProps.validationBehavior;\n      },\n      get type() {\n        return ariaProps.type;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get excludeFromTabOrder() {\n        return ariaProps.excludeFromTabOrder;\n      },\n      get autoComplete() {\n        return ariaProps.autoComplete;\n      },\n      get inputMode() {\n        return ariaProps.inputMode;\n      },\n      get enterKeyHint() {\n        return ariaProps.enterKeyHint;\n      },\n      get autoCorrect() {\n        return ariaProps.autoCorrect;\n      },\n      get autoCapitalize() {\n        return ariaProps.autoCapitalize;\n      },\n      get spellCheck() {\n        return ariaProps.spellCheck;\n      },\n      get maxLength() {\n        return ariaProps.maxLength;\n      },\n      get minLength() {\n        return ariaProps.minLength;\n      },\n      get pattern() {\n        return ariaProps.pattern;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCompositionStart() {\n        return ariaProps.onCompositionStart;\n      },\n      get onCompositionEnd() {\n        return ariaProps.onCompositionEnd;\n      },\n      get onCompositionUpdate() {\n        return ariaProps.onCompositionUpdate;\n      },\n      get onSelect() {\n        return ariaProps.onSelect;\n      },\n      get onBeforeInput() {\n        return ariaProps.onBeforeInput;\n      },\n      get onInput() {\n        return ariaProps.onInput;\n      },\n      get onSubmit() {\n        return stateProps.onSubmit;\n      },\n      get onClear() {\n        return stateProps.onClear;\n      },\n    },\n    state,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SearchFieldRenderProps>(() => ({\n    isEmpty: state.value() === \"\",\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: searchFieldAria.isInvalid ?? false,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.value(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField\",\n    },\n    renderValues,\n  );\n  const childRenderValues: SearchFieldRenderProps = {\n    get isEmpty() {\n      return state.value() === \"\";\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return searchFieldAria.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.value();\n    },\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = searchFieldAria.isInvalid;\n    const errorMessage = ariaProps.errorMessage;\n    const validationErrors = isInvalid && typeof errorMessage === \"string\" ? [errorMessage] : [];\n\n    return {\n      isInvalid,\n      validationErrors,\n      validationDetails: isInvalid\n        ? { ...VALID_VALIDITY_STATE, customError: true, valid: false }\n        : VALID_VALIDITY_STATE,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return searchFieldAria.errorMessageProps;\n    },\n  };\n  const contextValue: SearchFieldContextValue = {\n    state,\n    get inputProps() {\n      return searchFieldAria.inputProps;\n    },\n    get clearButtonProps() {\n      return searchFieldAria.clearButtonProps;\n    },\n    get labelProps() {\n      return searchFieldAria.labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return searchFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return searchFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return searchFieldAria.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n  };\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' SearchField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `SearchFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return searchFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return searchFieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <FieldErrorContext.Provider value={fieldErrorContext}>\n      <SearchFieldContext.Provider value={contextValue}>\n        <div\n          {...domProps()}\n          ref={local.ref}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-empty={state.value() === \"\" || undefined}\n          data-disabled={ariaProps.isDisabled || undefined}\n          data-invalid={searchFieldAria.isInvalid || undefined}\n          data-required={ariaProps.isRequired || undefined}\n          data-readonly={ariaProps.isReadOnly || undefined}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {fieldChildren()}\n          </Provider>\n        </div>\n      </SearchFieldContext.Provider>\n    </FieldErrorContext.Provider>\n  );\n}\n\n/**\n * The label for a search field.\n */\nexport function SearchFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldLabel must be used within a SearchField\");\n  }\n\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      class={props.class ?? \"solidaria-SearchField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input element for a search field.\n */\nexport function SearchFieldInput(props: SearchFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n  let inputElement: HTMLInputElement | undefined;\n\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldInput must be used within a SearchField\");\n  }\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SearchFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: !!context.isDisabled,\n    isInvalid: !!context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const mergedInputProps = () =>\n    ({\n      ...domProps,\n      ...cleanInputProps(),\n      ...cleanFocusProps(),\n      ...cleanHoverProps(),\n    }) as Record<string, unknown>;\n\n  onMount(() => {\n    const element = inputElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedInputProps().onInput as\n        | JSX.EventHandler<HTMLInputElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedInputProps().onChange as\n        | JSX.EventHandler<HTMLInputElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    onCleanup(() => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    });\n  });\n\n  return (\n    <input\n      {...mergedInputProps()}\n      ref={(element) => {\n        inputElement = element;\n        context.setInputRef?.(element);\n        const ref = (domProps as { ref?: unknown }).ref;\n        if (typeof ref === \"function\") {\n          ref(element);\n        }\n      }}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={context.isDisabled || undefined}\n      data-invalid={context.isInvalid || undefined}\n    />\n  );\n}\n\n/**\n * The clear button for a search field.\n */\nexport function SearchFieldClearButton(props: SearchFieldClearButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldClearButton must be used within a SearchField\");\n  }\n\n  const isDisabled = () => !!(context.isDisabled || context.isReadOnly);\n  const isEmpty = () => (context.state?.value() ?? \"\") === \"\";\n  const clear = () => {\n    if (!isDisabled() && !isEmpty()) {\n      context.clearButtonProps?.onClick();\n    }\n  };\n\n  const { isPressed, pressProps } = createPress({\n    get isDisabled() {\n      return context.isDisabled || context.isReadOnly;\n    },\n    onClick: clear,\n    onPress: clear,\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || context.isReadOnly;\n    },\n  });\n\n  const renderValues = createMemo<SearchFieldClearButtonRenderProps>(() => ({\n    isPressed: isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField-clear\",\n    },\n    renderValues,\n  );\n\n  const cleanPressProps = () => {\n    const { ref: _ref, ...rest } = pressProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <Show when={!isEmpty()}>\n      <button\n        {...domProps}\n        type=\"button\"\n        aria-label={context.clearButtonProps?.[\"aria-label\"] ?? \"Clear search\"}\n        tabIndex={context.clearButtonProps?.tabIndex ?? -1}\n        disabled={context.clearButtonProps?.disabled}\n        onMouseDown={context.clearButtonProps?.onMouseDown}\n        {...cleanPressProps()}\n        onPointerUp={clear}\n        onMouseUp={clear}\n        onClick={clear}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-pressed={isPressed() || undefined}\n        data-hovered={isHovered() || undefined}\n        data-disabled={isDisabled() || undefined}\n      >\n        {renderProps.renderChildren()}\n      </button>\n    </Show>\n  );\n}\n\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\n"],"mappings":"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"}
+{"version":3,"file":"SearchField.js","names":["JSX","Context","createContext","createMemo","onCleanup","onMount","splitProps","useContext","Show","createSearchField","createFocusRing","createHover","createPress","mergeProps","AriaSearchFieldProps","createSearchFieldState","VALID_VALIDITY_STATE","SearchFieldState","ValidationResult","FormContext","FormProps","FieldErrorContext","FieldErrorContextValue","RenderChildren","ClassNameOrFunction","StyleOrFunction","SlotProps","useRenderProps","filterDOMProps","Provider","TextContext","useAutocompleteInput","SearchFieldRenderProps","isEmpty","isDisabled","isInvalid","isReadOnly","isRequired","value","SearchFieldProps","Omit","defaultValue","onChange","onSubmit","onClear","label","Element","children","class","style","ref","el","HTMLDivElement","SearchFieldInputRenderProps","isFocused","isFocusVisible","isHovered","SearchFieldInputProps","InputHTMLAttributes","HTMLInputElement","SearchFieldClearButtonRenderProps","isPressed","SearchFieldClearButtonProps","ButtonHTMLAttributes","HTMLButtonElement","SearchFieldContextValue","Partial","state","inputProps","clearButtonProps","tabIndex","disabled","onMouseDown","e","MouseEvent","onClick","labelProps","HTMLAttributes","HTMLElement","descriptionProps","errorMessageProps","setInputRef","slots","Record","SearchFieldContext","withFormValidationBehavior","props","formContext","validationBehavior","Proxy","get","target","property","receiver","localValue","Reflect","undefined","has","ownKeys","keys","Set","add","Array","from","getOwnPropertyDescriptor","descriptor","enumerable","configurable","eventWithCurrentTarget","event","Event","element","T","bind","clearDelegatedTextEntryHandlers","delegatedElement","$$input","$$change","SearchField","contextProps","contextSlotProps","slot","contextBaseProps","_state","_inputProps","_clearButtonProps","_labelProps","_descriptionProps","_errorMessageProps","_isDisabled","_isInvalid","_isRequired","_isReadOnly","_setInputRef","_slots","restContextProps","baseProps","autocompleteInput","autocompleteProps","onKeyDown","onFocus","onBlur","mergedProps","local","stateProps","ariaProps","rest","inputRef","searchFieldAria","aria-label","aria-labelledby","aria-describedby","description","errorMessage","placeholder","name","form","type","autoFocus","excludeFromTabOrder","autoComplete","inputMode","enterKeyHint","autoCorrect","autoCapitalize","spellCheck","maxLength","minLength","pattern","onFocusChange","onKeyUp","onCopy","onCut","onPaste","onCompositionStart","onCompositionEnd","onCompositionUpdate","onSelect","onBeforeInput","onInput","renderValues","renderProps","defaultClassName","childRenderValues","domProps","global","fieldValidation","validationErrors","validationDetails","customError","valid","fieldErrorContext","validation","contextValue","fieldChildren","textSlots","_$createComponent","_el$","_$getNextElement","_tmpl$","_ref$","_$use","_$spread","_$mergeProps","data-empty","data-disabled","data-invalid","data-required","data-readonly","_$insert","values","_$runHydrationEvents","SearchFieldLabel","CSSProperties","context","Error","cleanLabelProps","_ref","_el$2","_tmpl$2","SearchFieldInput","inputElement","focusProps","hoverProps","cleanInputProps","cleanFocusProps","cleanHoverProps","autocompleteInputAttrs","mergedInputProps","inputHandler","handler","EventHandler","InputEvent","currentTarget","stopPropagation","changeHandler","addEventListener","removeEventListener","_el$3","_tmpl$3","data-focused","data-focus-visible","data-hovered","SearchFieldClearButton","clear","pressProps","onPress","cleanPressProps","when","_el$4","_tmpl$4","data-pressed","renderChildren","Label","Input","ClearButton"],"sources":["../src/SearchField.tsx"],"sourcesContent":["/**\n * SearchField component for solidaria-components\n *\n * A pre-wired headless search field that combines state + aria hooks.\n * Port of react-aria-components/src/SearchField.tsx\n */\n\nimport {\n  type JSX,\n  type Context,\n  createContext,\n  createMemo,\n  onCleanup,\n  onMount,\n  splitProps,\n  useContext,\n  Show,\n} from \"solid-js\";\nimport {\n  createSearchField,\n  createFocusRing,\n  createHover,\n  createPress,\n  mergeProps,\n  type AriaSearchFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSearchFieldState,\n  VALID_VALIDITY_STATE,\n  type SearchFieldState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, type FormProps } from \"./Form\";\nimport { FieldErrorContext, type FieldErrorContextValue } from \"./FieldError\";\nimport {\n  type RenderChildren,\n  type ClassNameOrFunction,\n  type StyleOrFunction,\n  type SlotProps,\n  useRenderProps,\n  filterDOMProps,\n  Provider,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { useAutocompleteInput } from \"./Autocomplete\";\n\nexport interface SearchFieldRenderProps {\n  /** Whether the search field is empty. */\n  isEmpty: boolean;\n  /** Whether the search field is disabled. */\n  isDisabled: boolean;\n  /** Whether the search field is invalid. */\n  isInvalid: boolean;\n  /** Whether the search field is read-only. */\n  isReadOnly: boolean;\n  /** Whether the search field is required. */\n  isRequired: boolean;\n  /** The current value. */\n  value: string;\n}\n\nexport interface SearchFieldProps extends Omit<AriaSearchFieldProps, \"label\">, SlotProps {\n  /** The current value (controlled). */\n  value?: string;\n  /** The default value (uncontrolled). */\n  defaultValue?: string;\n  /** Handler called when the value changes. */\n  onChange?: (value: string) => void;\n  /** Handler called when the user submits the search. */\n  onSubmit?: (value: string) => void;\n  /** Handler called when the field is cleared. */\n  onClear?: () => void;\n  /** A visible label for the search field. */\n  label?: JSX.Element;\n  /** The children of the component. */\n  children?: RenderChildren<SearchFieldRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldRenderProps>;\n  /** Ref for the outer search field element. */\n  ref?: (el: HTMLDivElement) => void;\n}\n\nexport interface SearchFieldInputRenderProps {\n  /** Whether the input is focused. */\n  isFocused: boolean;\n  /** Whether the input has keyboard focus. */\n  isFocusVisible: boolean;\n  /** Whether the input is hovered. */\n  isHovered: boolean;\n  /** Whether the input is disabled. */\n  isDisabled: boolean;\n  /** Whether the input is invalid. */\n  isInvalid: boolean;\n}\n\nexport interface SearchFieldInputProps\n  extends SlotProps, Omit<JSX.InputHTMLAttributes<HTMLInputElement>, \"class\" | \"style\"> {\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldInputRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldInputRenderProps>;\n}\n\nexport interface SearchFieldClearButtonRenderProps {\n  /** Whether the button is pressed. */\n  isPressed: boolean;\n  /** Whether the button is hovered. */\n  isHovered: boolean;\n  /** Whether the button is disabled. */\n  isDisabled: boolean;\n}\n\nexport interface SearchFieldClearButtonProps\n  extends\n    SlotProps,\n    Omit<JSX.ButtonHTMLAttributes<HTMLButtonElement>, \"class\" | \"style\" | \"children\"> {\n  /** The children of the button. */\n  children?: RenderChildren<SearchFieldClearButtonRenderProps>;\n  /** The CSS className for the element. */\n  class?: ClassNameOrFunction<SearchFieldClearButtonRenderProps>;\n  /** The inline style for the element. */\n  style?: StyleOrFunction<SearchFieldClearButtonRenderProps>;\n}\n\ninterface SearchFieldContextValue extends Partial<SearchFieldProps> {\n  state?: SearchFieldState;\n  inputProps?: JSX.InputHTMLAttributes<HTMLInputElement>;\n  clearButtonProps?: {\n    \"aria-label\": string;\n    tabIndex: number;\n    disabled?: boolean;\n    onMouseDown: (e: MouseEvent) => void;\n    onClick: () => void;\n  };\n  labelProps?: JSX.HTMLAttributes<HTMLElement>;\n  descriptionProps?: JSX.HTMLAttributes<HTMLElement>;\n  errorMessageProps?: JSX.HTMLAttributes<HTMLElement>;\n  isDisabled?: boolean;\n  isInvalid?: boolean;\n  isRequired?: boolean;\n  isReadOnly?: boolean;\n  setInputRef?: (el: HTMLInputElement) => void;\n  slots?: Record<string, SearchFieldProps>;\n}\n\nexport const SearchFieldContext = createContext<SearchFieldContextValue | null>(null);\n\nfunction withFormValidationBehavior(\n  props: SearchFieldProps,\n  formContext: FormProps | null,\n): SearchFieldProps {\n  if (!formContext?.validationBehavior) {\n    return props;\n  }\n\n  return new Proxy(props, {\n    get(target, property, receiver) {\n      const localValue = Reflect.get(target, property, receiver);\n      if (property === \"validationBehavior\" && localValue === undefined) {\n        return formContext.validationBehavior;\n      }\n\n      return localValue;\n    },\n    has(target, property) {\n      return (\n        Reflect.has(target, property) ||\n        (property === \"validationBehavior\" && formContext.validationBehavior !== undefined)\n      );\n    },\n    ownKeys(target) {\n      const keys = new Set(Reflect.ownKeys(target));\n      if (formContext.validationBehavior !== undefined) {\n        keys.add(\"validationBehavior\");\n      }\n\n      return Array.from(keys);\n    },\n    getOwnPropertyDescriptor(target, property) {\n      const descriptor = Reflect.getOwnPropertyDescriptor(target, property);\n      if (descriptor) {\n        return descriptor;\n      }\n\n      if (property === \"validationBehavior\" && formContext.validationBehavior !== undefined) {\n        return {\n          enumerable: true,\n          configurable: true,\n          get: () => formContext.validationBehavior,\n        };\n      }\n\n      return undefined;\n    },\n  });\n}\n\nfunction eventWithCurrentTarget<T extends HTMLElement>(event: Event, element: T): Event {\n  return new Proxy(event, {\n    get(target, property, receiver) {\n      if (property === \"target\" || property === \"currentTarget\") {\n        return element;\n      }\n\n      const value = Reflect.get(target, property, receiver);\n      return typeof value === \"function\" ? value.bind(target) : value;\n    },\n  });\n}\n\nfunction clearDelegatedTextEntryHandlers(element: HTMLElement) {\n  const delegatedElement = element as HTMLElement & {\n    $$input?: unknown;\n    $$change?: unknown;\n  };\n  delete delegatedElement.$$input;\n  delete delegatedElement.$$change;\n}\n\n/**\n * A search field allows a user to enter and clear a search query.\n */\nexport function SearchField(props: SearchFieldProps): JSX.Element {\n  const formContext = useContext(FormContext);\n  const contextProps = useContext(SearchFieldContext);\n  const contextSlotProps = contextProps?.slots?.[props.slot ?? \"default\"];\n  const contextBaseProps = createMemo<SearchFieldProps>(() => {\n    if (!contextProps) return {};\n    const {\n      state: _state,\n      inputProps: _inputProps,\n      clearButtonProps: _clearButtonProps,\n      labelProps: _labelProps,\n      descriptionProps: _descriptionProps,\n      errorMessageProps: _errorMessageProps,\n      isDisabled: _isDisabled,\n      isInvalid: _isInvalid,\n      isRequired: _isRequired,\n      isReadOnly: _isReadOnly,\n      setInputRef: _setInputRef,\n      slots: _slots,\n      ...restContextProps\n    } = contextProps;\n    return restContextProps as SearchFieldProps;\n  });\n  const baseProps = (\n    contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props\n  ) as SearchFieldProps;\n\n  // When rendered inside an <Autocomplete>, the FieldInputContext (AutocompleteContext)\n  // controls the input's value and keyboard handling: value + onChange make the field's\n  // state controlled by the shared autocomplete state (which drives the collection\n  // filter), and onKeyDown/onFocus/onBlur chain the autocomplete's virtual-focus\n  // navigation into the input. This mirrors RAC's\n  // useContextProps(props, inputRef, FieldInputContext). The remaining passthroughs\n  // (aria-activedescendant/aria-controls/aria-autocomplete) and the input-ref\n  // registration are applied at the <input> in SearchFieldInput.\n  const autocompleteInput = useAutocompleteInput();\n  const autocompleteProps = autocompleteInput\n    ? ({\n        get value() {\n          return autocompleteInput.inputProps.value();\n        },\n        onChange: autocompleteInput.inputProps.onChange,\n        onKeyDown: autocompleteInput.inputProps\n          .onKeyDown as unknown as SearchFieldProps[\"onKeyDown\"],\n        onFocus: autocompleteInput.inputProps.onFocus as unknown as SearchFieldProps[\"onFocus\"],\n        onBlur: autocompleteInput.inputProps.onBlur as unknown as SearchFieldProps[\"onBlur\"],\n      } as Partial<SearchFieldProps>)\n    : undefined;\n\n  const mergedProps = withFormValidationBehavior(\n    autocompleteProps\n      ? (mergeProps(baseProps, autocompleteProps) as SearchFieldProps)\n      : baseProps,\n    formContext,\n  );\n\n  const [local, stateProps, ariaProps, rest] = splitProps(\n    mergedProps,\n    [\"children\", \"class\", \"style\", \"slot\", \"ref\"],\n    [\"value\", \"defaultValue\", \"onChange\", \"onSubmit\", \"onClear\"],\n    [\n      \"label\",\n      \"aria-label\",\n      \"aria-labelledby\",\n      \"aria-describedby\",\n      \"isDisabled\",\n      \"isReadOnly\",\n      \"isRequired\",\n      \"isInvalid\",\n      \"description\",\n      \"errorMessage\",\n      \"id\",\n      \"autoFocus\",\n      \"excludeFromTabOrder\",\n      \"name\",\n      \"form\",\n      \"validationBehavior\",\n      \"type\",\n      \"placeholder\",\n      \"autoComplete\",\n      \"inputMode\",\n      \"enterKeyHint\",\n      \"autoCorrect\",\n      \"autoCapitalize\",\n      \"spellCheck\",\n      \"maxLength\",\n      \"minLength\",\n      \"pattern\",\n      \"onFocus\",\n      \"onBlur\",\n      \"onFocusChange\",\n      \"onKeyDown\",\n      \"onKeyUp\",\n      \"onCopy\",\n      \"onCut\",\n      \"onPaste\",\n      \"onCompositionStart\",\n      \"onCompositionEnd\",\n      \"onCompositionUpdate\",\n      \"onSelect\",\n      \"onBeforeInput\",\n      \"onInput\",\n    ],\n  );\n\n  const state = createSearchFieldState({\n    get value() {\n      return stateProps.value;\n    },\n    get defaultValue() {\n      return stateProps.defaultValue;\n    },\n    get onChange() {\n      return stateProps.onChange;\n    },\n  });\n\n  let inputRef: HTMLInputElement | undefined;\n  const setInputRef = (el: HTMLInputElement) => {\n    inputRef = el;\n  };\n\n  const searchFieldAria = createSearchField(\n    {\n      get isDisabled() {\n        return ariaProps.isDisabled;\n      },\n      get isReadOnly() {\n        return ariaProps.isReadOnly;\n      },\n      get isRequired() {\n        return ariaProps.isRequired;\n      },\n      get isInvalid() {\n        return ariaProps.isInvalid;\n      },\n      get label() {\n        return ariaProps.label;\n      },\n      get \"aria-label\"() {\n        return ariaProps[\"aria-label\"];\n      },\n      get \"aria-labelledby\"() {\n        return ariaProps[\"aria-labelledby\"];\n      },\n      get \"aria-describedby\"() {\n        return ariaProps[\"aria-describedby\"];\n      },\n      get description() {\n        return ariaProps.description;\n      },\n      get errorMessage() {\n        return ariaProps.errorMessage;\n      },\n      get placeholder() {\n        return ariaProps.placeholder;\n      },\n      get name() {\n        return ariaProps.name;\n      },\n      get form() {\n        return ariaProps.form;\n      },\n      get validationBehavior() {\n        return ariaProps.validationBehavior;\n      },\n      get type() {\n        return ariaProps.type;\n      },\n      get autoFocus() {\n        return ariaProps.autoFocus;\n      },\n      get excludeFromTabOrder() {\n        return ariaProps.excludeFromTabOrder;\n      },\n      get autoComplete() {\n        return ariaProps.autoComplete;\n      },\n      get inputMode() {\n        return ariaProps.inputMode;\n      },\n      get enterKeyHint() {\n        return ariaProps.enterKeyHint;\n      },\n      get autoCorrect() {\n        return ariaProps.autoCorrect;\n      },\n      get autoCapitalize() {\n        return ariaProps.autoCapitalize;\n      },\n      get spellCheck() {\n        return ariaProps.spellCheck;\n      },\n      get maxLength() {\n        return ariaProps.maxLength;\n      },\n      get minLength() {\n        return ariaProps.minLength;\n      },\n      get pattern() {\n        return ariaProps.pattern;\n      },\n      get onFocus() {\n        return ariaProps.onFocus;\n      },\n      get onBlur() {\n        return ariaProps.onBlur;\n      },\n      get onFocusChange() {\n        return ariaProps.onFocusChange;\n      },\n      get onKeyDown() {\n        return ariaProps.onKeyDown;\n      },\n      get onKeyUp() {\n        return ariaProps.onKeyUp;\n      },\n      get onCopy() {\n        return ariaProps.onCopy;\n      },\n      get onCut() {\n        return ariaProps.onCut;\n      },\n      get onPaste() {\n        return ariaProps.onPaste;\n      },\n      get onCompositionStart() {\n        return ariaProps.onCompositionStart;\n      },\n      get onCompositionEnd() {\n        return ariaProps.onCompositionEnd;\n      },\n      get onCompositionUpdate() {\n        return ariaProps.onCompositionUpdate;\n      },\n      get onSelect() {\n        return ariaProps.onSelect;\n      },\n      get onBeforeInput() {\n        return ariaProps.onBeforeInput;\n      },\n      get onInput() {\n        return ariaProps.onInput;\n      },\n      get onSubmit() {\n        return stateProps.onSubmit;\n      },\n      get onClear() {\n        return stateProps.onClear;\n      },\n    },\n    state,\n    () => inputRef ?? null,\n  );\n\n  const renderValues = createMemo<SearchFieldRenderProps>(() => ({\n    isEmpty: state.value() === \"\",\n    isDisabled: ariaProps.isDisabled ?? false,\n    isInvalid: searchFieldAria.isInvalid ?? false,\n    isRequired: ariaProps.isRequired ?? false,\n    isReadOnly: ariaProps.isReadOnly ?? false,\n    value: state.value(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return local.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField\",\n    },\n    renderValues,\n  );\n  const childRenderValues: SearchFieldRenderProps = {\n    get isEmpty() {\n      return state.value() === \"\";\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return searchFieldAria.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    get value() {\n      return state.value();\n    },\n  };\n\n  const domProps = createMemo(() =>\n    filterDOMProps(rest as Record<string, unknown>, { global: true }),\n  );\n\n  const fieldValidation = createMemo<ValidationResult>(() => {\n    const isInvalid = searchFieldAria.isInvalid;\n    const errorMessage = ariaProps.errorMessage;\n    const validationErrors = isInvalid && typeof errorMessage === \"string\" ? [errorMessage] : [];\n\n    return {\n      isInvalid,\n      validationErrors,\n      validationDetails: isInvalid\n        ? { ...VALID_VALIDITY_STATE, customError: true, valid: false }\n        : VALID_VALIDITY_STATE,\n    };\n  });\n  const fieldErrorContext: FieldErrorContextValue = {\n    get validation() {\n      return fieldValidation();\n    },\n    get errorMessageProps() {\n      return searchFieldAria.errorMessageProps;\n    },\n  };\n  const contextValue: SearchFieldContextValue = {\n    state,\n    get inputProps() {\n      return searchFieldAria.inputProps;\n    },\n    get clearButtonProps() {\n      return searchFieldAria.clearButtonProps;\n    },\n    get labelProps() {\n      return searchFieldAria.labelProps as JSX.HTMLAttributes<HTMLElement>;\n    },\n    get descriptionProps() {\n      return searchFieldAria.descriptionProps;\n    },\n    get errorMessageProps() {\n      return searchFieldAria.errorMessageProps;\n    },\n    get isDisabled() {\n      return ariaProps.isDisabled ?? false;\n    },\n    get isInvalid() {\n      return searchFieldAria.isInvalid ?? false;\n    },\n    get isRequired() {\n      return ariaProps.isRequired ?? false;\n    },\n    get isReadOnly() {\n      return ariaProps.isReadOnly ?? false;\n    },\n    setInputRef,\n  };\n  const fieldChildren = () => {\n    const children = local.children;\n    return typeof children === \"function\" ? children(childRenderValues) : children;\n  };\n  // Provide the description / errorMessage props as `TextContext` slots (mirrors\n  // react-aria-components' SearchField), so a `<Text slot=\"description\">` /\n  // `<Text slot=\"errorMessage\">` child picks up the `id` its `aria-describedby`\n  // references. Additive: existing consumers reading these off\n  // `SearchFieldContext` are unaffected.\n  const textSlots = {\n    slots: {\n      get description() {\n        return searchFieldAria.descriptionProps;\n      },\n      get errorMessage() {\n        return searchFieldAria.errorMessageProps;\n      },\n    },\n  };\n\n  return (\n    <FieldErrorContext.Provider value={fieldErrorContext}>\n      <SearchFieldContext.Provider value={contextValue}>\n        <div\n          {...domProps()}\n          ref={local.ref}\n          class={renderProps.class()}\n          style={renderProps.style()}\n          data-empty={state.value() === \"\" || undefined}\n          data-disabled={ariaProps.isDisabled || undefined}\n          data-invalid={searchFieldAria.isInvalid || undefined}\n          data-required={ariaProps.isRequired || undefined}\n          data-readonly={ariaProps.isReadOnly || undefined}\n        >\n          <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n            {fieldChildren()}\n          </Provider>\n        </div>\n      </SearchFieldContext.Provider>\n    </FieldErrorContext.Provider>\n  );\n}\n\n/**\n * The label for a search field.\n */\nexport function SearchFieldLabel(props: {\n  children?: JSX.Element;\n  class?: string;\n  style?: JSX.CSSProperties;\n}): JSX.Element {\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldLabel must be used within a SearchField\");\n  }\n\n  const cleanLabelProps = () => {\n    const { ref: _ref, ...rest } = context.labelProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <label\n      {...cleanLabelProps()}\n      class={props.class ?? \"solidaria-SearchField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>\n  );\n}\n\n/**\n * The input element for a search field.\n */\nexport function SearchFieldInput(props: SearchFieldInputProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\"]);\n  let inputElement: HTMLInputElement | undefined;\n\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldInput must be used within a SearchField\");\n  }\n\n  // Inside an <Autocomplete>, expose the ARIA attributes that identify the\n  // controlled collection and its virtually-focused option. value/onChange and the\n  // keyboard handlers are already merged upstream in SearchField(); here we only add\n  // the passthrough attributes that createTextField doesn't forward, and register the\n  // input element as the autocomplete inputRef so the beforeinput + reverse-path\n  // (aria-activedescendant mirror) listeners bind. Mirrors RAC's\n  // [InputContext, {...inputProps, ref: inputRef}].\n  const autocompleteInput = useAutocompleteInput();\n\n  const { isFocused, isFocusVisible, focusProps } = createFocusRing();\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled;\n    },\n  });\n\n  const renderValues = createMemo<SearchFieldInputRenderProps>(() => ({\n    isFocused: isFocused(),\n    isFocusVisible: isFocusVisible(),\n    isHovered: isHovered(),\n    isDisabled: !!context.isDisabled,\n    isInvalid: !!context.isInvalid,\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField-input\",\n    },\n    renderValues,\n  );\n\n  const cleanInputProps = () => {\n    const { ref: _ref, ...rest } = context.inputProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanFocusProps = () => {\n    const { ref: _ref, ...rest } = focusProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  const autocompleteInputAttrs = (): Record<string, unknown> => {\n    if (!autocompleteInput) {\n      return {};\n    }\n    const inputProps = autocompleteInput.inputProps;\n    return {\n      \"aria-controls\": inputProps[\"aria-controls\"],\n      \"aria-autocomplete\": inputProps[\"aria-autocomplete\"],\n      \"aria-activedescendant\": inputProps[\"aria-activedescendant\"](),\n    };\n  };\n\n  const mergedInputProps = () =>\n    ({\n      ...domProps,\n      ...cleanInputProps(),\n      ...cleanFocusProps(),\n      ...cleanHoverProps(),\n      ...autocompleteInputAttrs(),\n    }) as Record<string, unknown>;\n\n  onMount(() => {\n    const element = inputElement;\n    if (!element) {\n      return;\n    }\n\n    const inputHandler = (event: Event) => {\n      const handler = mergedInputProps().onInput as\n        | JSX.EventHandler<HTMLInputElement, InputEvent>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as InputEvent & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n    const changeHandler = (event: Event) => {\n      const handler = mergedInputProps().onChange as\n        | JSX.EventHandler<HTMLInputElement, Event>\n        | undefined;\n      handler?.(\n        eventWithCurrentTarget(event, element) as Event & {\n          currentTarget: HTMLInputElement;\n          target: Element;\n        },\n      );\n      clearDelegatedTextEntryHandlers(element);\n      event.stopPropagation();\n    };\n\n    element.addEventListener(\"input\", inputHandler);\n    element.addEventListener(\"change\", changeHandler);\n    clearDelegatedTextEntryHandlers(element);\n    onCleanup(() => {\n      element.removeEventListener(\"input\", inputHandler);\n      element.removeEventListener(\"change\", changeHandler);\n    });\n  });\n\n  return (\n    <input\n      {...mergedInputProps()}\n      ref={(element) => {\n        inputElement = element;\n        context.setInputRef?.(element);\n        autocompleteInput?.inputRef(element);\n        const ref = (domProps as { ref?: unknown }).ref;\n        if (typeof ref === \"function\") {\n          ref(element);\n        }\n      }}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={isFocused() || undefined}\n      data-focus-visible={isFocusVisible() || undefined}\n      data-hovered={isHovered() || undefined}\n      data-disabled={context.isDisabled || undefined}\n      data-invalid={context.isInvalid || undefined}\n    />\n  );\n}\n\n/**\n * The clear button for a search field.\n */\nexport function SearchFieldClearButton(props: SearchFieldClearButtonProps): JSX.Element {\n  const [local, domProps] = splitProps(props, [\"class\", \"style\", \"slot\", \"children\"]);\n\n  const context = useContext(SearchFieldContext);\n  if (!context) {\n    throw new Error(\"SearchFieldClearButton must be used within a SearchField\");\n  }\n\n  const isDisabled = () => !!(context.isDisabled || context.isReadOnly);\n  const isEmpty = () => (context.state?.value() ?? \"\") === \"\";\n  const clear = () => {\n    if (!isDisabled() && !isEmpty()) {\n      context.clearButtonProps?.onClick();\n    }\n  };\n\n  const { isPressed, pressProps } = createPress({\n    get isDisabled() {\n      return context.isDisabled || context.isReadOnly;\n    },\n    onClick: clear,\n    onPress: clear,\n  });\n\n  const { isHovered, hoverProps } = createHover({\n    get isDisabled() {\n      return context.isDisabled || context.isReadOnly;\n    },\n  });\n\n  const renderValues = createMemo<SearchFieldClearButtonRenderProps>(() => ({\n    isPressed: isPressed(),\n    isHovered: isHovered(),\n    isDisabled: isDisabled(),\n  }));\n\n  const renderProps = useRenderProps(\n    {\n      get children() {\n        return props.children;\n      },\n      class: local.class,\n      style: local.style,\n      defaultClassName: \"solidaria-SearchField-clear\",\n    },\n    renderValues,\n  );\n\n  const cleanPressProps = () => {\n    const { ref: _ref, ...rest } = pressProps as Record<string, unknown>;\n    return rest;\n  };\n  const cleanHoverProps = () => {\n    const { ref: _ref, ...rest } = hoverProps as Record<string, unknown>;\n    return rest;\n  };\n\n  return (\n    <Show when={!isEmpty()}>\n      <button\n        {...domProps}\n        type=\"button\"\n        aria-label={context.clearButtonProps?.[\"aria-label\"] ?? \"Clear search\"}\n        tabIndex={context.clearButtonProps?.tabIndex ?? -1}\n        disabled={context.clearButtonProps?.disabled}\n        onMouseDown={context.clearButtonProps?.onMouseDown}\n        {...cleanPressProps()}\n        onPointerUp={clear}\n        onMouseUp={clear}\n        onClick={clear}\n        {...cleanHoverProps()}\n        class={renderProps.class()}\n        style={renderProps.style()}\n        data-pressed={isPressed() || undefined}\n        data-hovered={isHovered() || undefined}\n        data-disabled={isDisabled() || undefined}\n      >\n        {renderProps.renderChildren()}\n      </button>\n    </Show>\n  );\n}\n\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\n"],"mappings":"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"}

package/dist/SearchField.jsx

@@ -2,6 +2,7 @@ import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
 import { FieldErrorContext } from "./FieldError.jsx";
 import { TextContext } from "./Text.jsx";
 import { FormContext } from "./Form.jsx";
+import { useAutocompleteInput } from "./Autocomplete.jsx";
 import { Show, createContext, createMemo, onCleanup, onMount, splitProps, useContext } from "solid-js";
 import { createFocusRing, createHover, createPress, createSearchField, mergeProps as mergeProps$1 } from "@proyecto-viviana/solidaria";
 import { VALID_VALIDITY_STATE, createSearchFieldState } from "@proyecto-viviana/solid-stately";
@@ -64,7 +65,18 @@ function SearchField(props) {
 		const { state: _state, inputProps: _inputProps, clearButtonProps: _clearButtonProps, labelProps: _labelProps, descriptionProps: _descriptionProps, errorMessageProps: _errorMessageProps, isDisabled: _isDisabled, isInvalid: _isInvalid, isRequired: _isRequired, isReadOnly: _isReadOnly, setInputRef: _setInputRef, slots: _slots, ...restContextProps } = contextProps;
 		return restContextProps;
 	});
-	const [local, stateProps, ariaProps, rest] = splitProps(withFormValidationBehavior(contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props, formContext), [
+	const baseProps = contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const autocompleteInput = useAutocompleteInput();
+	const autocompleteProps = autocompleteInput ? {
+		get value() {
+			return autocompleteInput.inputProps.value();
+		},
+		onChange: autocompleteInput.inputProps.onChange,
+		onKeyDown: autocompleteInput.inputProps.onKeyDown,
+		onFocus: autocompleteInput.inputProps.onFocus,
+		onBlur: autocompleteInput.inputProps.onBlur
+	} : void 0;
+	const [local, stateProps, ariaProps, rest] = splitProps(withFormValidationBehavior(autocompleteProps ? mergeProps$1(baseProps, autocompleteProps) : baseProps, formContext), [
 		"children",
 		"class",
 		"style",
@@ -399,6 +411,7 @@ function SearchFieldInput(props) {
 	let inputElement;
 	const context = useContext(SearchFieldContext);
 	if (!context) throw new Error("SearchFieldInput must be used within a SearchField");
+	const autocompleteInput = useAutocompleteInput();
 	const { isFocused, isFocusVisible, focusProps } = createFocusRing();
 	const { isHovered, hoverProps } = createHover({ get isDisabled() {
 		return context.isDisabled;
@@ -427,11 +440,21 @@ function SearchFieldInput(props) {
 		const { ref: _ref, ...rest } = hoverProps;
 		return rest;
 	};
+	const autocompleteInputAttrs = () => {
+		if (!autocompleteInput) return {};
+		const inputProps = autocompleteInput.inputProps;
+		return {
+			"aria-controls": inputProps["aria-controls"],
+			"aria-autocomplete": inputProps["aria-autocomplete"],
+			"aria-activedescendant": inputProps["aria-activedescendant"]()
+		};
+	};
 	const mergedInputProps = () => ({
 		...domProps,
 		...cleanInputProps(),
 		...cleanFocusProps(),
-		...cleanHoverProps()
+		...cleanHoverProps(),
+		...autocompleteInputAttrs()
 	});
 	onMount(() => {
 		const element = inputElement;
@@ -459,6 +482,7 @@ function SearchFieldInput(props) {
 	return <input {...mergedInputProps()} ref={(element) => {
 		inputElement = element;
 		context.setInputRef?.(element);
+		autocompleteInput?.inputRef(element);
 		const ref = domProps.ref;
 		if (typeof ref === "function") ref(element);
 	}} class={renderProps.class()} style={renderProps.style()} data-focused={isFocused() || void 0} data-focus-visible={isFocusVisible() || void 0} data-hovered={isHovered() || void 0} data-disabled={context.isDisabled || void 0} data-invalid={context.isInvalid || void 0} />;