@proyecto-viviana/solidaria-components 0.4.0 → 0.5.0

package/dist/SearchField.jsx.map

@@ -1 +1 @@
-{"version":3,"file":"SearchField.jsx","names":["mergeProps"],"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.jsx","names":["mergeProps"],"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/Select.d.ts

@@ -102,10 +102,14 @@ export interface SelectTriggerRenderProps {
     isFocusVisible: boolean;
     /** Whether the trigger is hovered. */
     isHovered: boolean;
+    /** Whether the trigger is pressed. */
+    isPressed: boolean;
     /** Whether the trigger is disabled. */
     isDisabled: boolean;
 }
 export interface SelectTriggerProps extends SlotProps {
+    /** A ref callback/object for the underlying trigger button element. */
+    ref?: RefLike<HTMLButtonElement>;
     /** The children of the trigger. A function may be provided to receive render props. */
     children?: RenderChildren<SelectTriggerRenderProps>;
     /** The CSS className for the element. */
@@ -154,6 +158,8 @@ export interface SelectOptionRenderProps {
     isDisabled: boolean;
 }
 export interface SelectOptionProps<T> extends Omit<AriaOptionProps, "children" | "key">, SlotProps {
+    /** A ref callback/object for the underlying option element. */
+    ref?: RefLike<HTMLDivElement>;
     /** The unique key for the option. */
     id: Key;
     /** The item value. */
@@ -181,6 +187,7 @@ interface SelectContextValue<T> {
     isOpen: Accessor<boolean>;
     isFocused: Accessor<boolean>;
     isFocusVisible: Accessor<boolean>;
+    isPressed: Accessor<boolean>;
     isDisabled: Accessor<boolean>;
     placeholder?: string;
     items: T[];

package/dist/Select.d.ts.map

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

package/dist/Select.js

@@ -13,7 +13,7 @@ import { DEFAULT_VALIDATION_RESULT, createSelectState } from "@proyecto-viviana/
 * A pre-wired headless select that combines state + aria hooks.
 * Port of react-aria-components/src/Select.tsx
 */
-var _tmpl$ = /*#__PURE__*/ template(`<option>`), _tmpl$2 = /*#__PURE__*/ template(`<input type=hidden>`), _tmpl$3 = /*#__PURE__*/ template(`<div><select><!$><!/><!$><!/></select><!$><!/><!$><!/>`), _tmpl$4 = /*#__PURE__*/ template(`<span>`), _tmpl$5 = /*#__PURE__*/ template(`<div>`), _tmpl$6 = /*#__PURE__*/ template(`<button>`), _tmpl$7 = /*#__PURE__*/ template(`<ul><!$><!/><!$><!/>`), _tmpl$8 = /*#__PURE__*/ template(`<li role=option data-empty-state style=display:contents>`), _tmpl$9 = /*#__PURE__*/ template(`<li>`);
+var _tmpl$ = /*#__PURE__*/ template(`<span>`), _tmpl$2 = /*#__PURE__*/ template(`<option>`), _tmpl$3 = /*#__PURE__*/ template(`<input type=hidden>`), _tmpl$4 = /*#__PURE__*/ template(`<div><select><!$><!/><!$><!/></select><!$><!/><!$><!/>`), _tmpl$5 = /*#__PURE__*/ template(`<div>`), _tmpl$6 = /*#__PURE__*/ template(`<button>`), _tmpl$7 = /*#__PURE__*/ template(`<div><!$><!/><!$><!/>`), _tmpl$8 = /*#__PURE__*/ template(`<div role=option data-empty-state style=display:contents>`);
 function assignRef(ref, el) {
 	if (!ref) return;
 	if (typeof ref === "function") ref(el);
@@ -138,7 +138,7 @@ function Select(props) {
 			return ariaProps.isRequired;
 		}
 	});
-	const { labelProps, triggerProps, valueProps, menuProps, isFocused, isFocusVisible, isOpen } = createSelect(createMemo(() => {
+	const { labelProps, triggerProps, valueProps, menuProps, isFocused, isFocusVisible, isOpen, isPressed } = createSelect(createMemo(() => {
 		const clean = {};
 		for (const key in ariaProps) if (!key.startsWith("data-")) clean[key] = ariaProps[key];
 		return clean;
@@ -275,10 +275,23 @@ function Select(props) {
 	const RootChildren = () => {
 		const selectChildren = untrack(() => typeof local.children === "function" ? local.children(childRenderValues) : local.children);
 		return [
+			createComponent(Show, {
+				get when() {
+					return ariaProps.label;
+				},
+				get children() {
+					var _el$ = getNextElement(_tmpl$);
+					spread(_el$, mergeProps(cleanLabelProps), false, true);
+					insert(_el$, () => ariaProps.label);
+					runHydrationEvents();
+					return _el$;
+				}
+			}),
+			selectChildren,
 			(() => {
-				var _el$ = getNextElement(_tmpl$3), _el$2 = _el$.firstChild, _el$4 = _el$2.firstChild, [_el$5, _co$] = getNextMarker(_el$4.nextSibling), _el$6 = _el$5.nextSibling, [_el$7, _co$2] = getNextMarker(_el$6.nextSibling), _el$9 = _el$2.nextSibling, [_el$0, _co$3] = getNextMarker(_el$9.nextSibling), _el$1 = _el$0.nextSibling, [_el$10, _co$4] = getNextMarker(_el$1.nextSibling);
-				spread(_el$, containerProps, false, true);
-				spread(_el$2, mergeProps(hiddenSelectProps, {
+				var _el$2 = getNextElement(_tmpl$4), _el$3 = _el$2.firstChild, _el$5 = _el$3.firstChild, [_el$6, _co$] = getNextMarker(_el$5.nextSibling), _el$7 = _el$6.nextSibling, [_el$8, _co$2] = getNextMarker(_el$7.nextSibling), _el$0 = _el$3.nextSibling, [_el$1, _co$3] = getNextMarker(_el$0.nextSibling), _el$10 = _el$1.nextSibling, [_el$11, _co$4] = getNextMarker(_el$10.nextSibling);
+				spread(_el$2, containerProps, false, true);
+				spread(_el$3, mergeProps(hiddenSelectProps, {
 					get name() {
 						return memo(() => !!hasSelection())() ? void 0 : stateProps.name;
 					},
@@ -288,17 +301,17 @@ function Select(props) {
 					"onInvalid": handleHiddenSelectInvalid,
 					"onChange": handleHiddenSelectChange
 				}), false, true);
-				insert(_el$2, createComponent(Show, {
+				insert(_el$3, createComponent(Show, {
 					get when() {
 						return state.selectionMode() !== "multiple";
 					},
 					get children() {
-						var _el$3 = getNextElement(_tmpl$);
-						effect(() => setProperty(_el$3, "selected", state.selectedKey() == null));
-						return _el$3;
+						var _el$4 = getNextElement(_tmpl$2);
+						effect(() => setProperty(_el$4, "selected", state.selectedKey() == null));
+						return _el$4;
 					}
-				}), _el$5, _co$);
-				insert(_el$2, createComponent(For, {
+				}), _el$6, _co$);
+				insert(_el$3, createComponent(For, {
 					get each() {
 						return stateProps.items;
 					},
@@ -306,20 +319,20 @@ function Select(props) {
 						const itemRecord = isObjectRecord(item) ? item : null;
 						const fallbackKey = itemRecord != null ? toKey(itemRecord.key) ?? toKey(itemRecord.id) : void 0;
 						const key = stateProps.getKey?.(item) ?? fallbackKey ?? String(item);
-						const fallbackTextValue = itemRecord != null ? toTextValue(itemRecord.textValue) ?? toTextValue(itemRecord.label) : void 0;
-						const textValue = stateProps.getTextValue?.(item) ?? fallbackTextValue ?? String(item);
+						const fallbackTextValue = itemRecord != null ? toTextValue(itemRecord.textValue) ?? toTextValue(itemRecord.label) ?? toTextValue(itemRecord.name) ?? toTextValue(itemRecord.title) : void 0;
+						const textValue = stateProps.getTextValue?.(item) ?? fallbackTextValue ?? (itemRecord != null ? String(key) : String(item));
 						const selectedKeys = state.selectedKeys();
 						const isSelected = state.selectionMode() === "multiple" ? selectedKeys === "all" ? true : selectedKeys.has(key) : key === state.selectedKey();
 						return (() => {
-							var _el$12 = getNextElement(_tmpl$);
+							var _el$12 = getNextElement(_tmpl$2);
 							setProperty(_el$12, "selected", isSelected);
 							insert(_el$12, textValue);
 							effect(() => setProperty(_el$12, "value", String(key)));
 							return _el$12;
 						})();
 					}
-				}), _el$7, _co$2);
-				insert(_el$, createComponent(Show, {
+				}), _el$8, _co$2);
+				insert(_el$2, createComponent(Show, {
 					get when() {
 						return memo(() => state.selectionMode() === "multiple")() && stateProps.name;
 					},
@@ -329,7 +342,7 @@ function Select(props) {
 								return memo(() => state.selectedKeys() === "all")() ? Array.from(state.collection()).map((item) => item.key) : Array.from(state.selectedKeys());
 							},
 							children: (key) => (() => {
-								var _el$13 = getNextElement(_tmpl$2);
+								var _el$13 = getNextElement(_tmpl$3);
 								effect((_p$) => {
 									var _v$4 = stateProps.name, _v$5 = ariaProps.form, _v$6 = resolveDisabled();
 									_v$4 !== _p$.e && setAttribute(_el$13, "name", _p$.e = _v$4);
@@ -346,44 +359,31 @@ function Select(props) {
 							})()
 						});
 					}
-				}), _el$0, _co$3);
-				insert(_el$, createComponent(Show, {
+				}), _el$1, _co$3);
+				insert(_el$2, createComponent(Show, {
 					get when() {
 						return memo(() => !!(state.selectionMode() !== "multiple" && stateProps.name))() && state.selectedKey() != null;
 					},
 					get children() {
-						var _el$8 = getNextElement(_tmpl$2);
+						var _el$9 = getNextElement(_tmpl$3);
 						effect((_p$) => {
 							var _v$ = stateProps.name, _v$2 = ariaProps.form, _v$3 = resolveDisabled();
-							_v$ !== _p$.e && setAttribute(_el$8, "name", _p$.e = _v$);
-							_v$2 !== _p$.t && setAttribute(_el$8, "form", _p$.t = _v$2);
-							_v$3 !== _p$.a && setProperty(_el$8, "disabled", _p$.a = _v$3);
+							_v$ !== _p$.e && setAttribute(_el$9, "name", _p$.e = _v$);
+							_v$2 !== _p$.t && setAttribute(_el$9, "form", _p$.t = _v$2);
+							_v$3 !== _p$.a && setProperty(_el$9, "disabled", _p$.a = _v$3);
 							return _p$;
 						}, {
 							e: void 0,
 							t: void 0,
 							a: void 0
 						});
-						effect(() => setProperty(_el$8, "value", String(state.selectedKey())));
-						return _el$8;
+						effect(() => setProperty(_el$9, "value", String(state.selectedKey())));
+						return _el$9;
 					}
-				}), _el$10, _co$4);
+				}), _el$11, _co$4);
 				runHydrationEvents();
-				return _el$;
-			})(),
-			createComponent(Show, {
-				get when() {
-					return ariaProps.label;
-				},
-				get children() {
-					var _el$11 = getNextElement(_tmpl$4);
-					spread(_el$11, mergeProps(cleanLabelProps), false, true);
-					insert(_el$11, () => ariaProps.label);
-					runHydrationEvents();
-					return _el$11;
-				}
-			}),
-			selectChildren
+				return _el$2;
+			})()
 		];
 	};
 	const baseRootProps = () => ({
@@ -435,6 +435,7 @@ function Select(props) {
 				isOpen,
 				isFocused,
 				isFocusVisible,
+				isPressed,
 				isDisabled: resolveDisabled,
 				placeholder: ariaProps.placeholder,
 				items: stateProps.items,
@@ -464,15 +465,17 @@ function SelectTrigger(props) {
 		"class",
 		"style",
 		"slot",
-		"children"
+		"children",
+		"ref"
 	]);
 	const context = useContext(SelectContext);
 	if (!context) throw new Error("SelectTrigger must be used within a Select");
-	const { isOpen, isFocused, isFocusVisible, state } = context;
+	const { isOpen, isFocused, isFocusVisible, isPressed, state } = context;
 	let triggerRef;
 	const setTriggerRef = (el) => {
 		triggerRef = el;
 		context.setTriggerRef(el);
+		assignRef(local.ref, el);
 	};
 	createEffect(() => {
 		if (context.autoFocus) triggerRef?.focus();
@@ -485,6 +488,7 @@ function SelectTrigger(props) {
 		isFocused: isFocused(),
 		isFocusVisible: isFocusVisible(),
 		isHovered: isHovered(),
+		isPressed: isPressed(),
 		isDisabled: state.isDisabled
 	}));
 	const renderProps = useRenderProps({
@@ -609,7 +613,7 @@ function SelectValue(props) {
 		defaultClassName: "solidaria-Select-value"
 	}, renderValues);
 	return (() => {
-		var _el$16 = getNextElement(_tmpl$4);
+		var _el$16 = getNextElement(_tmpl$);
 		spread(_el$16, mergeProps(domProps, valueProps, {
 			get ["class"]() {
 				return renderProps.class();
@@ -651,6 +655,7 @@ function SelectListBox(props) {
 	const state = selectState;
 	createEffect(() => {
 		if (!isOpen()) return;
+		state.selectionManager.setFocused(true);
 		if (state.focusedKey() != null) return;
 		const selectedKey = state.selectedKey();
 		if (selectedKey != null && !state.collection().getItem(selectedKey)?.isDisabled) state.setFocusedKey(selectedKey);
@@ -665,7 +670,7 @@ function SelectListBox(props) {
 			return !isOpen() || local.isInPopover === true;
 		}
 	});
-	const { listBoxProps } = createListBox({
+	const listBoxHook = createListBox({
 		...menuProps,
 		shouldSelectOnPressUp: true,
 		shouldFocusOnHover: true,
@@ -685,8 +690,11 @@ function SelectListBox(props) {
 		return rest;
 	};
 	const cleanListBoxProps = () => {
-		const { ref: _ref2, ...rest } = listBoxProps;
-		return rest;
+		const { ref: _ref2, "aria-activedescendant": _activeDescendant, onFocus: _onFocus, ...rest } = listBoxHook.listBoxProps;
+		return {
+			...rest,
+			tabIndex: state.isDisabled ? void 0 : state.focusedKey() != null ? -1 : 0
+		};
 	};
 	const items = () => Array.from(state.collection());
 	createEffect(() => {
@@ -809,13 +817,18 @@ function SelectOption(props) {
 		"slot",
 		"id",
 		"item",
-		"textValue"
+		"textValue",
+		"ref"
 	]);
 	const context = useContext(SelectStateContext);
 	if (!context) throw new Error("SelectOption must be used within a Select");
 	const state = context;
 	const selectContext = useContext(SelectContext);
-	const [ref, setRef] = createSignal(null);
+	const [ref, setRefSignal] = createSignal(null);
+	const setRef = (el) => {
+		setRefSignal(el);
+		assignRef(local.ref, el);
+	};
 	const optionAria = createOption({
 		key: local.id,
 		get isDisabled() {
@@ -919,7 +932,7 @@ function SelectOption(props) {
 			return selectionIndicatorContext();
 		},
 		get children() {
-			var _el$23 = getNextElement(_tmpl$9);
+			var _el$23 = getNextElement(_tmpl$5);
 			use(setRef, _el$23);
 			spread(_el$23, mergeProps(cleanOptionProps, {
 				get ["class"]() {
@@ -950,7 +963,7 @@ function SelectOption(props) {
 			insert(_el$23, (() => {
 				var _c$3 = memo(() => !!hasPrimitiveLabel());
 				return () => _c$3() ? (() => {
-					var _el$24 = getNextElement(_tmpl$4);
+					var _el$24 = getNextElement(_tmpl$);
 					spread(_el$24, mergeProps(() => optionAria.labelProps), false, true);
 					insert(_el$24, () => renderProps.renderChildren());
 					runHydrationEvents();