TextFieldContext is wrongly typed?

[devlzcode]

export function PasswordInput() {
  const props = useContext(RAC.TextFieldContext);

  const Icon = props.type === "password" ? EyeOffIcon : EyeIcon;

  return (
    <RAC.Group className={inputGroup()}>
      <RAC.Input className={input()} />
      <RAC.Button slot="toggle">
        <Icon className="size-5" />
      </RAC.Button>
    </RAC.Group>
  );
}

This works but props is of type RAC.ContextValue<RAC.TextFieldProps, HTMLDivElement> which seemingly resolves to nothing. Additionally is this how RAC maintainers would suggest to compose a field like this? Previously it was just its a single component but I wanted to make it more.. react-aria-componenty but it feels like I'm doing more bad than good 😓

export const PasswordField = forwardRef<HTMLDivElement, RAC.TextFieldProps>(
  (props, ref) => {
    const [isVisible, setIsVisible] = useState(false);
    const type = isVisible ? "text" : "password";

    return (
      <RAC.ButtonContext.Provider
        value={{
          slots: {
            toggle: {
              onPress: () => setIsVisible(!isVisible),
            },
          },
        }}
      >
        <RAC.TextField {...props} type={type} ref={ref} />
      </RAC.ButtonContext.Provider>
    );
  },
);

[devlzcode]

Maybe this could instead be a builtin since this pattern is used often 👀 ? Unless toggling password visibility isn't accessible.