@proyecto-viviana/solidaria-components 0.5.1 → 0.7.0-rc.0

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","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 ? (mergeProps(baseProps, autocompleteProps) as SearchFieldProps) : 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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"}
+{"version":3,"file":"SearchField.js","names":["<FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <SearchFieldContext value={contextValue}>\n          <div\n            {...domProps()}\n            ref={local.ref}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-empty={dataAttr(state.value() === \"\")}\n            data-disabled={dataAttr(ariaProps.isDisabled)}\n            data-invalid={dataAttr(searchFieldAria.isInvalid)}\n            data-required={dataAttr(ariaProps.isRequired)}\n            data-readonly={dataAttr(ariaProps.isReadOnly)}\n          >\n            <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>\n          </div>\n        </SearchFieldContext>\n      </LabelContext>\n    </FieldErrorContext>","value={fieldErrorContext}","<LabelContext value={labelContextValue}>\n        <SearchFieldContext value={contextValue}>\n          <div\n            {...domProps()}\n            ref={local.ref}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-empty={dataAttr(state.value() === \"\")}\n            data-disabled={dataAttr(ariaProps.isDisabled)}\n            data-invalid={dataAttr(searchFieldAria.isInvalid)}\n            data-required={dataAttr(ariaProps.isRequired)}\n            data-readonly={dataAttr(ariaProps.isReadOnly)}\n          >\n            <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>\n          </div>\n        </SearchFieldContext>\n      </LabelContext>","value={labelContextValue}","<SearchFieldContext value={contextValue}>\n          <div\n            {...domProps()}\n            ref={local.ref}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-empty={dataAttr(state.value() === \"\")}\n            data-disabled={dataAttr(ariaProps.isDisabled)}\n            data-invalid={dataAttr(searchFieldAria.isInvalid)}\n            data-required={dataAttr(ariaProps.isRequired)}\n            data-readonly={dataAttr(ariaProps.isReadOnly)}\n          >\n            <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>\n          </div>\n        </SearchFieldContext>","value={contextValue}","ref={local.ref}","<Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>","values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}","<div\n            {...domProps()}\n            ref={local.ref}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-empty={dataAttr(state.value() === \"\")}\n            data-disabled={dataAttr(ariaProps.isDisabled)}\n            data-invalid={dataAttr(searchFieldAria.isInvalid)}\n            data-required={dataAttr(ariaProps.isRequired)}\n            data-readonly={dataAttr(ariaProps.isReadOnly)}\n          >\n            <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>\n          </div>","ref={(el) => context.labelRef?.(el)}","{props.children}","<label\n      {...cleanLabelProps()}\n      ref={(el) => context.labelRef?.(el)}\n      class={props.class ?? \"solidaria-SearchField-label\"}\n      style={props.style}\n    >\n      {props.children}\n    </label>","ref={(element) => {\n        inputElement = element;\n        context.setInputRef?.(element);\n        autocompleteInput?.inputRef(element);\n        assignRef(context.inputProps?.ref, element);\n        assignRef((domProps as { ref?: unknown }).ref, element);\n      }}","<input\n      {...mergedInputProps()}\n      ref={(element) => {\n        inputElement = element;\n        context.setInputRef?.(element);\n        autocompleteInput?.inputRef(element);\n        assignRef(context.inputProps?.ref, element);\n        assignRef((domProps as { ref?: unknown }).ref, element);\n      }}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(context.isDisabled)}\n      data-invalid={dataAttr(context.isInvalid)}\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={dataAttr(isPressed())}\n        data-hovered={dataAttr(isHovered())}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        {renderProps.renderChildren()}\n      </button>\n    </Show>","type=\"button\"","onPointerUp={clear}","onMouseUp={clear}","onClick={clear}","{renderProps.renderChildren()}","<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={dataAttr(isPressed())}\n        data-hovered={dataAttr(isHovered())}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        {renderProps.renderChildren()}\n      </button>"],"sources":["../src/SearchField.tsx"],"sourcesContent":["/*\n * Copyright 2022 Adobe. All rights reserved.\n * This file is licensed to you under the Apache License, Version 2.0 (the \"License\");\n * you may not use this file except in compliance with the License. You may obtain a copy\n * of the License at http://www.apache.org/licenses/LICENSE-2.0\n *\n * Unless required by applicable law or agreed to in writing, software distributed under\n * the License is distributed on an \"AS IS\" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS\n * OF ANY KIND, either express or implied. See the License for the specific language\n * governing permissions and limitations under the License.\n */\n\n// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/SearchField.tsx\n\n/**\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 { createContext, createMemo, onSettled, useContext, Show } from \"solid-js\";\nimport type { Context } from \"solid-js\";\nimport type { JSX } from \"@solidjs/web\";\nimport {\n  createSearchField,\n  createFocusRing,\n  createHover,\n  createPress,\n  mergeProps,\n  type AriaSearchFieldProps,\n} from \"@proyecto-viviana/solidaria\";\nimport {\n  createSearchFieldState,\n  type SearchFieldState,\n  type ValidationResult,\n} from \"@proyecto-viviana/solid-stately\";\nimport { FormContext, resolveValidationBehavior } 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  useSlot,\n  dataAttr,\n  attrString,\n} from \"./utils\";\nimport { TextContext } from \"./Text\";\nimport { LabelContext, type LabelProps } from \"./Label\";\nimport { useAutocompleteInput } from \"./Autocomplete\";\nimport { assignRef, splitProps } from \"@proyecto-viviana/solidaria/utils\";\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  /** Slot probe for the rendered label, so `useLabel` knows a label exists. */\n  labelRef?: (el: Element | null) => void;\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 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 =\n    contextProps?.slots?.[typeof props.slot === \"string\" ? 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 four native\n  // input attrs) and the input-ref registration are applied last at the <input>\n  // in SearchFieldInput so SearchField's undefined getters cannot wipe them.\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 = autocompleteProps\n    ? (mergeProps(baseProps, autocompleteProps) as SearchFieldProps)\n    : baseProps;\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 [labelRef, hasLabel] = useSlot(!ariaProps[\"aria-label\"] && !ariaProps[\"aria-labelledby\"]);\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      // A slotted `<Label>` / `<SearchFieldLabel>` counts as a label, exactly\n      // as RAC's `useSlot` does (`SearchField.tsx:117`). Without it `useLabel`\n      // mints no `labelProps` and the input has no accessible name.\n      get label() {\n        return ariaProps.label ?? hasLabel();\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 resolveValidationBehavior(ariaProps.validationBehavior, formContext);\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 validationErrors = searchFieldAria.validationErrors;\n    const errorMessage = ariaProps.errorMessage;\n    return {\n      isInvalid,\n      validationErrors:\n        isInvalid && validationErrors.length === 0 && typeof errorMessage === \"string\"\n          ? [errorMessage]\n          : validationErrors,\n      validationDetails: searchFieldAria.validationDetails,\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    labelRef,\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  // RAC exposes one shared `<Label>` through `LabelContext`; `SearchFieldLabel`\n  // is a local convenience alias over the same wiring.\n  const labelContextValue: LabelProps = {\n    ref: labelRef,\n    get id() {\n      return (searchFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement>).id;\n    },\n    get htmlFor() {\n      const labelProps = searchFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n    get for() {\n      const labelProps = searchFieldAria.labelProps as JSX.LabelHTMLAttributes<HTMLLabelElement> & {\n        htmlFor?: string;\n      };\n      return attrString(labelProps.htmlFor ?? labelProps.for);\n    },\n  };\n\n  return (\n    <FieldErrorContext value={fieldErrorContext}>\n      <LabelContext value={labelContextValue}>\n        <SearchFieldContext value={contextValue}>\n          <div\n            {...domProps()}\n            ref={local.ref}\n            class={renderProps.class()}\n            style={renderProps.style()}\n            data-empty={dataAttr(state.value() === \"\")}\n            data-disabled={dataAttr(ariaProps.isDisabled)}\n            data-invalid={dataAttr(searchFieldAria.isInvalid)}\n            data-required={dataAttr(ariaProps.isRequired)}\n            data-readonly={dataAttr(ariaProps.isReadOnly)}\n          >\n            <Provider values={[[TextContext, textSlots]] as Array<[Context<unknown>, unknown]>}>\n              {fieldChildren()}\n            </Provider>\n          </div>\n        </SearchFieldContext>\n      </LabelContext>\n    </FieldErrorContext>\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      ref={(el) => context.labelRef?.(el)}\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, plus the four native\n  // input attrs createAutocomplete already returns (autoComplete/autoCorrect/\n  // spellCheck/enterKeyHint). value/onChange and the keyboard handlers are already\n  // merged upstream in SearchField(); SearchField's split getters never receive\n  // those Autocomplete values, so they must last-win here over undefined\n  // createTextField copies. Register the input as the autocomplete inputRef so the\n  // beforeinput + reverse-path (aria-activedescendant mirror) listeners bind.\n  // Mirrors RAC's [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      // Last-win over SearchField createTextField getters that return undefined\n      // when Autocomplete did not merge these into ariaProps.\n      autoComplete: inputProps.autoComplete,\n      autoCorrect: inputProps.autoCorrect,\n      spellCheck: inputProps.spellCheck,\n      enterKeyHint: inputProps.enterKeyHint,\n    };\n  };\n\n  const mergedInputProps = () =>\n    ({\n      ...domProps,\n      ...cleanInputProps(),\n      ...cleanFocusProps(),\n      ...cleanHoverProps(),\n      ...autocompleteInputAttrs(),\n    }) as Record<string, unknown>;\n\n  onSettled(() => {\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    return () => {\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        assignRef(context.inputProps?.ref, element);\n        assignRef((domProps as { ref?: unknown }).ref, element);\n      }}\n      class={renderProps.class()}\n      style={renderProps.style()}\n      data-focused={dataAttr(isFocused())}\n      data-focus-visible={dataAttr(isFocusVisible())}\n      data-hovered={dataAttr(isHovered())}\n      data-disabled={dataAttr(context.isDisabled)}\n      data-invalid={dataAttr(context.isInvalid)}\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={dataAttr(isPressed())}\n        data-hovered={dataAttr(isHovered())}\n        data-disabled={dataAttr(isDisabled())}\n      >\n        {renderProps.renderChildren()}\n      </button>\n    </Show>\n  );\n}\n\nSearchField.Label = SearchFieldLabel;\nSearchField.Input = SearchFieldInput;\nSearchField.ClearButton = SearchFieldClearButton;\n"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;AA+JA,MAAa,qBAAqB,cAA8C,IAAI;AAEpF,SAAS,uBAA8C,OAAc,SAAmB;CACtF,OAAO,IAAI,MAAM,OAAO,EACtB,IAAI,QAAQ,UAAU,UAAU;EAC9B,IAAI,aAAa,YAAY,aAAa,iBACxC,OAAO;EAGT,MAAM,QAAQ,QAAQ,IAAI,QAAQ,UAAU,QAAQ;EACpD,OAAO,OAAO,UAAU,aAAa,MAAM,KAAK,MAAM,IAAI;CAC5D,EACF,CAAC;AACH;AAEA,SAAS,gCAAgC,SAAsB;CAC7D,MAAM,mBAAmB;CAIzB,OAAO,iBAAiB;CACxB,OAAO,iBAAiB;AAC1B;;;;AAKA,SAAgB,YAAY,OAAsC;CAChE,MAAM,cAAc,WAAW,WAAW;CAC1C,MAAM,eAAe,WAAW,kBAAkB;CAClD,MAAM,mBACJ,cAAc,QAAQ,OAAO,MAAM,SAAS,WAAW,MAAM,OAAO;CACtE,MAAM,mBAAmB,iBAAmC;EAC1D,IAAI,CAAC,cAAc,OAAO,CAAC;EAC3B,MAAM,EACJ,OAAO,QACP,YAAY,aACZ,kBAAkB,mBAClB,YAAY,aACZ,kBAAkB,mBAClB,mBAAmB,oBACnB,YAAY,aACZ,WAAW,YACX,YAAY,aACZ,YAAY,aACZ,aAAa,cACb,OAAO,QACP,GAAG,qBACD;EACJ,OAAO;CACT,CAAC;CACD,MAAM,YACJ,eAAe,aAAW,iBAAiB,GAAG,oBAAoB,CAAC,GAAG,KAAK,IAAI;CAYjF,MAAM,oBAAoB,qBAAqB;CAC/C,MAAM,oBAAoB,oBACrB;EACC,IAAI,QAAQ;GACV,OAAO,kBAAkB,WAAW,MAAM;EAC5C;EACA,UAAU,kBAAkB,WAAW;EACvC,WAAW,kBAAkB,WAC1B;EACH,SAAS,kBAAkB,WAAW;EACtC,QAAQ,kBAAkB,WAAW;CACvC,IACA,KAAA;CAEJ,MAAM,cAAc,oBACf,aAAW,WAAW,iBAAiB,IACxC;CAEJ,MAAM,CAAC,OAAO,YAAY,WAAW,QAAQ,WAC3C,aACA;EAAC;EAAY;EAAS;EAAS;EAAQ;CAAK,GAC5C;EAAC;EAAS;EAAgB;EAAY;EAAY;CAAS,GAC3D;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACF,CACF;CAEA,MAAM,QAAQ,uBAAuB;EACnC,IAAI,QAAQ;GACV,OAAO,WAAW;EACpB;EACA,IAAI,eAAe;GACjB,OAAO,WAAW;EACpB;EACA,IAAI,WAAW;GACb,OAAO,WAAW;EACpB;CACF,CAAC;CAED,IAAI;CACJ,MAAM,eAAe,OAAyB;EAC5C,WAAW;CACb;CAEA,MAAM,CAAC,UAAU,YAAY,QAAQ,CAAC,UAAU,iBAAiB,CAAC,UAAU,kBAAkB;CAE9F,MAAM,kBAAkB,kBACtB;EACE,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EAIA,IAAI,QAAQ;GACV,OAAO,UAAU,SAAS,SAAS;EACrC;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,oBAAoB;GACtB,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,0BAA0B,UAAU,oBAAoB,WAAW;EAC5E;EACA,IAAI,OAAO;GACT,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,sBAAsB;GACxB,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,eAAe;GACjB,OAAO,UAAU;EACnB;EACA,IAAI,cAAc;GAChB,OAAO,UAAU;EACnB;EACA,IAAI,iBAAiB;GACnB,OAAO,UAAU;EACnB;EACA,IAAI,aAAa;GACf,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,SAAS;GACX,OAAO,UAAU;EACnB;EACA,IAAI,gBAAgB;GAClB,OAAO,UAAU;EACnB;EACA,IAAI,YAAY;GACd,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,SAAS;GACX,OAAO,UAAU;EACnB;EACA,IAAI,QAAQ;GACV,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,qBAAqB;GACvB,OAAO,UAAU;EACnB;EACA,IAAI,mBAAmB;GACrB,OAAO,UAAU;EACnB;EACA,IAAI,sBAAsB;GACxB,OAAO,UAAU;EACnB;EACA,IAAI,WAAW;GACb,OAAO,UAAU;EACnB;EACA,IAAI,gBAAgB;GAClB,OAAO,UAAU;EACnB;EACA,IAAI,UAAU;GACZ,OAAO,UAAU;EACnB;EACA,IAAI,WAAW;GACb,OAAO,WAAW;EACpB;EACA,IAAI,UAAU;GACZ,OAAO,WAAW;EACpB;CACF,GACA,aACM,YAAY,IACpB;CAEA,MAAM,eAAe,kBAA0C;EAC7D,SAAS,MAAM,MAAM,MAAM;EAC3B,YAAY,UAAU,cAAc;EACpC,WAAW,gBAAgB,aAAa;EACxC,YAAY,UAAU,cAAc;EACpC,YAAY,UAAU,cAAc;EACpC,OAAO,MAAM,MAAM;CACrB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CACA,MAAM,oBAA4C;EAChD,IAAI,UAAU;GACZ,OAAO,MAAM,MAAM,MAAM;EAC3B;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,YAAY;GACd,OAAO,gBAAgB,aAAa;EACtC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,QAAQ;GACV,OAAO,MAAM,MAAM;EACrB;CACF;CAEA,MAAM,WAAW,iBACf,eAAe,MAAiC,EAAE,QAAQ,KAAK,CAAC,CAClE;CAEA,MAAM,kBAAkB,iBAAmC;EACzD,MAAM,YAAY,gBAAgB;EAClC,MAAM,mBAAmB,gBAAgB;EACzC,MAAM,eAAe,UAAU;EAC/B,OAAO;GACL;GACA,kBACE,aAAa,iBAAiB,WAAW,KAAK,OAAO,iBAAiB,WAClE,CAAC,YAAY,IACb;GACN,mBAAmB,gBAAgB;EACrC;CACF,CAAC;CACD,MAAM,oBAA4C;EAChD,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA,IAAI,oBAAoB;GACtB,OAAO,gBAAgB;EACzB;CACF;CACA,MAAM,eAAwC;EAC5C;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA,IAAI,mBAAmB;GACrB,OAAO,gBAAgB;EACzB;EACA,IAAI,aAAa;GACf,OAAO,gBAAgB;EACzB;EACA;EACA,IAAI,mBAAmB;GACrB,OAAO,gBAAgB;EACzB;EACA,IAAI,oBAAoB;GACtB,OAAO,gBAAgB;EACzB;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,YAAY;GACd,OAAO,gBAAgB,aAAa;EACtC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA,IAAI,aAAa;GACf,OAAO,UAAU,cAAc;EACjC;EACA;CACF;CACA,MAAM,sBAAsB;EAC1B,MAAM,WAAW,MAAM;EACvB,OAAO,OAAO,aAAa,aAAa,SAAS,iBAAiB,IAAI;CACxE;CAMA,MAAM,YAAY,EAChB,OAAO;EACL,IAAI,cAAc;GAChB,OAAO,gBAAgB;EACzB;EACA,IAAI,eAAe;GACjB,OAAO,gBAAgB;EACzB;CACF,EACF;CAIA,MAAM,oBAAgC;EACpC,KAAK;EACL,IAAI,KAAK;GACP,OAAQ,gBAAgB,WAAyD;EACnF;EACA,IAAI,UAAU;GACZ,MAAM,aAAa,gBAAgB;GAGnC,OAAO,aAAW,WAAW,WAAW,WAAW,GAAG;EACxD;EACA,IAAI,MAAM;GACR,MAAM,aAAa,gBAAgB;GAGnC,OAAO,aAAW,WAAW,WAAW,WAAW,GAAG;EACxD;CACF;CAEA,OACEA,gBAAAA,mBAAAA;EAAmBC,OAAO;EAA1B,IAAA,WAAA;GACEC,OAAAA,gBAAAA,cAAAA;IAAcC,OAAO;IAArB,IAAA,WAAA;KACEC,OAAAA,gBAAAA,oBAAAA;MAAoBC,OAAO;MAA3B,IAAA,WAAA;OACE,IAAA,OAAA,eAAA,MAcK;OAZH,IAAA,QAAK,MAAM;OAAX,OAAA,UAAA,cAAA,MAAA,QAAA,KAAc,IAAdC,UAAAA;;OAAc,GAAdA,IAAc,IAAd,MAAW,MAAXA;OADI,OAAA,MAAA,CAAA,UAAA;QAEJ,IAAA,UAAA;SAAO,OAAA,YAAY,MAAM;QAAC;QAC1B,IAAA,QAAA;SAAO,OAAA,YAAY,MAAM;QAAC;QAC1B,IAAA,eAAA;SAAY,OAAA,SAAS,MAAM,MAAM,MAAM,EAAE;QAAC;QAC1C,IAAA,kBAAA;SAAe,OAAA,SAAS,UAAU,UAAU;QAAC;QAC7C,IAAA,iBAAA;SAAc,OAAA,SAAS,gBAAgB,SAAS;QAAC;QACjD,IAAA,kBAAA;SAAe,OAAA,SAAS,UAAU,UAAU;QAAC;QAC7C,IAAA,kBAAA;SAAe,OAAA,SAAS,UAAU,UAAU;QAAC;;OAT/C,OAAA,MAWEC,gBAAAA,UAAAA;QAAUC,QAAQ,CAAC,CAAC,aAAa,SAAS,CAAC;QAA3C,IAAA,WAAA;SACG,OAAA,cAAc;QACP;OACP,CAAA,CAAA;OAdL,mBAcK;OAfP,OACEC;MAekB;;IACR;;EACG;;AAEvB;;;;AAKA,SAAgB,iBAAiB,OAIjB;CACd,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAGtE,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,QAAQ;EACvC,OAAO;CACT;CAGE,IAAA,QAAA,eAAA,OAOO;CALL,UAAA;EAAM,QAAA,OAAO,QAAQ,WAAW,EAAE;CAAC,GAAnCC,KAAmC;CAD/B,OAAA,OAAA,CAAA,iBAAA;EAEJ,IAAA,UAAA;GAAO,OAAA,MAAM,SAAS;EAA6B;EACnD,IAAA,QAAA;GAAO,OAAA,MAAM;EAAK;;CAJpB,OAAA,OAMEC,YAAAA;EAAC,OAAA,MAAM;CAAQ,CAAA,CACV;CAPP,mBAOO;CART,OACEC;AASJ;;;;AAKA,SAAgB,iBAAiB,OAA2C;CAC1E,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAS;EAAS;CAAM,CAAC;CACtE,IAAI;CAEJ,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,oDAAoD;CAYtE,MAAM,oBAAoB,qBAAqB;CAE/C,MAAM,EAAE,WAAW,gBAAgB,eAAe,gBAAgB;CAElE,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,QAAQ;CACjB,EACF,CAAC;CAED,MAAM,eAAe,kBAA+C;EAClE,WAAW,UAAU;EACrB,gBAAgB,eAAe;EAC/B,WAAW,UAAU;EACrB,YAAY,CAAC,CAAC,QAAQ;EACtB,WAAW,CAAC,CAAC,QAAQ;CACvB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS,QAAQ;EACvC,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CAEA,MAAM,+BAAwD;EAC5D,IAAI,CAAC,mBACH,OAAO,CAAC;EAEV,MAAM,aAAa,kBAAkB;EACrC,OAAO;GACL,iBAAiB,WAAW;GAC5B,qBAAqB,WAAW;GAChC,yBAAyB,WAAW,wBAAwB,CAAC;GAG7D,cAAc,WAAW;GACzB,aAAa,WAAW;GACxB,YAAY,WAAW;GACvB,cAAc,WAAW;EAC3B;CACF;CAEA,MAAM,0BACH;EACC,GAAG;EACH,GAAG,gBAAgB;EACnB,GAAG,gBAAgB;EACnB,GAAG,gBAAgB;EACnB,GAAG,uBAAuB;CAC5B;CAEF,gBAAgB;EACd,MAAM,UAAU;EAChB,IAAI,CAAC,SACH;EAGF,MAAM,gBAAgB,UAAiB;GACrC,MAAM,UAAU,iBAAiB,CAAC,CAAC;GAGnC,UACE,uBAAuB,OAAO,OAAO,CAIvC;GACA,gCAAgC,OAAO;GACvC,MAAM,gBAAgB;EACxB;EACA,MAAM,iBAAiB,UAAiB;GACtC,MAAM,UAAU,iBAAiB,CAAC,CAAC;GAGnC,UACE,uBAAuB,OAAO,OAAO,CAIvC;GACA,gCAAgC,OAAO;GACvC,MAAM,gBAAgB;EACxB;EAEA,QAAQ,iBAAiB,SAAS,YAAY;EAC9C,QAAQ,iBAAiB,UAAU,aAAa;EAChD,gCAAgC,OAAO;EACvC,aAAa;GACX,QAAQ,oBAAoB,SAAS,YAAY;GACjD,QAAQ,oBAAoB,UAAU,aAAa;EACrD;CACF,CAAC;CAGC,IAAA,QAAA,eAAA,OAgBC;CAdC,UAAA;EAAM,QAAA,YAAY;GAChB,eAAe;GACf,QAAQ,cAAc,OAAO;GAC7B,mBAAmB,SAAS,OAAO;GACnC,UAAU,QAAQ,YAAY,KAAK,OAAO;GAC1C,UAAW,SAA+B,KAAK,OAAO;EACxD;CAAC,GANDC,KAMC;CAPG,OAAA,OAAA,CAAA,kBAAA;EAQJ,IAAA,UAAA;GAAO,OAAA,YAAY,MAAM;EAAC;EAC1B,IAAA,QAAA;GAAO,OAAA,YAAY,MAAM;EAAC;EAC1B,IAAA,iBAAA;GAAc,OAAA,SAAS,UAAU,CAAC;EAAC;EACnC,IAAA,uBAAA;GAAoB,OAAA,SAAS,eAAe,CAAC;EAAC;EAC9C,IAAA,iBAAA;GAAc,OAAA,SAAS,UAAU,CAAC;EAAC;EACnC,IAAA,kBAAA;GAAe,OAAA,SAAS,QAAQ,UAAU;EAAC;EAC3C,IAAA,iBAAA;GAAc,OAAA,SAAS,QAAQ,SAAS;EAAC;;CAf3C,mBAgBC;CAjBH,OACEC;AAkBJ;;;;AAKA,SAAgB,uBAAuB,OAAiD;CACtF,MAAM,CAAC,OAAO,YAAY,WAAW,OAAO;EAAC;EAAS;EAAS;EAAQ;CAAU,CAAC;CAElF,MAAM,UAAU,WAAW,kBAAkB;CAC7C,IAAI,CAAC,SACH,MAAM,IAAI,MAAM,0DAA0D;CAG5E,MAAM,mBAAmB,CAAC,EAAE,QAAQ,cAAc,QAAQ;CAC1D,MAAM,iBAAiB,QAAQ,OAAO,MAAM,KAAK,QAAQ;CACzD,MAAM,cAAc;EAClB,IAAI,CAAC,WAAW,KAAK,CAAC,QAAQ,GAC5B,QAAQ,kBAAkB,QAAQ;CAEtC;CAEA,MAAM,EAAE,WAAW,eAAe,YAAY;EAC5C,IAAI,aAAa;GACf,OAAO,QAAQ,cAAc,QAAQ;EACvC;EACA,SAAS;EACT,SAAS;CACX,CAAC;CAED,MAAM,EAAE,WAAW,eAAe,YAAY,EAC5C,IAAI,aAAa;EACf,OAAO,QAAQ,cAAc,QAAQ;CACvC,EACF,CAAC;CAED,MAAM,eAAe,kBAAqD;EACxE,WAAW,UAAU;EACrB,WAAW,UAAU;EACrB,YAAY,WAAW;CACzB,EAAE;CAEF,MAAM,cAAc,eAClB;EACE,IAAI,WAAW;GACb,OAAO,MAAM;EACf;EACA,OAAO,MAAM;EACb,OAAO,MAAM;EACb,kBAAkB;CACpB,GACA,YACF;CAEA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CACA,MAAM,wBAAwB;EAC5B,MAAM,EAAE,KAAK,MAAM,GAAG,SAAS;EAC/B,OAAO;CACT;CAEA,OACEC,gBAAAA,MAAAA;EAAM,IAAA,OAAA;GAAM,OAAA,CAAC,QAAQ;EAAC;EAAtB,IAAA,WAAA;GACE,IAAA,QAAA,eAAA,OAmBQ;;IAlBF;IAMJ;KALAC,MAAAA;KACA,IAAA,eAAA;MAAY,OAAA,QAAQ,mBAAmB,iBAAiB;KAAc;KACtE,IAAA,WAAA;MAAU,OAAA,QAAQ,kBAAkB,YAAY;KAAE;KAClD,IAAA,WAAA;MAAU,OAAA,QAAQ,kBAAkB;KAAQ;KAC5C,IAAA,cAAA;MAAa,OAAA,QAAQ,kBAAkB;KAAW;IAC7B;IAAjB;IAIJ;KAHAC,aAAa;KACbC,WAAW;KACXC,SAAS;IACY;IAAjB;;KACJ,IAAA,UAAA;MAAO,OAAA,YAAY,MAAM;KAAC;KAC1B,IAAA,QAAA;MAAO,OAAA,YAAY,MAAM;KAAC;KAC1B,IAAA,iBAAA;MAAc,OAAA,SAAS,UAAU,CAAC;KAAC;KACnC,IAAA,iBAAA;MAAc,OAAA,SAAS,UAAU,CAAC;KAAC;KACnC,IAAA,kBAAA;MAAe,OAAA,SAAS,WAAW,CAAC;KAAC;;;GAhBvC,OAAA,OAkBEC,YAAAA;IAAC,OAAA,YAAY,eAAe;GAAC,CAAA,CACvB;GAnBR,mBAmBQ;GApBV,OACEC;EAoBI;;AAEV;AAEA,YAAY,QAAQ;AACpB,YAAY,QAAQ;AACpB,YAAY,cAAc"}

package/dist/SearchField.jsx

@@ -1,11 +1,25 @@
-import { Provider, filterDOMProps, useRenderProps } from "./utils.jsx";
-import { FieldErrorContext } from "./FieldError.jsx";
+/*
+* Copyright 2022 Adobe. All rights reserved.
+* This file is licensed to you under the Apache License, Version 2.0 (the "License");
+* you may not use this file except in compliance with the License. You may obtain a copy
+* of the License at http://www.apache.org/licenses/LICENSE-2.0
+*
+* Unless required by applicable law or agreed to in writing, software distributed under
+* the License is distributed on an "AS IS" BASIS, WITHOUT WARRANTIES OR REPRESENTATIONS
+* OF ANY KIND, either express or implied. See the License for the specific language
+* governing permissions and limitations under the License.
+*/
+// Ported to SolidJS for Proyecto Viviana; based on packages/react-aria-components/src/SearchField.tsx
+import { Provider, attrString as attrString$1, dataAttr, filterDOMProps, useRenderProps, useSlot } from "./utils.jsx";
 import { TextContext } from "./Text.jsx";
-import { FormContext } from "./Form.jsx";
+import { FieldErrorContext } from "./FieldError.jsx";
+import { FormContext, resolveValidationBehavior } from "./Form.jsx";
+import { n as LabelContext } from "./Label.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";
+import { Show, createContext, createMemo, onSettled, useContext } from "solid-js";
+import { createFocusRing, createHover, createPress, createSearchField, mergeProps } from "@proyecto-viviana/solidaria";
+import { assignRef, splitProps } from "@proyecto-viviana/solidaria/utils";
+import { createSearchFieldState } from "@proyecto-viviana/solid-stately";
 //#region src/SearchField.tsx
 /**
 * SearchField component for solidaria-components
@@ -14,33 +28,6 @@ import { VALID_VALIDITY_STATE, createSearchFieldState } from "@proyecto-viviana/
 * Port of react-aria-components/src/SearchField.tsx
 */
 const SearchFieldContext = createContext(null);
-function withFormValidationBehavior(props, formContext) {
-	if (!formContext?.validationBehavior) return props;
-	return new Proxy(props, {
-		get(target, property, receiver) {
-			const localValue = Reflect.get(target, property, receiver);
-			if (property === "validationBehavior" && localValue === void 0) return formContext.validationBehavior;
-			return localValue;
-		},
-		has(target, property) {
-			return Reflect.has(target, property) || property === "validationBehavior" && formContext.validationBehavior !== void 0;
-		},
-		ownKeys(target) {
-			const keys = new Set(Reflect.ownKeys(target));
-			if (formContext.validationBehavior !== void 0) keys.add("validationBehavior");
-			return Array.from(keys);
-		},
-		getOwnPropertyDescriptor(target, property) {
-			const descriptor = Reflect.getOwnPropertyDescriptor(target, property);
-			if (descriptor) return descriptor;
-			if (property === "validationBehavior" && formContext.validationBehavior !== void 0) return {
-				enumerable: true,
-				configurable: true,
-				get: () => formContext.validationBehavior
-			};
-		}
-	});
-}
 function eventWithCurrentTarget(event, element) {
 	return new Proxy(event, { get(target, property, receiver) {
 		if (property === "target" || property === "currentTarget") return element;
@@ -59,13 +46,13 @@ function clearDelegatedTextEntryHandlers(element) {
 function SearchField(props) {
 	const formContext = useContext(FormContext);
 	const contextProps = useContext(SearchFieldContext);
-	const contextSlotProps = contextProps?.slots?.[props.slot ?? "default"];
+	const contextSlotProps = contextProps?.slots?.[typeof props.slot === "string" ? props.slot : "default"];
 	const contextBaseProps = createMemo(() => {
 		if (!contextProps) return {};
 		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 baseProps = contextProps ? mergeProps$1(contextBaseProps(), contextSlotProps ?? {}, props) : props;
+	const baseProps = contextProps ? mergeProps(contextBaseProps(), contextSlotProps ?? {}, props) : props;
 	const autocompleteInput = useAutocompleteInput();
 	const autocompleteProps = autocompleteInput ? {
 		get value() {
@@ -76,7 +63,8 @@ function SearchField(props) {
 		onFocus: autocompleteInput.inputProps.onFocus,
 		onBlur: autocompleteInput.inputProps.onBlur
 	} : void 0;
-	const [local, stateProps, ariaProps, rest] = splitProps(withFormValidationBehavior(autocompleteProps ? mergeProps$1(baseProps, autocompleteProps) : baseProps, formContext), [
+	const mergedProps = autocompleteProps ? mergeProps(baseProps, autocompleteProps) : baseProps;
+	const [local, stateProps, ariaProps, rest] = splitProps(mergedProps, [
 		"children",
 		"class",
 		"style",
@@ -146,6 +134,7 @@ function SearchField(props) {
 	const setInputRef = (el) => {
 		inputRef = el;
 	};
+	const [labelRef, hasLabel] = useSlot(!ariaProps["aria-label"] && !ariaProps["aria-labelledby"]);
 	const searchFieldAria = createSearchField({
 		get isDisabled() {
 			return ariaProps.isDisabled;
@@ -160,7 +149,7 @@ function SearchField(props) {
 			return ariaProps.isInvalid;
 		},
 		get label() {
-			return ariaProps.label;
+			return ariaProps.label ?? hasLabel();
 		},
 		get "aria-label"() {
 			return ariaProps["aria-label"];
@@ -187,7 +176,7 @@ function SearchField(props) {
 			return ariaProps.form;
 		},
 		get validationBehavior() {
-			return ariaProps.validationBehavior;
+			return resolveValidationBehavior(ariaProps.validationBehavior, formContext);
 		},
 		get type() {
 			return ariaProps.type;
@@ -313,15 +302,12 @@ function SearchField(props) {
 	const domProps = createMemo(() => filterDOMProps(rest, { global: true }));
 	const fieldValidation = createMemo(() => {
 		const isInvalid = searchFieldAria.isInvalid;
+		const validationErrors = searchFieldAria.validationErrors;
 		const errorMessage = ariaProps.errorMessage;
 		return {
 			isInvalid,
-			validationErrors: isInvalid && typeof errorMessage === "string" ? [errorMessage] : [],
-			validationDetails: isInvalid ? {
-				...VALID_VALIDITY_STATE,
-				customError: true,
-				valid: false
-			} : VALID_VALIDITY_STATE
+			validationErrors: isInvalid && validationErrors.length === 0 && typeof errorMessage === "string" ? [errorMessage] : validationErrors,
+			validationDetails: searchFieldAria.validationDetails
 		};
 	});
 	const fieldErrorContext = {
@@ -343,6 +329,7 @@ function SearchField(props) {
 		get labelProps() {
 			return searchFieldAria.labelProps;
 		},
+		labelRef,
 		get descriptionProps() {
 			return searchFieldAria.descriptionProps;
 		},
@@ -375,15 +362,31 @@ function SearchField(props) {
 			return searchFieldAria.errorMessageProps;
 		}
 	} };
-	return <FieldErrorContext.Provider value={fieldErrorContext}>
-      <SearchFieldContext.Provider value={contextValue}>
-        <div {...domProps()} ref={local.ref} class={renderProps.class()} style={renderProps.style()} data-empty={state.value() === "" || void 0} data-disabled={ariaProps.isDisabled || void 0} data-invalid={searchFieldAria.isInvalid || void 0} data-required={ariaProps.isRequired || void 0} data-readonly={ariaProps.isReadOnly || void 0}>
-          <Provider values={[[TextContext, textSlots]]}>
-            {fieldChildren()}
-          </Provider>
-        </div>
-      </SearchFieldContext.Provider>
-    </FieldErrorContext.Provider>;
+	const labelContextValue = {
+		ref: labelRef,
+		get id() {
+			return searchFieldAria.labelProps.id;
+		},
+		get htmlFor() {
+			const labelProps = searchFieldAria.labelProps;
+			return attrString$1(labelProps.htmlFor ?? labelProps.for);
+		},
+		get for() {
+			const labelProps = searchFieldAria.labelProps;
+			return attrString$1(labelProps.htmlFor ?? labelProps.for);
+		}
+	};
+	return <FieldErrorContext value={fieldErrorContext}>
+      <LabelContext value={labelContextValue}>
+        <SearchFieldContext value={contextValue}>
+          <div {...domProps()} ref={local.ref} class={renderProps.class()} style={renderProps.style()} data-empty={dataAttr(state.value() === "")} data-disabled={dataAttr(ariaProps.isDisabled)} data-invalid={dataAttr(searchFieldAria.isInvalid)} data-required={dataAttr(ariaProps.isRequired)} data-readonly={dataAttr(ariaProps.isReadOnly)}>
+            <Provider values={[[TextContext, textSlots]]}>
+              {fieldChildren()}
+            </Provider>
+          </div>
+        </SearchFieldContext>
+      </LabelContext>
+    </FieldErrorContext>;
 }
 /**
 * The label for a search field.
@@ -395,7 +398,7 @@ function SearchFieldLabel(props) {
 		const { ref: _ref, ...rest } = context.labelProps;
 		return rest;
 	};
-	return <label {...cleanLabelProps()} class={props.class ?? "solidaria-SearchField-label"} style={props.style}>
+	return <label {...cleanLabelProps()} ref={(el) => context.labelRef?.(el)} class={props.class ?? "solidaria-SearchField-label"} style={props.style}>
       {props.children}
     </label>;
 }
@@ -446,7 +449,11 @@ function SearchFieldInput(props) {
 		return {
 			"aria-controls": inputProps["aria-controls"],
 			"aria-autocomplete": inputProps["aria-autocomplete"],
-			"aria-activedescendant": inputProps["aria-activedescendant"]()
+			"aria-activedescendant": inputProps["aria-activedescendant"](),
+			autoComplete: inputProps.autoComplete,
+			autoCorrect: inputProps.autoCorrect,
+			spellCheck: inputProps.spellCheck,
+			enterKeyHint: inputProps.enterKeyHint
 		};
 	};
 	const mergedInputProps = () => ({
@@ -456,7 +463,7 @@ function SearchFieldInput(props) {
 		...cleanHoverProps(),
 		...autocompleteInputAttrs()
 	});
-	onMount(() => {
+	onSettled(() => {
 		const element = inputElement;
 		if (!element) return;
 		const inputHandler = (event) => {
@@ -474,18 +481,18 @@ function SearchFieldInput(props) {
 		element.addEventListener("input", inputHandler);
 		element.addEventListener("change", changeHandler);
 		clearDelegatedTextEntryHandlers(element);
-		onCleanup(() => {
+		return () => {
 			element.removeEventListener("input", inputHandler);
 			element.removeEventListener("change", changeHandler);
-		});
+		};
 	});
 	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} />;
+		assignRef(context.inputProps?.ref, element);
+		assignRef(domProps.ref, element);
+	}} class={renderProps.class()} style={renderProps.style()} data-focused={dataAttr(isFocused())} data-focus-visible={dataAttr(isFocusVisible())} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(context.isDisabled)} data-invalid={dataAttr(context.isInvalid)} />;
 }
 /**
 * The clear button for a search field.
@@ -536,7 +543,7 @@ function SearchFieldClearButton(props) {
 		return rest;
 	};
 	return <Show when={!isEmpty()}>
-      <button {...domProps} type="button" aria-label={context.clearButtonProps?.["aria-label"] ?? "Clear search"} tabIndex={context.clearButtonProps?.tabIndex ?? -1} disabled={context.clearButtonProps?.disabled} onMouseDown={context.clearButtonProps?.onMouseDown} {...cleanPressProps()} onPointerUp={clear} onMouseUp={clear} onClick={clear} {...cleanHoverProps()} class={renderProps.class()} style={renderProps.style()} data-pressed={isPressed() || void 0} data-hovered={isHovered() || void 0} data-disabled={isDisabled() || void 0}>
+      <button {...domProps} type="button" aria-label={context.clearButtonProps?.["aria-label"] ?? "Clear search"} tabindex={context.clearButtonProps?.tabIndex ?? -1} disabled={context.clearButtonProps?.disabled} onMouseDown={context.clearButtonProps?.onMouseDown} {...cleanPressProps()} onPointerUp={clear} onMouseUp={clear} onClick={clear} {...cleanHoverProps()} class={renderProps.class()} style={renderProps.style()} data-pressed={dataAttr(isPressed())} data-hovered={dataAttr(isHovered())} data-disabled={dataAttr(isDisabled())}>
         {renderProps.renderChildren()}
       </button>
     </Show>;